:root{color:#eef3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{background:#0f0;margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:10px;padding:.75rem 1rem;color:#09111f;background:#75f0c5;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.7}button.secondary{background:#26324f;color:#eef3ff}input{width:100%;border:1px solid #33405f;border-radius:10px;padding:.75rem;color:#eef3ff;background:#11182b}label{display:grid;gap:.4rem;color:#b8c4dd;font-weight:700}.page{min-height:100vh;padding:2rem}.admin-page{background:radial-gradient(circle at top left,rgba(117,240,197,.15),transparent 35rem),#0d1020}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto 1.5rem}.admin-header h1,.login-card h1{margin:0 0 .25rem}.admin-header p,.login-card p{margin:0;color:#b8c4dd}.card{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.25rem;background:#12192beb;box-shadow:0 18px 50px #00000040}.login-card{display:grid;gap:1rem;max-width:420px;margin:10vh auto 0}.timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.bulk-controls{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto 1rem}.timer-card{display:grid;gap:1rem}.timer-help{margin:0;color:#b8c4dd}.timer-display{display:grid;gap:.3rem;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.75)}.timer-display.is-overtime{color:#ff6b6b}.timer-label-row{display:flex;align-items:center;gap:.75rem}.timer-label{font-size:clamp(1rem,2vw,1.6rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.overtime-label{border-radius:999px;padding:.2rem .55rem;color:#0d1020;background:#ffcf5a;font-size:clamp(.7rem,1.4vw,1rem);font-weight:1000;letter-spacing:.12em}.timer-time{font-variant-numeric:tabular-nums;font-size:clamp(4rem,14vw,12rem);font-weight:1000;line-height:.95}.timer-display.is-compact .timer-time{font-size:clamp(2.4rem,7vw,4.75rem)}.timer-display.is-compact .timer-label{font-size:.95rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.edit-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem}.error,.warning{margin:0;color:#ff9b9b;font-weight:700}.warning{max-width:1200px;margin:0 auto 1rem}.overlay-page{display:grid;align-content:center;gap:1.25rem;min-height:100vh;padding:2rem;background:transparent}.overlay-page .timer-time{white-space:nowrap}.timer-time.is-fixed{display:inline-flex;width:auto}.timer-time-char{display:block;text-align:center;width:.63em}.timer-time-char.is-colon{width:.4em}.overlay-align-left .timer-time-char{text-align:left}.overlay-align-right{justify-items:end;text-align:right}.overlay-align-right .timer-label-row,.overlay-align-right .overlay-side-timers{justify-content:flex-end}.overlay-side-timers{display:flex;flex-wrap:wrap;gap:2rem}.overlay-side-timers .timer-display{min-width:18rem}.overlay-loading,.overlay-error{font-size:2rem;font-weight:900;text-shadow:0 4px 18px rgba(0,0,0,.75)}.overlay-error{color:#ff9b9b}@media (max-width: 720px){.page{padding:1rem}.admin-header,.bulk-controls,.edit-grid{grid-template-columns:1fr;display:grid}.edit-grid button{width:100%}}
