:root{--bg:#f4f6f8;--surface:#fff;--ink:#17202a;--muted:#67717e;--brand:#111827;--accent:#f59e0b;--line:#dfe3e8;--danger:#b42318;--success:#067647}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}.container{max-width:1180px;margin:auto;padding:24px}.topbar{background:var(--brand);color:white;display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.topbar nav{display:flex;gap:16px;flex-wrap:wrap}.topbar a{color:white;text-decoration:none;font-size:14px}.muted{color:var(--muted)}h1{margin:.2rem 0}h2{margin-top:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metric,.panel,.auth-card,.clock-shell{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(17,24,39,.05)}.metric{padding:20px}.metric span{display:block;color:var(--muted)}.metric strong{font-size:34px}.panel{padding:20px;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}label{display:grid;gap:6px;font-size:13px;font-weight:650}input,select{width:100%;padding:11px;border:1px solid #cbd2d9;border-radius:9px;background:white;font:inherit}button,.button{border:0;border-radius:9px;background:var(--brand);color:white;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer;display:inline-block}.secondary{background:#e9edf2;color:var(--ink)}.small{padding:7px 10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.badge{background:#eef2f6;padding:5px 8px;border-radius:999px;font-size:12px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.success{background:#ecfdf3;color:var(--success)}.alert.danger{background:#fef3f2;color:var(--danger)}.auth-card,.clock-shell{max-width:520px;margin:7vh auto;padding:30px}.brand-mark{width:52px;height:52px;border-radius:14px;background:var(--brand);color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:900}.auth-card form,.clock-form{display:grid;gap:15px}.secondary-link{display:block;margin-top:18px;color:var(--brand)}.clock-shell{text-align:center}.clock-shell label{text-align:left}.live-clock{font-size:22px;font-weight:750;margin:15px 0}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters{display:grid;grid-template-columns:120px 120px minmax(200px,1fr) auto;gap:12px;align-items:end}.quick-print{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
@media(max-width:800px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.cards,.split{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label:nth-child(3),.filters button{grid-column:1/-1}.container{padding:16px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.page-header{align-items:flex-start;gap:12px;flex-direction:column}}