@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/3ce154ad7d54dc86-s.1-9go8whdf-l6.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/7cdbb9ca823c0a73-s.1h6d36qg8q9eb.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/1e239d59b95c7889-s.2z2_lz8ulsj_0.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/a421df443b3f383b-s.36lh57wvljuff.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/c2873153dc73d9e3-s.1em1pp1frbjrf.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/d38a53d0ba90b32d-s.398ve1q5qj3un.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/5b0229109f6656bb-s.3tlvbu8v6d928.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/ca19bc83075b2625-s.2f6i6rjizi5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/2aec202ebfcf461b-s.261mkozpp7zc7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(../media/cf514f5d0007dafa-s.p.1wc2mf9hp9pav.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans Fallback;src:local(Arial);ascent-override:101.65%;descent-override:27.86%;line-gap-override:0.0%;size-adjust:105.15%}.open_sans_f09eea7d-module__pjfs-a__className{font-family:Open Sans,Open Sans Fallback;font-style:normal}.open_sans_f09eea7d-module__pjfs-a__variable{--font-open-sans:"Open Sans", "Open Sans Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-overlay:#0f172a66;--bg-popover:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-hover:#94a3b8;--border-focus:#4f46e5;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--accent-glow:#4f46e526;--status-active:#059669;--status-active-bg:#ecfdf5;--status-active-border:#a7f3d0;--status-completed:#10b981;--status-completed-bg:#d1fae5;--status-completed-border:#6ee7b7;--status-in-progress:#3b82f6;--status-in-progress-bg:#eff6ff;--status-in-progress-border:#bfdbfe;--status-pending:#f59e0b;--status-pending-bg:#fffbeb;--status-pending-border:#fde68a;--status-unpaid:#ef4444;--status-unpaid-bg:#fef2f2;--status-unpaid-border:#fca5a5;--status-overdue:#dc2626;--status-overdue-bg:#fee2e2;--status-overdue-border:#f87171;--status-urgent:#991b1b;--status-urgent-bg:#ffe4e6;--sidebar-width:280px;--header-height:70px;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #4f46e526;--transition-fast:.15s ease;--transition-normal:.25s ease;--font-heading:"Century Gothic", "CenturyGothic", "AppleGothic", "Segoe UI", sans-serif;--font-sans:var(--font-open-sans), "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.dark{--bg-primary:#0b0f17;--bg-secondary:#131b2e;--bg-tertiary:#1e293b;--bg-card:#131b2e;--bg-card-hover:#1c2742;--bg-input:#0f172a;--bg-overlay:#000000b3;--bg-popover:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--border-primary:#1e293b;--border-secondary:#334155;--border-hover:#475569;--border-focus:#6366f1;--accent-primary:#6366f1;--accent-hover:#818cf8;--accent-light:#6366f126;--accent-glow:#6366f140;--status-active:#10b981;--status-active-bg:#10b98126;--status-active-border:#10b9814d;--status-completed:#34d399;--status-completed-bg:#34d39926;--status-completed-border:#34d3994d;--status-in-progress:#60a5fa;--status-in-progress-bg:#60a5fa26;--status-in-progress-border:#60a5fa4d;--status-pending:#fbbf24;--status-pending-bg:#fbbf2426;--status-pending-border:#fbbf244d;--status-unpaid:#f87171;--status-unpaid-bg:#f8717126;--status-unpaid-border:#f871714d;--status-overdue:#ef4444;--status-overdue-bg:#ef444433;--status-overdue-border:#ef444466;--status-urgent:#f43f5e;--status-urgent-bg:#f43f5e33;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,button,input,select,textarea{font-family:var(--font-sans)}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6,.brand-logo,.card-title,.stat-value,.modal-header h2,.nav-section-title,.page-title-container h1{font-family:Century Gothic,CenturyGothic,AppleGothic,Segoe UI,sans-serif!important}.app-container{background-color:var(--bg-primary);width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:40;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:3rem 2rem;display:flex}.brand-logo{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;width:auto;max-width:100%;height:60px}.dark .brand-logo-img{filter:brightness(0)invert()}.brand-icon{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--accent-primary), #818cf8);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.75rem .75rem .25rem;font-size:.75rem;font-weight:600}.nav-item{border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;width:100%;transition:all var(--transition-fast);background-color:#0000;border:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.925rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-light);color:var(--accent-primary);font-weight:600}.nav-item-content{align-items:center;gap:.85rem;display:flex}.nav-badge{background-color:var(--accent-primary);color:#fff;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-primary);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.backend-badge{border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.status-dot{background-color:var(--status-active);width:8px;height:8px;box-shadow:0 0 8px var(--status-active);border-radius:50%}.status-dot.mock{background-color:var(--status-pending);box-shadow:0 0 8px var(--status-pending)}.main-wrapper{margin-left:var(--sidebar-width);min-height:100vh;width:calc(100vw - var(--sidebar-width));flex-direction:column;flex:1;display:flex}.top-header{height:var(--header-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:30;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.menu-toggle-btn{border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;padding:.5rem;display:none}.page-title-container h1{color:var(--text-primary);font-size:1.25rem;font-weight:700}.page-title-container p{color:var(--text-muted);font-size:.825rem}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle-btn:hover{background-color:var(--border-primary)}.content-body{flex:1;width:100%;max-width:1600px;padding:2rem}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem}.card:hover{border-color:var(--border-secondary)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.card-description{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.stat-icon-wrapper{border-radius:var(--border-radius-md);background-color:var(--accent-light);width:40px;height:40px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.stat-subtext{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 4px #4f46e533}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 8px #4f46e54d}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--border-primary)}.btn-outline{border-color:var(--border-secondary);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn-danger{background-color:var(--status-unpaid-bg);color:var(--status-unpaid);border-color:var(--status-unpaid-border)}.btn-danger:hover{background-color:var(--status-unpaid);color:#fff}.btn-sm{border-radius:var(--border-radius-sm);padding:.4rem .8rem;font-size:.8rem}.btn-icon{border-radius:var(--border-radius-md);padding:.5rem}.table-container{border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);background-color:var(--bg-card);width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-primary);padding:.85rem 1.25rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:middle;padding:1rem 1.25rem}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background-color:var(--bg-card-hover)}.badge{text-transform:capitalize;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{background-color:var(--status-active-bg);color:var(--status-active);border-color:var(--status-active-border)}.badge-completed{background-color:var(--status-completed-bg);color:var(--status-completed);border-color:var(--status-completed-border)}.badge-in_progress{background-color:var(--status-in-progress-bg);color:var(--status-in-progress);border-color:var(--status-in-progress-border)}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending);border-color:var(--status-pending-border)}.badge-unpaid{background-color:var(--status-unpaid-bg);color:var(--status-unpaid);border-color:var(--status-unpaid-border)}.badge-paid{background-color:var(--status-completed-bg);color:var(--status-completed);border-color:var(--status-completed-border)}.badge-overdue{background-color:var(--status-overdue-bg);color:var(--status-overdue);border-color:var(--status-overdue-border)}.badge-submitted{background-color:var(--status-in-progress-bg);color:var(--status-in-progress);border-color:var(--status-in-progress-border)}.badge-under_review{background-color:var(--status-pending-bg);color:var(--status-pending);border-color:var(--status-pending-border)}.badge-implemented{background-color:var(--status-completed-bg);color:var(--status-completed);border-color:var(--status-completed-border)}.badge-rejected{background-color:var(--status-unpaid-bg);color:var(--status-unpaid);border-color:var(--status-unpaid-border)}.priority-low{background-color:var(--bg-tertiary);color:var(--text-secondary)}.priority-medium{background-color:var(--status-in-progress-bg);color:var(--status-in-progress)}.priority-high{background-color:var(--status-pending-bg);color:var(--status-pending)}.priority-urgent{background-color:var(--status-urgent-bg);color:var(--status-urgent)}.progress-bar-container{background-color:var(--bg-tertiary);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), #10b981);border-radius:9999px;height:100%;transition:width .4s}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.form-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border-radius:var(--border-radius-md);border:1px solid var(--border-primary);background-color:var(--bg-input);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.65rem .9rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{resize:vertical;min-height:90px}.modal-overlay{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-primary);background-color:var(--bg-tertiary);border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input-wrapper{flex:1;min-width:260px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input{padding-left:2.5rem}.tab-pills{background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);align-items:center;gap:.35rem;padding:.3rem;display:flex}.tab-pill{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.4rem .85rem;font-size:.825rem;font-weight:500}.tab-pill.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.code-block{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);font-family:var(--font-geist-mono), monospace;color:var(--text-primary);padding:1rem;font-size:.825rem;overflow-x:auto}.toast-container{z-index:120;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background-color:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md);align-items:center;gap:.75rem;min-width:280px;padding:.85rem 1.25rem;animation:.3s ease-out slideInRight;display:flex}.toast-success{border-left:4px solid var(--status-completed)}.toast-info{border-left:4px solid var(--accent-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-overlay{background-color:var(--bg-overlay);z-index:35;display:none;position:fixed;inset:0}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay.open{display:block}.main-wrapper{width:100vw;margin-left:0}.menu-toggle-btn{display:flex}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.content-body{padding:1rem}.filter-bar{flex-direction:column;align-items:stretch}}