@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--color-void-black:#040506;--color-deep-charcoal:#07080a;--color-graphite-700:#111214;--color-graphite-600:#1b1c1e;--color-graphite-500:#363739;--color-graphite-400:#454647;--color-slate-300:#6a6b6c;--color-slate-200:#9c9c9d;--color-ash-50:#e6e6e6;--color-snow:#fff;--color-ember-red:#ff6363;--color-ember-dark:#452324;--color-mint-signal:#59d499;--color-sky-signal:#56c2ff;--gradient-nebula-glow:radial-gradient(84.6% 73.49% at 50% 26.51%, #043f96b3, #06122540);--gradient-violet-haze:radial-gradient(86.88% 75.47% at 50% 24.53%, #523091b3, #1a0b3324);--surface-canvas:#040506;--surface-base:#07080a;--surface-raised:#111214;--surface-overlay:#1b1c1e;--font-inter:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-caption:11px;--text-body:16px;--text-subheading:18px;--text-heading-sm:24px;--text-heading:32px;--text-heading-lg:56px;--text-display:64px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--spacing-96:96px;--page-max-width:1200px;--section-gap:80px;--card-padding:24px;--element-gap:15px;--radius-cards:11px;--radius-badges:6px;--radius-inputs:8px;--radius-modals:16px;--radius-buttons:8px;--radius-card-large:20px;--radius-pill:86px;--shadow-key:#0006 0px 1.5px .5px 2.5px, #000 0px 0px .5px 1px, #00000040 0px 2px 1px 1px inset, #fff3 0px 1px 1px 1px inset;--shadow-ring:#1b1c1e 0px 0px 0px 1px, #07080a 0px 0px 0px 1px inset;--shadow-card:#ffffff0d 0px 1px 0px 0px inset, #ffffff0f 0px 0px 0px 1px inset;--shadow-glow:#d7c9af0d 0px 0px 20px 5px, #d7c9af0d 0px 0px 16px -7px;--shadow-elevated:#0006 0px 4px 40px 8px, #000c 0px 0px 0px .5px, #ffffff4d 0px .5px 0px 0px inset;--shadow-sm:#00000040 0px 4px 4px 0px}[data-theme=light]{--color-graphite-700:#f8f9fa;--color-graphite-600:#e9ecef;--color-graphite-500:#dee2e6;--color-graphite-400:#adb5bd;--color-slate-300:#868e96;--color-slate-200:#495057;--color-ash-50:#212529;--color-snow:#111214;--surface-canvas:#f0f2f5;--surface-base:#fff;--surface-raised:#f8f9fa;--surface-overlay:#e9ecef;--shadow-card:#0000000f 0px 1px 3px 0px, #0000000a 0px 0px 0px 1px;--shadow-elevated:#0000001f 0px 4px 24px 0px, #00000014 0px 0px 0px .5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .top-btn-primary,[data-theme=light] .move-btn-next,[data-theme=light] .modal-btn-save,[data-theme=light] .btn-primary{color:#fff}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-secondary{color:var(--color-slate-200);border-color:var(--color-graphite-500)}[data-theme=light] .btn-secondary:hover{color:var(--color-ash-50)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;overflow:hidden}body{font-family:var(--font-inter);background-color:var(--surface-canvas);color:var(--color-snow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt", "kern", "liga", "ss03";line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-snow);font-weight:600}h1{font-size:var(--text-heading);letter-spacing:-.06px;line-height:1.2}h2{font-size:var(--text-heading-sm);letter-spacing:-.05px;line-height:1.33}h3{font-size:var(--text-subheading);letter-spacing:.06px;line-height:1.4}a{color:inherit;text-decoration:none}button{cursor:pointer;font-feature-settings:"calt", "kern", "liga", "ss03";font-family:inherit}input,select,textarea{font-feature-settings:"calt", "kern", "liga", "ss03";font-family:inherit}.main-layout{background:var(--surface-canvas);height:100vh;display:flex;overflow:hidden}.content{background:var(--surface-canvas);flex:1;overflow:hidden auto}.btn{border-radius:var(--radius-buttons);justify-content:center;align-items:center;gap:var(--spacing-8);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-ash-50);color:#2f3031}.btn-primary:hover{background:var(--color-snow)}.btn-secondary{color:var(--color-slate-200);border:1px solid var(--color-graphite-400);background:0 0}.btn-secondary:hover{color:var(--color-snow);border-color:var(--color-slate-300)}.btn-ghost{color:var(--color-slate-200);background:0 0;border:none}.btn-ghost:hover{color:var(--color-snow)}.card{background:var(--surface-base);border-radius:var(--radius-cards);border:1px solid var(--color-graphite-600);padding:var(--card-padding);box-shadow:var(--shadow-card)}.status-badge{border-radius:var(--radius-badges);letter-spacing:.048px;text-transform:uppercase;background:var(--color-graphite-600);color:var(--color-snow);align-items:center;padding:0 6px;font-size:12px;font-weight:500;display:inline-flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s cubic-bezier(.23,1,.32,1) forwards fadeInUp}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-graphite-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-graphite-400)}::selection{color:var(--color-snow);background:#ff63634d}
.sidebar-container{background:var(--surface-base);border-right:1px solid var(--color-graphite-600);flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{flex-direction:column;gap:6px;padding:32px 24px 24px;display:flex}.sidebar-logo{width:160px;height:auto;transition:filter .3s}[data-theme=light] .sidebar-logo{filter:brightness(0)}.brand-subtitle{color:var(--color-slate-300);text-transform:uppercase;letter-spacing:.073em;font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.online-section{margin-top:auto;padding:16px 16px 0}.online-title{letter-spacing:.08em;color:var(--color-graphite-400);margin-bottom:10px;font-size:10px;font-weight:600}.online-list{flex-direction:column;gap:6px;display:flex}.online-user{border-radius:var(--radius-buttons);background:#ffffff05;align-items:center;gap:10px;padding:6px 8px;display:flex}.online-dot{color:var(--color-mint-signal);flex-shrink:0;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.online-user-info{flex-direction:column;min-width:0;display:flex}.online-user-name{color:var(--color-snow);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.online-user-page{color:var(--color-graphite-400);font-size:11px}.nav-item{border-radius:var(--radius-buttons);color:var(--color-slate-200);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:400;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-snow);background:#ffffff0a}.nav-item.active{background:var(--color-graphite-700);color:var(--color-snow);box-shadow:var(--shadow-card)}.nav-icon{opacity:.6;width:18px;height:18px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--color-graphite-600);padding:20px 12px}.user-profile{align-items:center;gap:12px;display:flex}.avatar{border-radius:var(--radius-buttons);background:var(--color-graphite-700);border:1px solid var(--color-graphite-500);width:36px;height:36px;color:var(--color-slate-200);letter-spacing:.04em;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.user-info{flex:1}.user-name{color:var(--color-snow);font-size:14px;font-weight:500}.user-role{color:var(--color-slate-300);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.logout-btn{border-radius:var(--radius-buttons);border:1px solid var(--color-graphite-500);width:32px;height:32px;color:var(--color-slate-300);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.logout-btn:hover{background:var(--color-ember-dark);border-color:var(--color-ember-red);color:var(--color-ember-red)}.sidebar-version-link{text-align:center;font-size:11px;font-family:var(--font-mono);color:var(--color-graphite-400);border-top:1px solid var(--color-graphite-600);letter-spacing:.03em;margin-top:12px;padding:10px 0 0;transition:color .2s;display:block}.sidebar-version-link:hover{color:var(--color-slate-200)}.theme-toggle{background:var(--color-graphite-600);border-radius:var(--radius-buttons);gap:2px;margin-bottom:12px;padding:3px;display:flex}.theme-btn{color:var(--color-slate-300);font-size:11px;font-weight:500;font-family:var(--font-inter);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;transition:all .2s;display:flex}.theme-btn:hover{color:var(--color-snow);background:var(--color-graphite-500)}.theme-btn.active{background:var(--surface-base);color:var(--color-snow);box-shadow:0 1px 3px #0000004d}