:root{--navy:#172331;--navy2:#25384d;--orange:#ffa42e;--orange2:#f68a16;--ink:#25303d;--muted:#667386;--line:#d7e0e9;--wash:#f2f5f7;--white:#fff;--success:#147a53;--danger:#a9322a;--shadow:0 16px 38px rgba(23,35,49,.11)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:linear-gradient(135deg,#eef3f6,#fff8ef);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:16px 24px;background:var(--navy);color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:linear-gradient(145deg,#fff,#dfe7ef);color:var(--navy);font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{color:var(--orange);font-weight:900;letter-spacing:.12em}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-weight:800;text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.navy{border-color:var(--navy);background:var(--navy);color:#fff}.header .button.navy{border-color:#fff}.button.orange{border-color:var(--orange);background:var(--orange);color:var(--navy)}.wide-button{width:100%}.page{width:min(1220px,calc(100% - 32px));margin:36px auto 70px}.login-shell{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.login-intro{padding:clamp(34px,6vw,70px);background:linear-gradient(145deg,var(--navy),#31516f);color:#fff}.login-intro h1{margin:0 0 18px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.03}.login-intro>p:not(.eyebrow){color:#d8e3ed}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.mini-grid div{padding:17px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.06)}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{margin-top:5px;color:#d8e3ed;font-size:.88rem}.login-card{padding:clamp(32px,5vw,58px)}.login-card h2{margin:0 0 8px;font-size:2rem}.eyebrow{margin:0 0 8px;color:var(--orange2);font-size:.78rem;font-weight:900;letter-spacing:.14em}.login-card form{display:grid;gap:15px;margin-top:24px}.login-card label{display:grid;gap:6px;font-weight:800}.login-card input{width:100%;padding:12px 13px;border:1px solid #c9d3df;border-radius:9px}.consent{grid-template-columns:20px 1fr!important;align-items:start;color:var(--muted);font-size:.86rem}.consent input{width:18px;height:18px;margin:2px 0}.text-button{display:block;margin:17px auto 0;border:0;background:none;color:#0b67a8;font-weight:800;cursor:pointer}.notice{margin-top:15px;padding:13px 15px;border-left:4px solid var(--orange2);border-radius:8px;background:#fff5e9;color:#754113}.notice.error{border-color:var(--danger);background:#fff1f0;color:var(--danger)}.notice.success{border-color:var(--success);background:#ecfdf3;color:#075f41}[hidden]{display:none!important}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-head h1{margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05}.muted{color:var(--muted)}.small{font-size:.85rem}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#e9eff5;color:var(--navy);font-weight:900}.status-pill:before,.live-dot:before{content:'';width:9px;height:9px;border-radius:50%;background:#1685c6}.status-pill[data-state="working"]:before,.live-dot.active:before{background:var(--success)}.status-pill[data-state="lunch"]:before{background:var(--orange2)}.card{margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(23,35,49,.07)}.card h2{margin:0 0 7px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.selection-note,.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.86rem;font-weight:800}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.business-card{position:relative;min-height:170px;padding:24px;border:2px solid var(--line);border-radius:17px;background:#fff;text-align:left;cursor:pointer}.business-card strong,.business-card span{display:block}.business-card strong{max-width:82%;margin-top:27px;color:var(--navy);font-size:1.4rem}.business-card>span:last-child{margin-top:7px;color:var(--muted)}.business-card.selected{border-color:var(--orange2);box-shadow:0 0 0 4px rgba(246,138,22,.13)}.business-card:disabled{cursor:not-allowed}.business-number{position:absolute;top:18px;right:20px;color:#a4b0bd;font-size:1.4rem;font-weight:900}.business-card.miami{background:linear-gradient(145deg,#fff,#f1f6fa)}.business-card.prep{background:linear-gradient(145deg,#fff,#fff7ea)}.dashboard-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.dashboard-grid .card{height:100%}.tracking-box{display:grid;gap:4px;margin:17px 0;padding:15px;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:11px;background:#f7f9fb}.tracking-box span,.tracking-box small{color:var(--muted)}.tracking-box[data-state="active"]{border-left-color:var(--success);background:#ecfdf3}.tracking-box[data-state="paused"]{border-left-color:var(--orange2);background:#fff7ea}.clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.clock-actions .button{min-height:55px}.location-note{margin:13px 0 0;color:var(--muted);font-size:.84rem}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0}.metric-row strong{color:var(--navy);font-size:1.15rem}.metric-row.deduction strong{color:var(--danger)}.metric-row.total{margin-top:5px;padding-top:14px;border-top:1px solid var(--line)}.metric-row.total strong{font-size:1.45rem}.payroll-card hr{border:0;border-top:1px solid var(--line)}.area-totals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.area-totals div{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--wash)}.area-totals strong,.area-totals span{display:block}.area-totals span{margin-top:5px;color:var(--navy);font-size:1.45rem;font-weight:900}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;min-width:690px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted)}.manager-table input{width:72px;padding:7px;border:1px solid var(--line);border-radius:7px}footer{text-align:center;padding:0 20px 28px;color:var(--muted);font-size:.84rem}
@media(max-width:850px){.header{flex-wrap:wrap}.header-actions{width:100%;margin-left:0;flex-wrap:wrap}.login-shell,.dashboard-grid{grid-template-columns:1fr}.mini-grid,.business-grid{grid-template-columns:1fr}.dashboard-head{display:block}.status-pill{margin-top:14px}}
@media(max-width:560px){.page{width:min(100% - 20px,1220px);margin-top:20px}.header{padding:13px}.brand strong{font-size:.9rem}.brand small{font-size:.64rem}.header-actions .button{flex:1}.card{padding:18px}.section-heading{display:block}.selection-note,.live-dot{margin-top:9px}.clock-actions,.area-totals{grid-template-columns:1fr}.login-intro,.login-card{padding:28px 22px}}