@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#122235;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,480px);gap:clamp(2rem,8vw,8rem);align-items:center;padding:8vw;background:radial-gradient(circle at 20% 20%,#17476d 0,#0b1f33 45%,#07131f);color:#fff}.login-brand{max-width:510px}.login-brand h1,.heading h1{font:700 clamp(2.2rem,5vw,4.2rem) "Space Grotesk";letter-spacing:-.04em;margin:.4rem 0 1rem}.login-brand p:not(.eyebrow){font-size:1.1rem;line-height:1.6;color:#b8c9d8}.brand-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e0a64b;color:#102336;font:700 1.5rem Space Grotesk;box-shadow:0 12px 30px #0004}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:.95rem}.eyebrow{margin:1.6rem 0 .5rem;color:#e0a64b;font-size:.72rem;font-weight:700;letter-spacing:.14em}.eyebrow.dark{color:#b16d19}.login-card,.panel,.table-panel{background:#fff;border:1px solid #dce5eb;border-radius:20px;box-shadow:0 15px 40px #12223512}.login-card{padding:2rem;color:#122235}.login-card h2,.panel h2,.confirm-card h2{font:700 1.45rem Space Grotesk;margin:.2rem 0}.muted,small{color:#6d7d89}.login-card label{display:grid;gap:.45rem;margin-top:1.1rem;font-weight:600;font-size:.85rem}.login-card input,.confirm-card input,.search input,select{width:100%;border:1px solid #cedae3;border-radius:11px;padding:.85rem;background:#f7fafb;font:inherit;color:#122235;outline:none}.login-card input:focus,.confirm-card input:focus,.search input:focus,select:focus{border-color:#17638e;box-shadow:0 0 0 3px #17638e1a}.primary,.secondary,.action,.icon-button{border:0;border-radius:10px;padding:.78rem 1rem;font:600 .86rem DM Sans;cursor:pointer;display:inline-flex;gap:.5rem;align-items:center;justify-content:center}.primary{background:#17638e;color:#fff}.primary:hover{background:#104d70}.secondary{background:#eef3f6;color:#17344b}.full{width:100%;margin-top:1.3rem}.login-note{font-size:.75rem;color:#748793;margin:1.2rem 0 0}.topbar{height:72px;background:#0b1f33;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem)}.brand,.org,.employee,.panel-title,.modal-title{display:flex;align-items:center;gap:.7rem}.brand span{display:block;color:#9fb2c1;font-size:.72rem}.org{font-size:.85rem}.icon-button{background:#ffffff18;color:#fff;padding:.55rem}.workspace{max-width:1440px;margin:auto;padding:clamp(1.3rem,4vw,3.5rem)}.heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem}.heading h1{font-size:clamp(2rem,4vw,3.4rem);margin:.25rem 0}.control-grid{display:grid;grid-template-columns:1fr 240px;gap:1rem}.panel{padding:1.2rem}.panel-title{color:#17638e}.panel-title h2{font-size:1rem}.session-panel select{margin:.7rem 0}.session-panel small{display:block}.time-panel strong{display:block;font:700 2.2rem Space Grotesk;margin-top:1rem}.time-panel small{font-size:.8rem}.toolbar{display:flex;justify-content:space-between;margin:1.5rem 0}.search{display:flex;align-items:center;gap:.6rem;width:min(420px,100%);background:#fff;border:1px solid #dce5eb;border-radius:11px;padding-left:.8rem;color:#778894}.search input{border:0;background:transparent;padding-left:0}.table-panel{overflow:hidden}.table-head,.employee-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 1.2fr 1.1fr;gap:1rem;align-items:center;padding:1rem 1.2rem}.table-head{background:#edf3f6;color:#667b89;font-size:.72rem;font-weight:700;text-transform:uppercase}.employee-row{border-top:1px solid #e4ebef;font-size:.82rem}.employee{min-width:0}.employee strong,.employee small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee small{font-size:.72rem;margin-top:.2rem}.avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#dcecf4;color:#17638e;font-weight:700}.status{font-size:.72rem;font-weight:700;color:#6b7d88}.action{color:#fff;padding:.55rem .65rem;font-size:.75rem}.action.in{background:#17638e}.action.out{background:#263d4e}.action:disabled{opacity:.4;cursor:not-allowed}.complete{color:#18835e;font-size:.78rem;font-weight:700}.alert{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:11px;margin-bottom:1rem;font-size:.86rem}.alert button{margin-left:auto;border:0;background:transparent;cursor:pointer}.success{background:#e6f7ef;color:#14764f}.error{background:#fff0ef;color:#b33b33}.warning{color:#a56d10;background:#fff8e9;padding:.7rem;border-radius:9px;font-size:.84rem}.center{min-height:50vh;display:grid;place-items:center;color:#6d7d89}.empty{text-align:center;padding:3rem;color:#71818c}.empty svg{margin:auto;color:#8aa0ad}.empty h2{color:#19344a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07131fcc;display:grid;place-items:center;padding:1rem}.confirm-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 20px 60px #0006}.modal-title{color:#17638e}.modal-title h2{flex:1}.modal-title button{border:0;background:transparent;color:#71818c;cursor:pointer}.confirm-card p{color:#627582;line-height:1.5;font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.login-shell{grid-template-columns:1fr;padding:2rem 1rem}.login-brand{display:none}.workspace{padding:1rem}.heading{align-items:start;flex-direction:column}.control-grid{grid-template-columns:1fr}.table-panel{overflow-x:auto}.table-head,.employee-row{min-width:900px}.org span{display:none}}