:root{color-scheme:dark;--bg:#071014;--panel:#0d1b21;--line:#1d3941;--cyan:#54e8d2;--amber:#ffbd59;--red:#ff6074;--text:#e9fbf8;--muted:#87a5aa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#15353b 0,transparent 30%),var(--bg);color:var(--text);font:15px system-ui,sans-serif;min-height:100vh}main{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:42px;letter-spacing:.08em;margin:3px 0;color:var(--cyan)}h2{margin-top:0;font-size:18px}small,label,.stats span{color:var(--muted);letter-spacing:.12em}header p{margin:0;color:var(--muted)}#badge{border:1px solid var(--cyan);color:var(--cyan);padding:8px 13px;border-radius:99px}.card,.stats article{background:linear-gradient(145deg,#102229dd,#0a171bdd);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 14px 40px #0005}.narrow{max-width:430px;margin:80px auto}.grid,.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.stats{grid-template-columns:repeat(4,1fr)}.stats strong{display:block;font-size:24px;margin-top:10px}.card{margin-bottom:16px}input{width:100%;background:#061115;border:1px solid #28505a;color:white;border-radius:8px;padding:12px;margin:7px 0;outline:none}input:focus{border-color:var(--cyan)}button{background:var(--cyan);color:#06201e;border:0;border-radius:8px;padding:11px 16px;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.12)}button.danger{background:var(--red);color:white}.actions,.row{display:flex;gap:8px;margin:10px 0 20px}.row input{flex:1}.notice{color:var(--amber)}.error{color:var(--red)}.list{max-height:260px;overflow:auto}.entry{padding:10px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.entry small{letter-spacing:0}@media(max-width:720px){main{padding:18px}.stats,.grid{grid-template-columns:1fr 1fr}h1{font-size:30px}.actions{flex-wrap:wrap}}@media(max-width:480px){.stats,.grid{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}}
