:root{--bg-900:#0b0b0d;--bg-800:#0f1113;--surface-700:#16171a;--surface-600:#1b1d20;--surface-500:#232528;--glass:hsla(0,0%,100%,.03);--divider:hsla(0,0%,100%,.04);--text-primary:#e6e7ea;--text-secondary:#bfc3c7;--muted-400:#9ea3a8;--icon-color:hsla(0,0%,100%,.65);--icon-active:var(--accent-midnight);--accent-500:#62b0e8;--accent-midnight:#5f4bd6;--success-500:#58c085;--warning-500:#f0ad4e;--danger-500:#ff6b6b;--font-system:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--type-xxl:30px;--type-xl:22px;--type-lg:18px;--type-md:15px;--type-sm:12px;--line-height-base:1.6;--space-xxs:4px;--space-xs:8px;--space-s:12px;--space-m:18px;--space-l:22px;--space-xl:28px;--radius-sm:8px;--radius-md:12px;--radius-lg:12px;--shadow-1:0 6px 12px rgba(0,0,0,.18);--shadow-2:0 8px 20px rgba(0,0,0,.12)}#__next,body,html{height:100%}body{background:var(--bg-900);color:var(--text-primary);font-family:var(--font-system);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{padding:var(--space-l)}.sidebar{width:280px;background:linear-gradient(180deg,rgba(20,21,23,.98),rgba(16,17,19,.96));height:100vh;padding:28px 18px;box-sizing:border-box;border-right:1px solid hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar .brand{font-weight:700;font-size:18px;color:var(--text-primary);margin-bottom:24px;letter-spacing:.2px}.sidebar .nav{display:flex;flex-direction:column;gap:8px}.sidebar .nav-item{display:flex;align-items:center;padding:12px;border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:transform var(--anim-fast) var(--easing),box-shadow var(--anim-fast) var(--easing),background var(--anim-fast);gap:12px}.sidebar .nav-item:hover{transform:translateY(-3px);background:linear-gradient(180deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,.005));color:var(--text-primary);box-shadow:var(--shadow-1)}.sidebar .nav-item.active{background:linear-gradient(180deg,rgba(106,168,255,.06),rgba(106,168,255,.02));border-left:4px solid var(--accent-500);color:var(--text-primary);box-shadow:0 10px 30px rgba(0,0,0,.45)}.sidebar .nav-item .label{margin-left:8px;font-weight:600}.topbar{height:72px;justify-content:space-between;padding:0 20px;background:linear-gradient(180deg,hsla(0,0%,100%,.01),transparent);border-bottom:1px solid hsla(0,0%,100%,.02)}.topbar,.topbar .left{display:flex;align-items:center}.topbar .left{gap:16px}.topbar .search{background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));padding:10px 14px;border-radius:12px;color:var(--text-secondary);min-width:420px;box-shadow:inset 0 6px 20px rgba(0,0,0,.35);transition:all var(--anim-fast) var(--easing);border:1px solid transparent}.topbar .search:hover{border-color:rgba(107,76,255,.35);color:var(--text-primary)}.topbar .right{gap:12px}.topbar .right,.topbar .status{display:flex;align-items:center}.topbar .status{gap:8px;color:var(--text-secondary);padding:8px;border-radius:10px}.topbar .avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#222,#1b1d20)}.card,.topbar .avatar{box-shadow:var(--shadow-1)}.card{background:var(--surface-600);padding:var(--space-m);border-radius:var(--radius-md);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;border:1px solid transparent}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.35);border-color:rgba(107,76,255,.22)}.card-title{font-size:var(--type-lg);margin:0 0 8px}.table{width:100%;border-collapse:collapse}.table th{color:var(--text-secondary);text-align:left;padding:10px}.table td{padding:12px;border-top:1px solid var(--divider)}.table tr:hover{background:var(--surface-500)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal{background:var(--surface-600);padding:var(--space-l);border-radius:12px;width:720px}.btn{padding:8px 12px;border-radius:8px;background:var(--accent-500);color:#fff;border:none;cursor:pointer;transition:transform var(--anim-fast) var(--easing),box-shadow var(--anim-fast) var(--easing),filter var(--anim-fast) var(--easing)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.28);filter:saturate(1.05)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;border:1px solid var(--divider)}.btn.ghost,.input{color:var(--text-primary)}.input{padding:10px;border-radius:8px;background:var(--surface-500);border:1px solid var(--divider)}.badge{background:var(--accent-500);color:#fff;padding:4px 8px;border-radius:999px;font-size:12px}.kanban-card{background:linear-gradient(180deg,var(--surface-700),hsla(0,0%,100%,.01));padding:12px;border-radius:12px;margin-bottom:12px;box-shadow:0 6px 18px rgba(0,0,0,.24)}.message{padding:12px;border-radius:8px;background:var(--surface-500);margin-bottom:8px}.app-shell,.main{display:flex}.main{flex:1 1;height:100vh;flex-direction:column}.content{padding:var(--space-l);overflow:auto}.page-transition{animation:pageIn .22s var(--easing)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.sidebar{display:none}}--glass-highlight:hsla(0,0%,100%,.02);.page-header{font-size:var(--type-xxl);font-weight:700;letter-spacing:.2px;margin-bottom:16px}.section-header{font-size:var(--type-xl);font-weight:600;margin-bottom:12px;color:var(--text-primary)}.h1{font-size:var(--type-xxl);line-height:1.1;margin:0 0 12px}.h2{font-size:var(--type-xl);margin:0 0 10px}:focus{outline:2px solid rgba(106,168,255,.08);outline-offset:2px}.avatar{box-shadow:0 8px 24px rgba(107,76,255,.12)}.badge{background:var(--accent-midnight)}.sidebar .nav-item svg{width:18px;height:18px;flex:0 0 18px;opacity:.9}.sidebar .nav-item.active svg,.sidebar .nav-item:hover svg{stroke:var(--icon-active);opacity:1}.jump-link{border:1px solid var(--divider);background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;padding:4px 8px;font-size:12px}.jump-link:hover{color:var(--text-primary);border-color:rgba(107,76,255,.4);background:rgba(107,76,255,.12)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--success-500);box-shadow:0 0 0 0 rgba(93,209,138,.6);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(93,209,138,.6)}70%{box-shadow:0 0 0 10px rgba(93,209,138,0)}to{box-shadow:0 0 0 0 rgba(93,209,138,0)}}.btn:disabled{opacity:.55;cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(107,76,255,.45)}