:root{--bg:#f4f6f8;--surface:#fff;--border:#e2e6ea;--text:#16202a;--muted:#64748b;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b91c1c;--danger-soft:#fef2f2;--ok:#15803d;--ok-soft:#f0fdf4;--warn:#a16207;--warn-soft:#fefce8;--radius:12px;--shadow:0 1px 2px #10202a0f, 0 8px 24px #10202a0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0f766e26;min-height:100svh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}a{color:var(--accent)}.shell{max-width:1180px;padding:1.25rem calc(1rem + env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));margin:0 auto}.shell--narrow{max-width:460px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.15rem}.muted{color:var(--muted)}.small{font-size:.85rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);z-index:20;position:sticky;top:0}.topbar__inner{max-width:1180px;padding:.75rem calc(1rem + env(safe-area-inset-right)) .75rem calc(1rem + env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;display:flex}.topbar__brand{letter-spacing:-.01em;font-weight:700}.topbar nav{flex-wrap:wrap;gap:.75rem;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;padding:.3rem .55rem;font-size:.92rem;text-decoration:none}.topbar nav a:hover{background:var(--bg);color:var(--text)}.topbar__spacer{margin-left:auto}label{color:var(--muted);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}input,select{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:9px;padding:.6rem .7rem;font-size:1rem}input:focus,select:focus{border-color:var(--accent);outline:2px solid #0f766e59}.field{margin-bottom:.85rem}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:9px;padding:.6rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:var(--text);border-color:var(--border);background:#fff}button.secondary:hover:not(:disabled){background:var(--bg)}button.danger{background:var(--danger)}button.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.punch-button{border-radius:16px;width:100%;padding:1.4rem;font-size:1.25rem}.punch-button--out{background:#1d4ed8}.punch-button--out:hover:not(:disabled){background:#1e40af}.notice{border:1px solid #0000;border-radius:10px;margin-bottom:.85rem;padding:.7rem .85rem;font-size:.95rem}.notice--error{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.notice--ok{background:var(--ok-soft);color:var(--ok);border-color:#bbf7d0}.notice--warn{background:var(--warn-soft);color:var(--warn);border-color:#fde68a}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.stat__value{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.stat__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.filters .field{flex:0 auto;min-width:150px;margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .6rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc;font-size:.78rem}tbody tr:hover{background:#fafbfc}.tag{border:1px solid #0000;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.tag--ok{background:var(--ok-soft);color:var(--ok);border-color:#bbf7d0}.tag--bad{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.tag--idle{background:var(--bg);color:var(--muted);border-color:var(--border)}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.row-actions button{padding:.3rem .6rem;font-size:.82rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.checks{flex-wrap:wrap;gap:.5rem;display:flex}.checks label{color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.25rem .7rem;font-size:.88rem;font-weight:500;display:flex}.checks input{width:auto}.punch-list{margin:0;padding:0;list-style:none}.punch-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:.75rem;padding:.5rem 0;font-size:.93rem;display:flex}.punch-list li:last-child{border-bottom:0}.install-bar{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:.75rem calc(1rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.92rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #10202a14}.install-bar__actions{gap:.5rem;margin-left:auto;display:flex}.install-bar button{padding:.45rem .85rem}@media (pointer:coarse){button,input,select{min-height:44px}.row-actions button{min-height:40px}.topbar nav a{padding:.5rem .6rem}}@media (max-width:720px){.table-wrap{overflow-x:visible}table,tbody,tr,td{width:100%;display:block}thead{display:none}tr{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.6rem;padding:.5rem .75rem}tbody tr:hover{background:#fff}td{white-space:normal;text-align:right;border:0;justify-content:space-between;align-items:baseline;gap:.9rem;padding:.28rem 0;display:flex}td:before{content:attr(data-label);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex:none;font-size:.72rem;font-weight:700}td[data-label=""]:before,td:not([data-label]):before{content:none}td[data-label=""],td:not([data-label]){text-align:left;display:block}td .row-actions{justify-content:flex-end}.punch-list li{flex-direction:column;align-items:flex-start;gap:.15rem}}@media (max-width:560px){.shell{padding:1rem calc(.75rem + env(safe-area-inset-right)) calc(2.5rem + env(safe-area-inset-bottom)) calc(.75rem + env(safe-area-inset-left))}h1{font-size:1.3rem}.card{padding:.9rem}.filters .field{flex:45%;min-width:0}.filters .field:last-child{flex:100%}.filters .field:last-child button{width:100%}.filters .field a{display:block}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat__value{font-size:1.35rem}.topbar__inner{gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.topbar__who{display:none}.topbar__brand{font-size:.98rem}.topbar nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:3;gap:.25rem;width:100%;overflow-x:auto}.topbar nav a{white-space:nowrap}.grid-2{grid-template-columns:1fr}}