*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#04040a;--card:#0a0a18;--card-h:#0d0d20;
  --border:#1e0b35;--bhi:#3d1570;
  --accent:#b026ff;--a2:#d580ff;--a3:#7c00d4;
  --adim:rgba(176,38,255,.1);--aglow:rgba(176,38,255,.4);
  --text:#eeeeff;--dim:#5a5080;--dim2:#8878a0;
  --danger:#ff2255;--ok:#00ffaa;--gold:#ffd700;--owner:#ff6b35;
  --Fc:'Chakra Petch',sans-serif;--Fm:'Manrope',sans-serif;--Fs:'Share Tech Mono',monospace;
}
body{background:var(--bg);color:var(--text);font-family:var(--Fm);min-height:100vh}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 0 0,rgba(176,38,255,.12) 0,transparent 60%),radial-gradient(ellipse 50% 45% at 100% 100%,rgba(120,20,200,.07) 0,transparent 60%)}
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(176,38,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(176,38,255,.035) 1px,transparent 1px);background-size:40px 40px}
header{position:sticky;top:0;z-index:100;background:rgba(4,4,10,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:var(--Fc);font-size:15px;font-weight:700;letter-spacing:.18em;color:#fff;text-shadow:0 0 20px var(--accent)}
.logo-accent{color:var(--accent)}
nav{display:flex;gap:4px}
nav a{color:var(--dim2);text-decoration:none;font-family:var(--Fc);font-size:13px;font-weight:500;letter-spacing:.06em;padding:7px 14px;border-radius:4px;border:1px solid transparent;transition:all .2s}
nav a:hover,nav a.active{background:var(--adim);color:var(--a2);border-color:rgba(61,21,112,.5)}
.container{max-width:1000px;margin:0 auto;padding:32px 24px;position:relative;z-index:1}
.section-title{font-family:var(--Fc);font-size:11px;letter-spacing:.25em;color:var(--a2);text-transform:uppercase;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.btn{font-family:var(--Fc);font-size:12px;font-weight:600;letter-spacing:.06em;padding:8px 20px;border-radius:4px;cursor:pointer;transition:all .2s;border:none}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 14px var(--aglow)}.btn-primary:hover{background:var(--a2);box-shadow:0 0 26px var(--aglow)}
.btn-ghost{background:none;border:1px solid var(--bhi);color:var(--dim2)}.btn-ghost:hover{border-color:var(--accent);color:var(--a2);background:var(--adim)}
.btn-danger{background:rgba(255,34,85,.12);border:1px solid rgba(255,34,85,.35);color:var(--danger)}.btn-danger:hover{background:rgba(255,34,85,.22)}
.btn-ok{background:rgba(0,255,170,.1);border:1px solid rgba(0,255,170,.25);color:var(--ok)}.btn-ok:hover{background:rgba(0,255,170,.2)}
.btn-sm{padding:5px 14px;font-size:10px}.btn-xs{padding:3px 9px;font-size:9px}
input,textarea,select{background:rgba(176,38,255,.06);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:4px;font-family:var(--Fm);font-size:14px;outline:none;transition:.2s;width:100%}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 0 3px var(--adim)}
select{cursor:pointer}
select option{background:#0a0a18}
textarea{resize:vertical;line-height:1.6}
.spill{font-family:var(--Fs);font-size:7px;letter-spacing:.12em;padding:2px 8px;border-radius:2px;text-transform:uppercase}
.sp-ip{background:rgba(255,215,0,.12);color:var(--gold);border:1px solid rgba(255,215,0,.25)}
.sp-td{background:rgba(90,80,128,.12);color:var(--dim2);border:1px solid var(--border)}
.sp-dn{background:rgba(0,255,170,.1);color:var(--ok);border:1px solid rgba(0,255,170,.2)}
.sp-cl{background:rgba(255,34,85,.1);color:var(--danger);border:1px solid rgba(255,34,85,.2)}
.av{border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}
.tsk-item{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--border)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--card-h);border:1px solid var(--bhi);box-shadow:0 0 30px rgba(176,38,255,.15),0 8px 24px rgba(0,0,0,.5);color:var(--text);padding:9px 22px;border-radius:4px;font-family:var(--Fc);font-size:12px;font-weight:600;letter-spacing:.06em;z-index:999;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}