:root{
  --bg:#050a22;
  --panel:#0b1538;
  --panel-2:#0e1a46;
  --border:rgba(150,170,255,.17);
  --text:#e8edff;
  --muted:#96a4d9;
  --primary:#8b5cf6;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,sans-serif;margin:0;background:radial-gradient(1200px 700px at 10% -10%,#251e62 0%, transparent 55%),var(--bg);color:var(--text);padding:18px}
.bg-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 400px at 80% -20%,rgba(139,92,246,.35),transparent 60%);z-index:-1}
.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(180deg,#0b1540,#091233);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.eyebrow{margin:0;font-size:11px;letter-spacing:.18em;color:#afbbef}
h1{margin:8px 0 6px;font-size:44px;line-height:1.05}
.subtitle{margin:0;color:var(--muted)}
.hero-right{display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.stats{display:flex;gap:10px}
.stat-card{min-width:88px;background:rgba(16,26,64,.75);border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:center}
.num{display:block;font-size:30px;font-weight:800;color:#7de6ff;line-height:1}
.label{font-size:12px;color:#9fb0ea}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.btn,select,input,textarea{background:#0f1f4d;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.btn{cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#9b6bff,#7c4df0);border-color:#8c5dff;font-weight:700;box-shadow:0 8px 28px rgba(139,92,246,.35)}
.btn.danger{background:rgba(190,35,85,.25);border-color:rgba(255,111,156,.45)}
.board{display:grid;grid-template-columns:repeat(6,minmax(250px,1fr));gap:14px;overflow:auto;padding-bottom:10px}
.col{background:linear-gradient(180deg,#091437,#08112d);border:1px solid var(--border);border-radius:14px;min-height:68vh;display:flex;flex-direction:column}
.col-header{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 10px;border-bottom:1px solid rgba(144,164,255,.18)}
.col h2{margin:0;font-size:18px}
.col-desc{font-size:12px;color:#9db0ef;margin-top:2px}
.count{font-size:12px;font-weight:700;color:#d7defe;background:#111f4f;padding:4px 8px;border-radius:999px;border:1px solid var(--border)}
.col-body{padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:120px}
.task{background:linear-gradient(180deg,#122254,#101d49);border:1px solid rgba(150,172,255,.28);border-radius:12px;padding:10px;box-shadow:0 10px 25px rgba(0,0,0,.24)}
.task h4{margin:0 0 6px;font-size:14px;line-height:1.35}
.task p{margin:0 0 8px;color:#a8b6ec;font-size:12px;line-height:1.35}
.meta{font-size:11px;color:#9bb0f1}
.actions{display:flex;gap:6px;margin-top:10px}
.pill{display:inline-block;font-size:10px;font-weight:700;padding:4px 7px;border-radius:999px;margin-left:6px}
.pill.high{background:rgba(239,68,68,.2);color:#ff9c9c;border:1px solid rgba(255,123,123,.4)}
.pill.medium{background:rgba(234,179,8,.18);color:#ffe08a;border:1px solid rgba(255,221,117,.35)}
.pill.low{background:rgba(34,197,94,.2);color:#8ef8ba;border:1px solid rgba(134,239,172,.3)}
dialog{border:none;border-radius:14px;max-width:520px;width:90%;background:#091233;color:var(--text);padding:18px}
form{display:flex;flex-direction:column;gap:10px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px}
textarea{min-height:90px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.end{justify-content:flex-end}
.dragover{outline:2px dashed #6ee7ff;outline-offset:-6px;background:rgba(110,231,255,.05)}
@media (max-width:980px){h1{font-size:32px}.hero{flex-direction:column}.hero-right{align-items:flex-start}}