.layout{background:var(--color-background);width:100%;height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.content{background:var(--color-background);flex:1;padding:36px;overflow-y:auto}.route-suspense{min-height:50vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-navy), color-mix(in srgb, var(--color-navy) 84%, #000));height:100vh;padding:var(--space-lg) var(--space-md);border-right:1px solid #ffffff0f;flex-direction:column;display:flex}.sidebar-status{align-items:center;gap:var(--space-sm);margin:var(--space-md) var(--space-sm) 0;font-size:var(--font-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:flex}.sidebar-status__dot{background:#ffffff59;border-radius:50%;flex:none;width:7px;height:7px}.sidebar-status__dot.is-live{background:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan);position:relative}.sidebar-status__dot.is-live:after{content:"";border:1.5px solid color-mix(in srgb, var(--color-cyan) 55%, transparent);border-radius:50%;animation:2s ease-out infinite sidebarPulse;position:absolute;inset:-3px}@keyframes sidebarPulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.sidebar-status__dot.is-live:after{animation:none}}.sidebar-status__label{color:#ffffff80}.sidebar-status__live{color:var(--color-cyan)}.sidebar-menu{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sidebar-group{gap:var(--space-xs);flex-direction:column;display:flex}.sidebar-group__label{padding:0 var(--space-md);font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase;color:#ffffff57;margin-bottom:2px;font-weight:700}.menu-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#ffffffa8;font-size:var(--font-sm);transition:background var(--transition), color var(--transition);font-weight:500;text-decoration:none;display:flex;position:relative}.menu-item svg{flex:none}.menu-item span{white-space:nowrap}.menu-item:hover{color:#fffffff2;background:#ffffff0f}.menu-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffc7}.menu-item.active{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-text-white);font-weight:600}.menu-item.active svg{color:var(--color-text-white)}.menu-item.active:before{content:"";border-radius:var(--radius-pill);background:var(--color-primary);width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-bottom{gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.sidebar-footer{padding:var(--space-sm) var(--space-sm) 0;font-size:var(--font-xs);letter-spacing:.04em;color:#fff6}@media (width<=1100px){.sidebar{width:90px;min-width:90px;padding:var(--space-md) var(--space-sm)}.sidebar-status{margin:var(--space-sm) 0 0;justify-content:center}.sidebar-status__label,.sidebar-status__live{display:none}.menu-item{padding:var(--space-sm);justify-content:center}.menu-item span,.sidebar-group__label,.sidebar-footer{display:none}}.logo{padding:var(--space-lg) var(--space-md) var(--space-sm);justify-content:center;align-items:center;display:flex}.logo-image{object-fit:contain;width:100%;max-width:176px;height:auto;margin:0 auto;display:block}@media (width<=1100px){.logo{padding:16px 6px}.logo-image{width:100%;max-width:60px}}.navbar{height:var(--navbar-height);background:var(--color-surface);padding:0 var(--space-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.navbar-search{align-items:center;gap:var(--space-sm);width:340px;padding:var(--space-sm) var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex}.navbar-search svg{color:var(--color-text-secondary);flex:none}.navbar-search input{min-width:0;font-size:var(--font-sm);color:var(--color-text);background:0 0;border:none;flex:1}.navbar-search input::placeholder{color:var(--color-text-secondary)}.navbar-right{align-items:center;gap:var(--space-md);display:flex}.navbar-network{align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-cyan) 26%, transparent);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-weight:600;display:inline-flex}.navbar-network__dot{background:var(--color-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%}.notification-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--transition);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.notification-button:hover{background:var(--color-background)}.notification-dot{background:var(--color-danger);border:1.5px solid var(--color-surface);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.profile-button{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition);background:0 0;display:flex}.profile-button:hover{background:var(--color-background)}.profile-avatar{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-navy));width:36px;height:36px;color:var(--color-text-white);font-size:var(--font-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.profile-info{text-align:left;flex-direction:column;line-height:1.15;display:flex}.profile-info strong{font-size:var(--font-sm);color:var(--color-text)}.profile-info small{font-size:var(--font-xs);color:var(--color-text-secondary)}.profile-button>svg{color:var(--color-text-secondary)}@media (width<=720px){.navbar-search{width:200px}.profile-info{display:none}}.siamex-toast-viewport{bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);width:min(400px, calc(100vw - 2 * var(--space-lg)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.siamex-toast{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:.22s siamexToastIn;display:flex}.siamex-toast__icon{flex-shrink:0;margin-top:1px;display:flex}.siamex-toast__message{min-width:0;font-size:var(--font-sm);color:var(--color-text);flex:1;line-height:1.4}.siamex-toast__close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;flex-shrink:0;padding:2px;transition:color .18s,background .18s;display:flex}.siamex-toast__close:hover{color:var(--color-text);background:var(--color-background)}.siamex-toast__close:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);outline:none}.siamex-toast--success{border-left-color:var(--color-success)}.siamex-toast--success .siamex-toast__icon{color:var(--color-success)}.siamex-toast--info{border-left-color:var(--color-info)}.siamex-toast--info .siamex-toast__icon{color:var(--color-info)}.siamex-toast--warning{border-left-color:var(--color-warning)}.siamex-toast--warning .siamex-toast__icon{color:var(--color-warning)}.siamex-toast--danger{border-left-color:var(--color-danger)}.siamex-toast--danger .siamex-toast__icon{color:var(--color-danger)}@keyframes siamexToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.siamex-toast{animation:none}}.splash{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.splash h1{color:#fff;font-size:64px;font-weight:700}.login{background:var(--color-background);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);width:420px;box-shadow:var(--shadow-md);padding:50px}.login-card h1{font-size:var(--font-2xl);color:var(--color-text);margin-bottom:10px}.login-card p{color:var(--color-text-secondary);margin-bottom:30px}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--color-text);font-size:14px;font-weight:600}.input-wrapper{border:1px solid var(--color-border);transition:var(--transition);background:#fff;border-radius:12px;align-items:center;padding:0 16px;display:flex}.input-wrapper:focus-within{border-color:var(--color-primary)}.input-wrapper.error{border-color:var(--color-danger)}.input-icon{color:var(--color-text-secondary);justify-content:center;align-items:center;margin-right:10px;display:flex}.input-wrapper input{width:100%;height:54px;color:var(--color-text);background:0 0;border:none;font-size:15px}.input-wrapper input::placeholder{color:var(--color-text-secondary)}.input-wrapper input:focus{outline:none}.input-error{color:var(--color-danger);font-size:13px}:root{--color-navy:#171f56;--color-institutional:#1f2a72;--color-primary:#356dff;--color-primary-hover:#2a5ce0;--color-primary-light:#eef3ff;--color-cyan:#36e4ff;--color-light-blue:#eef3ff;--color-accent:#356dff;--color-background:#f6f8fc;--color-surface:#fff;--color-text:#1b2340;--color-text-secondary:#6e7a9a;--color-text-muted:#6e7a9a;--color-text-white:#fff;--color-border:#e6ebf5;--color-sidebar:#171f56;--color-navbar:#fff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#356dff;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 2px 8px #171f560d;--shadow-md:0 10px 28px #171f5612;--shadow-lg:0 20px 48px #171f561a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-2xl:30px;--font-3xl:44px;--font-page-title:34px;--icon-xs:14px;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--sidebar-width:240px;--navbar-height:80px;--content-max-width:1600px;--transition-fast:.16s ease;--transition:.28s ease;--transition-slow:.4s ease;--focus-ring-color:var(--color-primary);--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--color-primary) 22%, transparent);--z-sidebar:100;--z-navbar:200;--z-dropdown:500;--z-modal:1000;--z-toast:1100}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea,select{font:inherit;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#edf1f7}::-webkit-scrollbar-thumb{background:#b9c3d3;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8f9fb8}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-navy:#0a1738;--color-institutional:#12244c;--color-primary:#4d86ff;--color-primary-hover:#6f9dff;--color-primary-light:#14234c;--color-cyan:#36e4ff;--color-light-blue:#14234c;--color-accent:#4d86ff;--color-background:#060c20;--color-surface:#0e1d3e;--color-text:#eef3ff;--color-text-secondary:#adc0e8;--color-text-muted:#7385b8;--color-border:#8cb2fa24;--color-sidebar:#060c1e;--color-navbar:#070d23;--color-success:#48c98a;--color-warning:#e6b45a;--color-danger:#ff7a6b;--color-info:#4d86ff;--shadow-sm:inset 0 1px 0 #96beff0d, 0 2px 10px #02061280;--shadow-md:inset 0 1px 0 #96beff0d, 0 14px 34px #02061280;--shadow-lg:inset 0 1px 0 #96beff0d, 0 26px 56px #0206128c}[data-theme=midnight] body{background-color:#0000;background-image:radial-gradient(155% 95% at 50% 150%,#1e52a626,#0000 60%),radial-gradient(120% 55% at 50% -6%,#143c8409,#0000 60%),linear-gradient(#05091a 0%,#060c20 52%,#0a1436 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}[data-theme=midnight] ::-webkit-scrollbar-track{background:#070d23}[data-theme=midnight] ::-webkit-scrollbar-thumb{background:#1c2f57}[data-theme=midnight] ::-webkit-scrollbar-thumb:hover{background:#2a3f6f}