@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#e0e7ff;--secondary:#64748b;--secondary-hover:#475569;--success:#10b981;--success-bg:#d1fae5;--success-text:#047857;--danger:#ef4444;--danger-hover:#dc2626;--danger-bg:#fee2e2;--danger-text:#b91c1c;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#b45309;--info:#3b82f6;--info-bg:#dbeafe;--info-text:#1d4ed8;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-primary:#fff;--border-light:#e2e8f0;--border:#cbd5e1;--border-focus:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[data-theme=dark]{--primary:#6366f1;--primary-hover:#818cf8;--primary-light:rgba(99,102,241,.15);--secondary:#a1a1aa;--secondary-hover:#d4d4d8;--success:#22c55e;--success-bg:rgba(34,197,94,.12);--success-text:#86efac;--danger:#ef4444;--danger-hover:#f87171;--danger-bg:rgba(239,68,68,.12);--danger-text:#fca5a5;--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--warning-text:#fcd34d;--info:#3b82f6;--info-bg:rgba(59,130,246,.12);--info-text:#93c5fd;--background:#0b0b0d;--surface:#121214;--surface-hover:#18181b;--text-main:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-on-primary:#fff;--border-light:#27272a;--border:#3f3f46;--border-focus:var(--primary);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600;line-height:1.2}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left!important}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.material-icons-round{display:flex;align-items:center;justify-content:center}body{min-height:100vh}#app,body{display:flex}#app{width:100%}.main-content{flex:1 1;min-width:0;width:auto;display:flex;flex-direction:column;padding:var(--space-6) var(--space-8);margin-left:260px;transition:margin-left .3s ease,width .3s ease}.mobile-topbar{display:none;align-items:center;height:60px;padding:0 var(--space-4);background-color:var(--surface);border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:40}.btn-hamburger{background:none;border:none;color:var(--text-main);cursor:pointer;padding:var(--space-2);margin-right:var(--space-2);border-radius:var(--radius-sm)}.btn-hamburger:hover{background-color:var(--surface-hover)}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.4);z-index:45;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background-color:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:50;transition:transform .3s ease,background-color .2s ease,border-color .2s ease}.sidebar-header{height:72px;padding:0 var(--space-6);gap:var(--space-3);border-bottom:1px solid var(--border-light)}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{width:32px;height:32px;background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-md);justify-content:center}.sidebar-brand{font-weight:700;font-size:1rem;color:var(--text-main);display:flex;flex-direction:column;line-height:1.2}.sidebar-brand small{font-weight:400;font-size:.75rem;color:var(--text-secondary)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.nav-section{margin-bottom:var(--space-6);display:flex;flex-direction:column}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:2px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .2s}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-main)}.nav-item.active{background-color:var(--primary-light);color:var(--primary)}.nav-item .material-icons-round{font-size:1.25rem}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-light)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3)}.user-avatar,.user-avatar-placeholder{width:36px;height:36px;border-radius:var(--radius-full)}.user-avatar-placeholder{background-color:var(--primary);color:var(--text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-info{flex:1 1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-secondary)}.btn-logout{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.btn-logout:hover{color:var(--danger);background-color:var(--danger-bg)}@media (max-width:1024px){.main-content{margin-left:0;width:100%;padding-top:calc(60px + var(--space-6));padding-left:var(--space-4);padding-right:var(--space-4)}.mobile-topbar{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.text-action{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;cursor:pointer;display:inline;color:inherit;transition:opacity .2s ease;text-decoration:none}.text-action,.text-action:hover{background:transparent!important}.text-action:hover{opacity:.7}.text-action:focus{outline:none}.text-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px!important}.text-action:disabled{opacity:.5;cursor:not-allowed}.text-action-primary{color:var(--primary)!important}.text-action-danger{color:var(--danger)!important}.text-action-separator{color:var(--text-muted);margin:0 8px;font-weight:400;display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out;outline:none}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-add{color:var(--info);background-color:rgba(59,130,246,.08)}.icon-btn-add:hover:not(:disabled){color:#60a5fa;background-color:rgba(59,130,246,.15)}.icon-btn-add:active:not(:disabled){color:#93c5fd;background-color:rgba(59,130,246,.2)}.icon-btn-add:focus-visible{box-shadow:0 0 0 2px rgba(59,130,246,.4)}.icon-btn-delete{color:var(--danger);background-color:transparent}.icon-btn-delete:hover:not(:disabled){color:#f87171;background-color:rgba(239,68,68,.12)}.icon-btn-delete:active:not(:disabled){color:#fca5a5;background-color:rgba(239,68,68,.18)}.icon-btn-delete:focus-visible{box-shadow:0 0 0 2px rgba(239,68,68,.4)}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px;animation:modal-fade-in .2s ease-out}.modal-container{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden;animation:modal-zoom-in .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);flex-shrink:0}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0;line-height:1.4}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.modal-close-btn:hover{color:var(--text-main);background-color:var(--surface-hover)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1 1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);flex-shrink:0;background:var(--surface)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.modal-header{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}}