:root{--bg:#04060e;--text:#e8f1ff;--dim:#93a4cc;--faint:#55648c;--line:#5a8cff2e;--cyan:#22d3ee;--magenta:#f472d0;--green:#34f5a4;--amber:#fbbf24;--violet:#a78bfa;--red:#ff4d6d;--blue:#60a5fa;--mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body{color:var(--text);font-family:var(--sans);background:repeating-linear-gradient(0deg,#ffffff06 0,#ffffff06 1px,transparent 1px,transparent 3px), linear-gradient(#5a8cff0f 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,#5a8cff0f 1px,transparent 1px) 0 0/34px 34px, radial-gradient(900px 500px at 0% -10%,#22d3ee29,transparent 60%),radial-gradient(800px 500px at 100% 0%,#f472d021,transparent 60%), radial-gradient(700px 500px at 50% 110%,#a78bfa1f,transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh}.scan{pointer-events:none;z-index:50;background:linear-gradient(#0000,#22d3ee12,#0000);height:90px;animation:7s linear infinite scan;position:fixed;top:0;left:0;right:0}@keyframes scan{0%{transform:translateY(-90px)}to{transform:translateY(100vh)}}.wrap{max-width:1400px;margin:0 auto;padding:22px clamp(14px,3vw,30px) 30px;position:relative}.label{font-family:var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;font-size:10.5px}.panel{border:1px solid color-mix(in srgb,var(--c) 27%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--c) 12%,transparent);background:linear-gradient(160deg,#101834e6,#0a1024db);border-radius:14px;transition:box-shadow .3s,border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1);position:relative}.panel.lit,.panel.hov:hover{border-color:color-mix(in srgb,var(--c) 67%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--c) 33%,transparent),inset 0 0 22px color-mix(in srgb,var(--c) 13%,transparent)}.panel.hov:hover{transform:translateY(-5px)scale(1.012)}.br{border:0 solid var(--c);pointer-events:none;width:14px;height:14px;position:absolute}.br.tl{border-top-width:2px;border-left-width:2px;border-top-left-radius:8px;top:-1px;left:-1px}.br.tr{border-top-width:2px;border-right-width:2px;border-top-right-radius:8px;top:-1px;right:-1px}.br.bl{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px;bottom:-1px;left:-1px}.br.brr{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px;bottom:-1px;right:-1px}.enter{animation:.6s cubic-bezier(.2,.8,.2,1) both enter}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.pulse-red{animation:2s ease-in-out infinite pr}@keyframes pr{50%{box-shadow:0 0 30px #ff4d6d8c}}.blink{animation:1.6s ease-in-out infinite bl}@keyframes bl{50%{opacity:.4}}.float{animation:6s ease-in-out infinite fl}@keyframes fl{50%{transform:translateY(-3px)}}.tag{font-family:var(--mono);letter-spacing:.12em;color:var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);border:1px solid color-mix(in srgb,var(--c) 33%,transparent);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:9.5px}.task{border:1px solid color-mix(in srgb,var(--c) 20%,transparent);border-left:3px solid var(--c);background:#ffffff08;border-radius:10px;margin-bottom:10px;padding:11px 12px;transition:all .25s}.task:hover{background:color-mix(in srgb,var(--c) 10%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--c) 33%,transparent);border-color:var(--c)}.task.late{border-color:var(--red);border-left-color:var(--red)}button,.btn{font-family:var(--mono);letter-spacing:.14em;cursor:pointer;color:var(--c,var(--dim));background:color-mix(in srgb,var(--c,#93a4cc) 8%,transparent);border:1px solid color-mix(in srgb,var(--c,#93a4cc) 40%,transparent);border-radius:999px;padding:6px 11px;font-size:10.5px;transition:all .25s}button:hover{box-shadow:0 0 12px color-mix(in srgb,var(--c,#93a4cc) 50%,transparent)}button.on{color:var(--bg);background:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent)}button.mini{border-radius:6px;padding:2px 7px;font-size:9.5px}.tab{letter-spacing:.18em;color:var(--dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:10px 14px;font-size:12px}.tab.on{color:var(--c);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c) 13%,transparent));border-bottom-color:var(--c);text-shadow:0 0 10px var(--c);box-shadow:none}input,select,textarea{font-family:var(--sans);color:var(--text);border:1px solid var(--line);background:#ffffff0a;border-radius:8px;outline:none;padding:6px 9px;font-size:13px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 10px #22d3ee4d}select option{background:#0a1024}.row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.grid{gap:16px;display:grid}a{color:var(--cyan)}.modal{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02040ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel.hov.big:hover{transform:none}
