:root{--navy:#071f3d;--navy-2:#0c3562;--teal:#00aeba;--teal-dark:#007f8a;--amber:#f4a51c;--ink:#17283b;--muted:#587086;--paper:#fff;--line:#d7e3e8;--wash:#eef7f8;--shadow:0 14px 38px rgba(7,31,61,.14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f9fcfd 0%,#e8f5f6 52%,#edf2f8 100%)}a{color:var(--teal-dark);font-weight:650}h1,h2,h3{color:var(--navy);line-height:1.15}h1{font-size:clamp(1.8rem,3vw,2.45rem);margin:.25rem 0 1.25rem}
.top{background:linear-gradient(115deg,#051a35,#0b315c 70%,#075b68);border-bottom:3px solid var(--teal);box-shadow:0 6px 22px rgba(7,31,61,.24);padding:.7rem 4%;display:flex;gap:2rem;align-items:center;justify-content:space-between}.top a{color:#fff;text-decoration:none}.top .brand{display:inline-flex;align-items:center;padding:.35rem .8rem;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,247,248,.95));border:1px solid rgba(255,255,255,.72);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.2)}.brand img{display:block;width:min(300px,42vw);height:72px;object-fit:contain;object-position:left center}.top nav{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.top nav a{padding:.65rem .75rem;border-radius:8px}.top nav a:hover,.top nav a:focus-visible{background:rgba(0,174,186,.2);outline:1px solid rgba(255,255,255,.25)}.nav-toggle{display:none;background:rgba(0,174,186,.18);border:1px solid rgba(255,255,255,.45);box-shadow:none;color:#fff;white-space:nowrap}
.container{width:min(1180px,92%);margin:2rem auto 4rem}.tenant{display:inline-block;margin:0 0 .35rem;padding:.35rem .7rem;border-radius:999px;background:#d9f3f3;color:#075b68;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.card,.clock-card{background:rgba(255,255,255,.97);border:1px solid rgba(0,127,138,.15);border-radius:18px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.grid a{text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.grid a:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--teal),var(--amber))}.grid a:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(7,31,61,.2)}
form{display:grid;gap:.8rem}label{display:grid;gap:.35rem;font-weight:700;color:var(--navy)}input,select,textarea,button{font:inherit;padding:.78rem .85rem;border:1px solid #9eb2bf;border-radius:9px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(0,174,186,.2);border-color:var(--teal-dark)}button{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;border:0;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(0,127,138,.2)}button:hover{filter:brightness(.96)}.inline,.form-grid,.actions{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap}.check{display:flex;align-items:center}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;margin-top:1.25rem;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line)}th{background:var(--navy);color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.error{background:#fff0ef;color:#8b1811;border-left:5px solid #cf3c32;padding:.9rem;border-radius:8px}.success{background:#e1f7f3;color:#075c50;border-left:5px solid var(--teal);padding:1rem;border-radius:8px}.note{color:var(--muted)}
.auth,.kiosk{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 15%,rgba(0,174,186,.2),transparent 38%),linear-gradient(145deg,#061a33,#0c315a 65%,#075965)}.auth .card,.clock-card{width:min(620px,100%)}.auth-card,.clock-card{text-align:center}.auth-logo,.clock-logo{display:block;width:min(460px,92%);height:auto;margin:0 auto 1rem}.auth-card form,.clock-card form{text-align:left}.clock-card{border-top:5px solid var(--teal)}.clock-card>h2{margin-bottom:.3rem}.location{display:inline-block;background:#dff5f4;color:#08626a;padding:.35rem .8rem;border-radius:999px;font-weight:800}.clock{font-size:1.25rem;color:var(--navy);font-weight:750}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.keypad button{min-height:72px;font-size:1.45rem}.keypad button:last-child{background:linear-gradient(135deg,#cf7b00,var(--amber));color:#19263a}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.job-grid button{min-height:72px}.result{padding:1rem;border-radius:14px;background:linear-gradient(145deg,#e4faf7,#fff7e5)}.result strong,.big-code{font-size:2rem;letter-spacing:.08em;color:var(--teal-dark)}
@media(max-width:760px){.top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.65rem 4%}.top .brand{min-width:0;padding:.3rem .55rem}.brand img{width:min(250px,100%);height:auto}.nav-toggle{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;min-height:46px}.top nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.35rem;padding-top:.25rem}.top.menu-ready nav{display:none}.top.menu-ready.nav-open nav{display:grid}.top nav a{display:flex;align-items:center;min-height:46px;padding:.7rem;background:rgba(255,255,255,.08);border-radius:8px}.inline,.form-grid{display:grid}table{display:block;overflow:auto}.job-grid{grid-template-columns:1fr}.container{margin-top:1.25rem}}
@media(max-width:420px){.top nav{grid-template-columns:1fr}.nav-toggle{padding:.7rem}.top .brand{max-width:230px}}
.table-wrap{width:100%;overflow-x:auto}.record-row{transition:background .15s}.record-row:hover{background:#f0fbfb}.record-link{display:inline-block;font-weight:800;padding:.25rem 0}.status-badge{display:inline-block;padding:.32rem .62rem;border-radius:999px;font-size:.78rem;font-weight:850;white-space:nowrap}.status-in{background:#ffe0a3;color:#693b00;border:1px solid #efad2e}.status-out,.status-enabled{background:#dff5ec;color:#075d42;border:1px solid #76c9a8}.status-disabled{background:#edf1f4;color:#526374;border:1px solid #c8d1d8}.status-open{background:#d9ecff;color:#073d70;border:1px solid #79afe1}.summary-bar{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.timezone-label{font-weight:750;color:var(--muted)}.empty-state{margin-top:1.25rem;padding:2rem;text-align:center;background:#fff;border:1px dashed #9eb2bf;border-radius:14px}.actions button{min-height:42px}
@media(max-width:760px){th,td{min-width:120px}.record-row td:first-child{position:sticky;left:0;background:#fff;z-index:1}.summary-bar{align-items:flex-start;flex-direction:column}.actions{display:flex}}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--wash)}.sidebar{position:sticky;top:0;height:100vh;padding:1rem;background:linear-gradient(180deg,#051a35,#0b315c 72%,#075b68);box-shadow:6px 0 22px rgba(7,31,61,.18);z-index:20}.sidebar-brand{display:block;padding:.7rem;background:#fff;border-radius:14px}.sidebar-brand img{display:block;width:100%;height:62px;object-fit:contain}.sidebar-tenant{color:#bfecef;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin:1rem .65rem}.sidebar nav{display:grid;gap:.25rem}.sidebar nav a{color:#fff;text-decoration:none;padding:.72rem .8rem;border-radius:8px}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:rgba(0,174,186,.24)}.workspace{width:min(1280px,94%);margin:0 auto;padding:2rem 0 4rem}.page-head{margin-bottom:1.25rem}.page-head>span{color:var(--teal-dark);font-size:.78rem;font-weight:900;letter-spacing:.1em}.sidebar-toggle{display:none;position:fixed;top:.6rem;right:.6rem;z-index:30}.filter-bar{display:flex;gap:.55rem;margin:1rem 0}.filter-bar a{padding:.55rem .8rem;border:1px solid var(--teal-dark);border-radius:999px;text-decoration:none}.filter-bar a.active{background:var(--teal-dark);color:#fff}.record-row[data-row-href]{cursor:pointer}.form-card{max-width:760px}.form-grid.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.danger{background:#a92721!important}.status-in{background:#ffe1df;color:#a3130d;border-color:#df756f;font-weight:950}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s}.sidebar-open .sidebar{left:0}.sidebar-toggle{display:block}.workspace{padding-top:4.5rem}.form-grid.address-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
.form-actions{display:flex;gap:1rem;align-items:center;margin-top:1.25rem;flex-wrap:wrap}.share-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.25rem}.share-card [data-referral-qr]{padding:.75rem;background:#fff;border-radius:12px}@media(max-width:620px){.share-card{flex-direction:column;text-align:center}}
.workspace>form:not(.inline){max-width:760px}.workspace td>.actions{display:inline-flex;margin:.2rem .4rem .2rem 0}.workspace td>.actions button{white-space:nowrap}