.sidebar{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-700) 100%);width:250px;min-height:100vh;z-index:var(--z-sticky);transition:transform var(--dur) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar__logo{padding:var(--sp-6) var(--sp-5);border-bottom:1px solid #ffffff14}.sidebar__logo-text{color:var(--on-brand);letter-spacing:-.02em;font-size:20px;font-weight:700}.sidebar__nav{padding:var(--sp-3) var(--sp-2);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__link{align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-sm);color:#f3f7fc9e;letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{color:var(--on-brand);background:#ffffff12}.sidebar__link--active,.sidebar__link--active:hover{background:var(--accent);color:#fff}.sidebar__footer{padding:var(--sp-4) var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-2);border-top:1px solid #ffffff14;display:flex}.sidebar__user-info{align-items:center;gap:10px;min-width:0;display:flex}.sidebar__user-details{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{color:var(--on-brand);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sidebar__user-role{color:#f3f7fc73;text-transform:capitalize;font-size:11px}.sidebar__logout{color:#f3f7fc80;cursor:pointer;border-radius:var(--r-xs);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar__logout:hover{color:#fca5a5;background:#dc26262e}.sidebar-overlay{z-index:var(--z-backdrop);background:#0f1b2d80;display:none;position:fixed;inset:0}@media (width<=767px){.sidebar{z-index:var(--z-modal);transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar__link{min-height:44px;padding:12px var(--sp-3)}.sidebar__logout{min-width:44px;min-height:44px}}.global-search{width:260px;position:relative}.global-search__box{align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-pill);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);display:flex}.global-search__box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.global-search__icon{color:var(--faint);flex-shrink:0}.global-search__input{min-width:0;color:var(--ink-body);background:0 0;border:none;flex:1;padding:0;font-size:13px}.global-search__input:focus{box-shadow:none;outline:none}.global-search__hint{color:var(--faint);border:1px solid var(--border-strong);border-radius:var(--r-xs);white-space:nowrap;flex-shrink:0;padding:1px 5px;font-size:11px}.global-search__clear{color:var(--faint);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.global-search__clear:hover{color:var(--ink-body);background:var(--surface-3)}.global-search__dropdown{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);width:360px;max-width:90vw;max-height:420px;z-index:var(--z-modal);padding:var(--sp-2) 0;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0f1b2d29}.global-search__status{padding:var(--sp-4) var(--sp-4);color:var(--muted);text-align:center;font-size:13px}.global-search__group{padding:var(--sp-2) 0}.global-search__group+.global-search__group{border-top:1px solid var(--border)}.global-search__group-title{padding:var(--sp-1) var(--sp-4);text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-size:11px;font-weight:600}.global-search__item{text-align:left;width:100%;padding:var(--sp-2) var(--sp-4);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;display:flex}.global-search__item:hover{background:var(--surface-2)}.global-search__item-title{color:var(--ink-body);font-size:13px;font-weight:500}.global-search__item-subtitle{color:var(--muted);font-size:12px}.global-search__more{padding:var(--sp-1) var(--sp-4);color:var(--faint);font-size:11px}@media (width<=767px){.global-search{width:160px}.global-search__hint{display:none}}.header{background:var(--surface);border-bottom:1px solid var(--border);height:60px;padding:0 var(--sp-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:var(--sp-3);display:flex}.header__menu-btn{color:var(--ink-body);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:none}.header__menu-btn:hover{background:var(--surface-2)}.header__title{color:var(--ink);letter-spacing:-.018em;margin:0;font-size:18px;font-weight:600}.header__right{align-items:center;gap:var(--sp-4);display:flex}.header__bell{color:var(--muted);cursor:pointer;padding:var(--sp-2);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header__bell:hover{background:var(--surface-2);color:var(--ink-body)}.header__badge{border-radius:var(--r-pill);background:var(--danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.header__user{align-items:center;gap:var(--sp-2);display:flex}.header__user-name{color:var(--ink-body);font-size:14px;font-weight:500}.header__role-badge{padding:2px var(--sp-2);border-radius:var(--r-pill);text-transform:capitalize;font-size:11px;font-weight:600}.header__logout-btn{color:var(--muted);cursor:pointer;border-radius:var(--r-xs);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.header__logout-btn:hover{background:var(--danger-bg);color:var(--danger)}@media (width<=767px){.header{padding:0 var(--sp-4)}.header__menu-btn{min-width:44px;min-height:44px;display:flex}.header__user-name{display:none}}.app-layout{background:var(--bg);min-height:100vh;display:flex}.app-layout__main{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:250px;display:flex}.app-layout__content{min-width:0;padding:var(--sp-6);flex:1}@media (width<=767px){.app-layout__main{margin-left:0}.app-layout__content{padding:var(--sp-4)}}:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f4f8;--border:#e6e9ef;--border-strong:#d4d9e2;--ink:#0f1b2d;--ink-body:#2c3850;--muted:#5b6577;--faint:#8a94a6;--brand:#1e3a5f;--brand-700:#172e4c;--brand-50:#eef2f7;--on-brand:#f3f7fc;--accent:#3b82f6;--accent-600:#2563eb;--accent-700:#1d4ed8;--accent-50:#eff6ff;--accent-100:#dbeafe;--accent-ring:#3b82f629;--success:#16a34a;--success-bg:#dcfce7;--success-ink:#166534;--warn:#d97706;--warn-bg:#fef3c7;--warn-ink:#92400e;--danger:#dc2626;--danger-bg:#fee2e2;--danger-ink:#991b1b;--info:#2563eb;--info-bg:#dbeafe;--info-ink:#1d4ed8;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 6px 16px -4px #1018281a, 0 2px 6px -2px #1018280f;--shadow-lg:0 16px 40px -12px #1018282e;--z-dropdown:1000;--z-sticky:1100;--z-backdrop:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500;--ease:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv05", "ss01";font-size:14px;line-height:1.5}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.018em;text-wrap:balance;line-height:1.2}p{text-wrap:pretty}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}:focus:not(:focus-visible){outline:none}input,textarea,select,button{font-family:inherit}input,textarea,select{border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;color:var(--ink-body);background:var(--surface);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:10px 14px;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}button{cursor:pointer;border-radius:var(--r-sm);letter-spacing:-.01em;transition:background var(--dur) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border:none;padding:10px 20px;font-size:14px;font-weight:600}button:active{transform:translateY(.5px)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-600)}.btn-secondary{background:var(--surface-3);color:var(--ink-body);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--r-pill);padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-blue{background:var(--info-bg);color:var(--info-ink)}.badge-yellow{background:var(--warn-bg);color:var(--warn-ink)}.badge-green{background:var(--success-bg);color:var(--success-ink)}.badge-red{background:var(--danger-bg);color:var(--danger-ink)}.badge-gray{background:var(--surface-3);color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}