:root{--navy:#071b35;--blue:#174d91;--sky:#6bc7ff;--gold:#e4bb5a;--paper:#f4f7fb;--ink:#12233c;--line:#cfd9e7;--danger:#b42318}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.7rem 1rem;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--blue);border:1px solid var(--blue);background:#fff}.small{padding:.3rem .55rem;font-size:.76rem}.record-list{max-height:180px;margin-top:.75rem;overflow:auto}.record-list p{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.45rem 0;display:flex}.shell{max-width:1280px;margin:auto;padding:2rem}header{background:var(--navy);color:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.7rem 2rem;display:flex}h1{margin:.15rem 0 .35rem}h2{text-transform:capitalize;font-size:1.1rem}.eyebrow{letter-spacing:.12em;color:var(--sky);margin:0;font-size:.75rem;font-weight:700}.muted{color:#5c6c81;line-height:1.5}header .muted{color:#d9e8ff}nav{flex-wrap:wrap;gap:.5rem;margin:1.3rem 0;display:flex}nav button{border:1px solid var(--line);color:var(--ink);text-transform:capitalize;background:0 0}nav button.selected{background:var(--gold);border-color:var(--gold);color:var(--navy)}.section-title{margin-top:1.5rem}.metric-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin:1rem 0;padding:1.1rem;box-shadow:0 1px 2px #091a3212}.card h2{margin-top:0}.metric{color:var(--blue);margin:.35rem 0;font-size:2rem;font-weight:700}form{gap:.75rem;display:grid}label{gap:.3rem;font-size:.86rem;font-weight:700;display:grid}input,select{color:var(--ink);background:#fff;border:1px solid #aebdce;border-radius:5px;width:100%;padding:.62rem}.inline{align-items:center;gap:.6rem;margin:.8rem 0;display:flex}.inline input{max-width:360px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem}th{color:#53667e;text-transform:uppercase;font-size:.78rem}tbody tr{cursor:pointer}tbody tr:hover,.active-row{background:#eaf4ff}.timezone{color:#53667e;align-items:end;gap:1rem;margin:.5rem 0 1rem;font-size:.88rem;display:flex}.timezone select{min-width:190px}.stats-table{min-width:1100px}.stats-table th,.stats-table td{padding:.4rem}.stats-table input,.stats-table select{min-width:52px;padding:.3rem}.text-button{color:var(--blue);background:0 0;padding:.15rem 0;font-size:.72rem;display:block}.alert{border-left:4px solid var(--danger);color:#7a271a;background:#fff0ed;padding:.75rem}.success{color:#146c43;font-weight:700}.error-row{color:var(--danger);margin:.35rem 0}.login-shell{background:linear-gradient(135deg,var(--navy),var(--blue));place-items:center;min-height:100vh;padding:1rem;display:grid}.login-panel{background:#fff;border-radius:12px;width:min(440px,100%);padding:2rem;box-shadow:0 12px 36px #0005}@media (max-width:760px){.shell{padding:1rem}header{flex-direction:column;padding:1.2rem}.metric-grid,.two-column{grid-template-columns:1fr}.inline{flex-direction:column;align-items:stretch}.inline input{max-width:none}}