:root{--ink:#090a13;--panel:#121427;--line:rgba(164,151,255,.18);--text:#f5f3ff;--muted:#aaa8c3;--violet:#9a7cff;--blue:#5caeff;--danger:#ff7397}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% 0,#30206a 0,transparent 29%),radial-gradient(circle at 0 100%,#091b3e 0,transparent 34%),var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.auth-body{display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);padding:42px;background:linear-gradient(145deg,rgba(25,26,49,.94),rgba(10,11,22,.9));border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 70px rgba(95,78,230,.13)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#090a13;font-weight:900;font-size:24px;box-shadow:0 0 24px rgba(117,97,255,.5)}.brand-mark.small{width:30px;height:30px;border-radius:10px;font-size:15px}.auth-card h1{margin:24px 0 5px;font-size:27px;letter-spacing:.02em}.auth-card p,.muted,.empty-panel p{color:var(--muted)}form{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:8px;color:#d7d3f5;font-size:14px;font-weight:600}input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(3,4,12,.62);color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(154,124,255,.17)}button{border:0;border-radius:12px;padding:14px 16px;margin-top:6px;background:linear-gradient(100deg,var(--blue),var(--violet));color:#0a0a13;font-weight:800;letter-spacing:.04em;cursor:pointer}.alert{padding:12px 14px;border-radius:12px;margin-top:20px;font-size:14px}.error{background:rgba(255,74,126,.12);border:1px solid rgba(255,115,151,.35);color:#ffbfd0}.success{background:rgba(91,232,179,.1);border:1px solid rgba(91,232,179,.28);color:#a5f4d3}.app-shell{display:flex;min-height:100vh}.sidebar{width:190px;padding:25px 16px;border-right:1px solid var(--line);background:rgba(7,8,18,.72);display:flex;flex-direction:column;gap:34px}.sidebar-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em;font-size:13px}nav,.sidebar-bottom{display:grid;gap:5px}.sidebar-bottom{margin-top:auto}a{color:var(--muted);text-decoration:none;padding:12px;border-radius:10px;font-weight:700;font-size:13px;letter-spacing:.04em}a:hover,a.active{background:linear-gradient(90deg,rgba(92,174,255,.16),rgba(154,124,255,.13));color:var(--text)}a.logout{color:#ff9eb7}.content{flex:1;padding:clamp(30px,7vw,82px);max-width:1200px}.eyebrow{color:#9dbdff;font-size:12px;letter-spacing:.16em;font-weight:800;margin:0 0 8px}.content h1{font-size:clamp(30px,4vw,46px);margin:0 0 10px;letter-spacing:-.04em}.panel,.empty-panel{margin-top:34px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(21,22,44,.87),rgba(8,9,20,.67));box-shadow:0 20px 60px rgba(0,0,0,.2)}.settings-panel{max-width:520px}.empty-panel{min-height:330px;display:grid;place-content:center;text-align:center}.empty-panel h2{margin:15px 0 0}.empty-orb{width:70px;height:70px;margin:auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e9e4ff 0,rgba(140,112,255,.9) 15%,rgba(53,73,190,.4) 45%,transparent 70%);filter:drop-shadow(0 0 20px rgba(129,100,255,.65))}@media(max-width:640px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;flex-direction:row;align-items:center;padding:12px;gap:12px;overflow:auto}.sidebar nav,.sidebar-bottom{display:flex;gap:4px}.sidebar-bottom{margin:0}.sidebar a{white-space:nowrap;padding:9px}.content{padding:34px 20px}.sidebar-brand span:last-child{display:none}}