.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-sidebar), color-mix(in srgb, var(--color-sidebar) 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:2.8s ease-out infinite sidebarPulse;position:absolute;inset:-3px}@keyframes sidebarPulse{0%{opacity:.75;transform:scale(.75)}70%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.sidebar-status__dot.is-live:after{animation:none}}.sidebar-status__label{color:#ffffffe6}.sidebar-status__live{color:var(--color-cyan);letter-spacing:.14em;margin-left:auto;font-size:10px}.sidebar-menu{gap:var(--space-md);margin-top:var(--space-lg);scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff2e;border:none}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.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:.12em;text-transform:uppercase;color:#ffffff6b;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);justify-content:space-between;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);border-bottom:1px solid var(--color-border);display:flex}.navbar-search{align-items:center;gap:var(--space-sm);min-width:300px;max-width:480px;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);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:auto;display:flex}.navbar-search:focus-within{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.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-lg);flex:none;margin-left:auto;display:flex}.notification-button{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.notification-button:hover{background:var(--color-background);color:var(--color-text)}.notification-button:focus-visible,.profile-button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.notification-badge{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;top:10px;right:10px}.bell-button.has-unread{color:var(--color-text)}.bell-button.has-unread.is-critical .notification-badge{background:var(--color-danger)}.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:40px;height:40px;color:var(--color-text-white);font-size:var(--font-sm);letter-spacing:.02em;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-info{text-align:left;flex-direction:column;gap:2px;line-height:1.15;display:flex}.profile-info strong{font-size:var(--font-sm);color:var(--color-text);font-weight:600}.profile-info small{font-size:var(--font-xs);letter-spacing:.02em;color:var(--color-text-secondary)}.profile-button>svg{color:var(--color-text-secondary)}@media (width<=1100px){.navbar-search{min-width:240px;max-width:360px}}@media (width<=720px){.navbar-search,.profile-info{display:none}.navbar-right{gap:var(--space-md)}}.ntf-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ntf-item{gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.ntf-item:hover{background:var(--color-background)}.ntf-item:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ntf-item.is-unread{background:color-mix(in srgb, var(--color-primary) 6%, transparent);border-color:color-mix(in srgb, var(--color-primary) 18%, transparent)}.ntf-item__marker{background:var(--color-border);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.ntf-item.is-unread .ntf-item__marker{background:var(--color-primary)}.ntf-item.sev-warning .ntf-item__marker{background:var(--color-warning)}.ntf-item.sev-danger .ntf-item__marker{background:var(--color-danger)}.ntf-item__body{flex-direction:column;gap:2px;min-width:0;display:flex}.ntf-item__title{font-size:var(--font-sm);overflow-wrap:anywhere;font-weight:600;line-height:1.35}.ntf-item.is-unread .ntf-item__title{font-weight:700}.ntf-item__detail{font-size:var(--font-xs);color:var(--color-text-secondary);overflow-wrap:anywhere}.ntf-item__meta{align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-top:2px;display:flex}.ntf-item__unread{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-weight:700}.ntf-skeleton{border-radius:var(--radius-md);background:var(--color-background);height:56px}.ntf-local-note{margin:var(--space-md) 0 0;font-size:var(--font-xs);color:var(--color-text-muted);text-align:center}.siamex-drawer{z-index:1000;display:flex;position:fixed;inset:0}.siamex-drawer.side-right{justify-content:flex-end}.siamex-drawer.side-left{justify-content:flex-start}.siamex-drawer__backdrop{background:color-mix(in srgb, var(--color-navy) 45%, transparent);opacity:0;transition:opacity .24s;position:absolute;inset:0}.siamex-drawer.is-visible .siamex-drawer__backdrop{opacity:1}.siamex-drawer__panel{background:var(--color-surface);width:100%;height:100%;box-shadow:var(--shadow-lg);will-change:transform;flex-direction:column;transition:transform .24s;display:flex;position:relative;transform:translate(100%)}.siamex-drawer.side-left .siamex-drawer__panel{transform:translate(-100%)}.siamex-drawer.is-visible .siamex-drawer__panel{transform:translate(0)}.siamex-drawer__panel.size-sm{max-width:360px}.siamex-drawer__panel.size-md{max-width:460px}.siamex-drawer__panel.size-lg{max-width:640px}.siamex-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.siamex-drawer__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.siamex-drawer__title{font-size:var(--font-lg);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:700}.siamex-drawer__description{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.siamex-drawer__body{padding:var(--space-lg);flex:1;overflow-y:auto}.siamex-drawer__footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex}@media (width<=520px){.siamex-drawer__panel{max-width:100%}}@media (prefers-reduced-motion:reduce){.siamex-drawer__backdrop,.siamex-drawer__panel{transition:none}}.siamex-empty{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.siamex-empty__icon{border-radius:var(--radius-lg);place-items:center;display:grid}.siamex-empty__title{color:var(--color-text);letter-spacing:-.01em;margin:0;font-weight:700}.siamex-empty__description{max-width:44ch;color:var(--color-text-secondary);margin:0}.siamex-empty__actions{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.siamex-empty.size-sm{padding:var(--space-xl) var(--space-lg)}.siamex-empty.size-md{padding:var(--space-2xl) var(--space-lg)}.siamex-empty.size-lg{padding:var(--space-3xl) var(--space-lg)}.siamex-empty.size-sm .siamex-empty__icon{width:40px;height:40px}.siamex-empty.size-md .siamex-empty__icon{width:52px;height:52px}.siamex-empty.size-lg .siamex-empty__icon{width:64px;height:64px}.siamex-empty.size-sm .siamex-empty__icon svg{width:20px;height:20px}.siamex-empty.size-md .siamex-empty__icon svg{width:26px;height:26px}.siamex-empty.size-lg .siamex-empty__icon svg{width:32px;height:32px}.siamex-empty.size-sm .siamex-empty__title{font-size:var(--font-md)}.siamex-empty.size-md .siamex-empty__title{font-size:var(--font-lg)}.siamex-empty.size-lg .siamex-empty__title{font-size:var(--font-xl)}.siamex-empty.size-sm .siamex-empty__description{font-size:var(--font-sm)}.siamex-empty.size-md .siamex-empty__description,.siamex-empty.size-lg .siamex-empty__description{font-size:var(--font-md)}.siamex-empty.tone-neutral .siamex-empty__icon{background:color-mix(in srgb, var(--color-text-secondary) 12%, transparent);color:var(--color-text-secondary)}.siamex-empty.tone-info .siamex-empty__icon{background:var(--color-light-blue);color:var(--color-primary)}.siamex-empty.tone-danger .siamex-empty__icon{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.gsearch{position:relative}.gsearch__panel{top:calc(100% + var(--space-sm));z-index:var(--z-dropdown);max-height:min(60vh,520px);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);position:absolute;left:0;right:0;overflow-y:auto}.gsearch__state{padding:var(--space-md);font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.gsearch__state.is-error{color:var(--color-danger)}.gsearch__group+.gsearch__group{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.gsearch__group-label{padding:var(--space-xs) var(--space-sm) 2px;font-size:var(--font-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:700}.gsearch__hit{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.gsearch__hit.is-active,.gsearch__hit:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.gsearch__hit:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.gsearch__hit-main{flex-direction:column;gap:1px;min-width:0;display:flex}.gsearch__hit-title{font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.gsearch__hit-subtitle{font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gsearch__hit-status{font-size:var(--font-xs);letter-spacing:.04em;color:var(--color-text-secondary);flex:none;font-weight:600}.gsearch__more{padding:2px var(--space-sm) var(--space-xs);font-size:var(--font-xs);color:var(--color-text-muted)}.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}.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}}: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}.siamex-drawer__panel:has(.drawer-rhythm) .siamex-drawer__header{padding-bottom:var(--space-xl)}.siamex-drawer__panel:has(.drawer-rhythm) .siamex-drawer__heading{padding-top:calc(var(--space-sm) + var(--space-xl));gap:var(--space-sm)}[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}