:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-navy-900:#1c2233;--color-navy-800:#232a3f;--color-navy-700:#2a3248;--color-navy-600:#3a4460;--color-navy-500:#4d5878;--color-gold-600:#93764f;--color-gold-500:#ab8d6b;--color-gold-400:#c2a789;--color-gold-300:#dccbb4;--color-gold-100:#f2e9de;--color-bg:#f7f6f4;--color-surface:#fff;--color-border:#e5e1da;--color-text:#232a3f;--color-text-muted:#6b7284;--color-text-inverse:#fff;--color-success:#2f8f5b;--color-danger:#c0433a;--color-warning:#b8862f;--color-info:#3a6ea5;--skeleton-base:#e8e4dc;--skeleton-highlight:#f4f1ea;--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1c22330f;--shadow-md:0 4px 12px #1c223314;--shadow-lg:0 12px 32px #1c223324;--transition-fast:.15s ease;--transition-base:.22s ease;--sidebar-width:260px;--sidebar-width-collapsed:76px;--header-height:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#12151f;--color-surface:#1c2233;--color-border:#333c58;--color-text:#e8e9f0;--color-text-muted:#9aa1b8;--color-success:#3fae74;--color-danger:#e2584d;--color-warning:#d9a13c;--color-info:#5c93c9;--skeleton-base:#2a3148;--skeleton-highlight:#384063;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base), color var(--transition-base);margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin:0;font-weight:600}p{margin:0}a{color:inherit}button{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-gold-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:14px;display:flex}.loading-spinner{object-fit:contain;width:40px;height:40px;animation:1.1s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.toast-container{z-index:1000;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-info);animation:toast-in var(--transition-base);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.toast-container{max-width:none;left:16px;right:16px}}.header{z-index:10;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.header-menu-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:none}.header-menu-btn svg{width:20px;height:20px}.header-spacer{flex:1}.header-user{align-items:center;gap:10px;display:flex}.header-user-avatar{background:var(--color-gold-100);width:38px;height:38px;color:var(--color-gold-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.header-user-info{flex-direction:column;line-height:1.25;display:flex}.header-user-name{color:var(--color-text);font-size:14px;font-weight:600}.header-user-role{color:var(--color-text-muted);font-size:12px}.header-logout-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;margin-left:4px;display:flex}.header-logout-btn:hover{color:var(--color-danger);border-color:var(--color-danger)}.header-logout-btn svg{width:18px;height:18px}@media (width<=900px){.header-menu-btn{display:flex}.header-user-info{display:none}}.sidebar{height:100svh;width:var(--sidebar-width);background:var(--color-navy-700);color:var(--color-text-inverse);transition:width var(--transition-base);z-index:20;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-x:hidden}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{height:var(--header-height);flex-shrink:0;align-items:center;padding:0 20px;display:flex}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-logo-full{width:auto;height:42px}.sidebar-logo-icon{width:auto;height:34px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:#ffffffb8;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:11px 12px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link:hover{color:var(--color-text-inverse);background:#ffffff14}.sidebar-link-active{background:var(--color-gold-500);color:var(--color-navy-900);font-weight:600}.sidebar-collapsed .sidebar-link-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-collapse-btn{border-radius:var(--radius-md);color:#ffffffb8;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #ffffff24;align-items:center;gap:8px;margin:12px;padding:10px 12px;font-size:13.5px;display:flex}.sidebar-collapse-btn:hover{color:var(--color-text-inverse);background:#ffffff14}.sidebar-collapse-btn svg{flex-shrink:0;width:18px;height:18px}.sidebar-backdrop{display:none}@media (width<=900px){.sidebar{width:var(--sidebar-width);transition:transform var(--transition-base);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-collapsed{width:var(--sidebar-width)}.sidebar-mobile-open{transform:translate(0)}.sidebar-collapsed .sidebar-link-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.sidebar-collapse-btn{display:none}.sidebar-backdrop{z-index:19;background:#14171f80;display:block;position:fixed;inset:0}}.main-layout{background:var(--color-bg);min-height:100svh;display:flex}.main-layout-content{flex-direction:column;flex:1;min-width:0;display:flex}.main-layout-main{flex:1;padding:24px}@media (width<=480px){.main-layout-main{padding:16px}}