*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f5f6;color:#202124;font-size:16px}.dev-banner{position:sticky;top:0;z-index:99;background:#b42318;color:white;text-align:center;padding:8px;font-weight:700}.topbar{height:68px;background:#fff;border-bottom:1px solid #ddd;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;position:sticky;top:0;z-index:50}.dev-banner+.topbar{top:34px}.brand{font-weight:800;letter-spacing:.06em;color:#e85d04}.live-clock{font-variant-numeric:tabular-nums;text-align:center;font-weight:600}.userbox{text-align:right}.userbox a{color:#444}.shell{max-width:1500px;margin:auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.card h2{margin-top:0}.btn{display:inline-block;background:#e85d04;color:#fff;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer}.btn.secondary{background:#444}.login{max-width:420px;margin:8vh auto}.field{margin:14px 0}.field label{display:block;margin-bottom:6px;font-weight:600}.field input{width:100%;padding:12px;border:1px solid #bbb;border-radius:8px}.error{background:#fee4e2;color:#912018;padding:10px;border-radius:8px}.density-tools{position:fixed;right:12px;bottom:12px;z-index:90;background:#fff;border:1px solid #ddd;border-radius:10px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.12)}.density-tools button{border:0;background:transparent;padding:8px;cursor:pointer}body.density-compact{font-size:14px}body.density-compact .card{padding:13px}body.density-large{font-size:18px}body.density-large .card{padding:26px}@media(max-width:700px){.topbar{grid-template-columns:1fr;gap:4px;height:auto;padding:10px;text-align:center}.userbox{text-align:center}.dev-banner+.topbar{top:52px}.shell{padding:12px}}