:root{--bg:#0b0b0b;--surface:#111214;--surface-2:#16171c;--border:rgba(255,255,255,0.09);--text:#eef0f5;--text-muted:#a7acbc;--accent:#4c6ef5;--accent-bright:#7c93ff;--accent-hover:#7c93ff;--ink:#e2402e;--glass:rgba(255,255,255,0.035);--glass-strong:rgba(255,255,255,0.06);--success:#34d399;--error:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text)}.btn-primary{background-image:linear-gradient(180deg,var(--accent-bright),var(--accent));border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 30px -12px rgba(76,110,245,.65);transition:transform .15s ease,box-shadow .18s ease,filter .18s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 38px -12px rgba(76,110,245,.8)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border-radius:999px!important;transition:background-color .18s ease,border-color .18s ease}.btn-secondary:hover{background-color:var(--glass-strong)!important;border-color:rgba(255,255,255,.18)!important}.card{transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:rgba(124,147,255,.35)!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{display:flex;min-height:100vh}.app-shell-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;transform:translateX(-100%);transition:transform .2s ease;z-index:40;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.app-shell-sidebar.app-shell-sidebar-open{transform:translateX(0)}.app-shell-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}.app-shell-hamburger{display:inline-flex}.app-shell-content{flex:1 1;min-width:0}@media (min-width:768px){.app-shell-sidebar{position:-webkit-sticky;position:sticky;transform:none;height:100vh}.app-shell-backdrop,.app-shell-hamburger{display:none}}