:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf0ff;background:#0a1020;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% 0%,#172e4a 0,transparent 42%),#0a1020;color:#eaf0ff}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,64px);border-bottom:1px solid #27354a;background:#0b1221cc}
.brand{font-weight:900;letter-spacing:.12em;color:#fff;text-decoration:none;font-size:1.05rem}.brand span{color:#67e8d0}.tag,.muted{color:#9eacc4}.tag{font-size:.85rem}
.container{width:min(980px,calc(100% - 32px));margin:36px auto 60px;min-height:calc(100vh - 210px)}footer{text-align:center;color:#72819b;font-size:.78rem;padding:22px;border-top:1px solid #1f2b3f}
.hero{padding:clamp(28px,7vw,76px) 0 42px;max-width:740px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#67e8d0;margin-bottom:12px}
h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 14px}h1 span{color:#67e8d0}h2{font-size:1.15rem;margin:0 0 14px}p{line-height:1.65}.hero p{max-width:570px;color:#aab7ce;font-size:1.05rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:12px;padding:11px 16px;font-weight:750;text-decoration:none;cursor:pointer;font-size:.94rem}
.primary{background:#67e8d0;color:#06221f}.primary:hover{background:#8cf5e2}.secondary{background:#18253a;color:#eaf0ff;border-color:#31415a}.secondary:hover{background:#22334c}.full{width:100%;margin-top:18px}.big{min-height:58px;font-size:1.08rem}
.panel{background:#101b2d;border:1px solid #293950;border-radius:20px;padding:clamp(18px,4vw,28px);margin:18px 0;box-shadow:0 16px 42px #0002}.narrow{max-width:490px;margin:30px auto}.panel h1{font-size:2rem}.back{display:inline-block;color:#67e8d0;text-decoration:none;margin-bottom:22px}.panel form{display:flex;flex-direction:column}
label{display:block;font-size:.88rem;font-weight:650;color:#c8d4e7;margin:14px 0 7px}input{width:100%;background:#091222;border:1px solid #34445d;border-radius:10px;padding:13px 12px;color:#f4f7ff;font:inherit;min-height:46px}input:focus{outline:2px solid #67e8d0;outline-offset:1px}
.flash{padding:12px 14px;border-radius:10px;margin-bottom:14px}.flash.error{background:#4b202b;color:#ffd8df}.flash.success{background:#123b38;color:#a9fff0}.notice{background:#121f32;border:1px solid #2c3e57;border-radius:12px;padding:14px 16px;color:#aab7ce;font-size:.88rem;line-height:1.6}
.page-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head{margin-bottom:22px}.page-head h1{font-size:clamp(1.8rem,4vw,2.5rem)}.page-head p{margin:0}.page-head form{margin:0}.page-head form button{margin:0}
.clock-panel{text-align:center;padding:30px}.clock-panel form{max-width:400px;margin:0 auto}.clock-icon{font-size:2.4rem;color:#67e8d0}.clock-panel h2{font-size:1.7rem;margin:4px}.timestamp{font-size:1.05rem;font-weight:750}.small{font-size:.8rem}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat{background:#101b2d;border:1px solid #293950;border-radius:15px;padding:18px}.stat span{display:block;color:#9eacc4;font-size:.85rem}.stat strong{font-size:1.8rem;display:block;margin-top:7px}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #27354a;white-space:nowrap}th{color:#91a3be;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border-bottom:0}
.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:750}.pill.in{background:#143d38;color:#8af1d7}.pill.out{background:#3d2d20;color:#ffd29a}.text-button{background:none;border:0;color:#67e8d0;font:inherit;cursor:pointer;padding:5px}.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form label{margin:0}.inline-form input{width:auto;min-height:40px}.inline-form button{min-height:40px}
@media(max-width:560px){.topbar{height:60px}.tag{font-size:.72rem}.container{margin-top:22px}.actions{flex-direction:column}.actions .button{width:100%}.stats{gap:8px}.stat{padding:14px}th,td{padding:11px 8px;font-size:.82rem}.page-head{align-items:flex-start}}