:root{--bg:#0f1419;--card:#18202a;--fg:#e6edf3;--mut:#8b98a5;--acc:#41bdf5;--ok:#3fb950}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid #263040}
header .logo{font-weight:800;font-size:20px}header .logo span{color:var(--acc)}
nav a{color:var(--mut);margin-right:18px;text-decoration:none}nav a:hover,nav a.on{color:var(--fg)}
main{max-width:1100px;margin:0 auto;padding:28px 32px}h1{margin:.2em 0;font-size:28px}.sub{color:var(--mut);margin-top:0}
.controls{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.controls button{background:var(--card);color:var(--fg);border:1px solid #2d3a4a;padding:6px 14px;border-radius:20px;cursor:pointer}.controls button.on{border-color:var(--acc);color:var(--acc)}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:10px;overflow:hidden;font-size:14px}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #222c38}th{color:var(--mut);font-weight:600;cursor:pointer;white-space:nowrap}
td.num{font-variant-numeric:tabular-nums}.ci{color:var(--mut);font-size:11px}.pending{color:#6e7681;font-style:italic;font-size:12px}
.tag{white-space:nowrap;font-size:11px;padding:2px 7px;border-radius:10px;background:#1f3a2a;color:var(--ok)}.tag.cloud{background:#2a2f3a;color:var(--mut)}
.box{background:var(--card);border-radius:10px;padding:20px;margin:22px 0}.box input{padding:9px;border-radius:6px;border:1px solid #2d3a4a;background:#0f1419;color:var(--fg);width:260px}
.box button{padding:9px 16px;border:0;border-radius:6px;background:var(--acc);color:#002;font-weight:700;margin-left:6px}
.src{color:var(--mut);font-size:12px}a{color:var(--acc)}footer{color:var(--mut);font-size:12px;text-align:center;padding:30px}