:root{font-family:Aptos,Bahnschrift,Segoe UI,sans-serif;color:#17303b;background:linear-gradient(180deg,#f4f7fb,#eef3f8);--bg: #f4f7fb;--surface: #ffffff;--surface-strong: #ecf4f4;--border: #d9e3ea;--text: #17303b;--muted: #5f7280;--accent: #bf4f3d;--accent-dark: #8f3a2e;--accent-alt: #0f766e;--accent-warm: #d6a548;--danger: #ad2d2d;--success: #1b7a49;--shadow: 0 20px 40px rgba(23, 48, 59, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:linear-gradient(180deg,rgba(214,165,72,.08),transparent 24%),linear-gradient(180deg,var(--bg) 0%,#eef3f8 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}code{font-family:Cascadia Mono,Consolas,monospace}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__header{position:sticky;top:0;z-index:10;display:grid;gap:1rem;padding:1rem;border-bottom:1px solid rgba(23,48,59,.08);background:#f4f7fbf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell__brand{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-shell__home-link{color:inherit;text-decoration:none;display:inline-flex;flex-direction:column;gap:.2rem}.app-shell__eyebrow,.page__eyebrow{text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--accent-alt)}.app-shell__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-size:.92rem}.app-shell__toolbar{display:grid;gap:.9rem}.app-shell__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.app-shell__nav-link{min-height:2.85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;text-decoration:none;color:var(--text);background:#fff9;border:1px solid var(--border);font-weight:700}.app-shell__nav-link--active{border-color:var(--accent-alt);background:#0f766e1f;color:var(--accent-alt)}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.segmented-control__button{min-height:3.4rem;border:1px solid var(--border);border-radius:.8rem;background:#fff9;color:var(--text);display:grid;justify-items:start;align-content:center;gap:.2rem;padding:.7rem .9rem;transition:border-color .16s ease,transform .16s ease,background .16s ease}.segmented-control__button small{color:var(--muted)}.segmented-control__button--active{border-color:var(--accent);background:linear-gradient(135deg,#bf4f3d1f,#0f766e1f);transform:translateY(-1px)}.app-shell__auth-card,.card,.state-card{border:1px solid rgba(23,48,59,.08);border-radius:.95rem;background:var(--surface);box-shadow:var(--shadow)}.app-shell__auth-card{display:grid;gap:.25rem;padding:.9rem 1rem}.app-shell__auth-card span,.app-shell__auth-card small{color:var(--muted)}.app-shell__content{width:min(100%,58rem);margin:0 auto;padding:1rem;flex:1}.app-shell__footer{width:min(100%,58rem);margin:0 auto;padding:0 1rem 1.5rem}.page,.page__hero{display:grid;gap:1rem}.page__hero--count{align-items:stretch}.page__hero h1{margin:.35rem 0 .4rem;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.05}.page__hero p{margin:0;color:var(--muted);line-height:1.5}.page__title-row{display:grid;gap:.7rem;align-items:center}.page__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.55rem;color:var(--muted);font-size:.92rem}.field{display:grid;gap:.45rem}.field span{font-weight:700;font-size:.92rem}.field small{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field input,.field textarea,.field select{width:100%;min-height:3.1rem;border:1px solid var(--border);border-radius:.85rem;padding:.8rem .95rem;background:#fff;color:var(--text)}.field--search input{font-size:1rem}.stack{display:grid;gap:.85rem}.stack--list,.customer-card__meta{padding:0;margin:0;list-style:none}.customer-card,.count-item,.summary-card,.rule-card,.control-card,.count-progress-card,.checklist-card,.search-card{padding:1rem}.customer-card,.count-item{display:grid;gap:.9rem}.customer-card__body,.count-item__header,.list-row__main{display:grid;gap:.35rem}.customer-card__heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.customer-card__heading h2{margin:0;font-size:1.1rem}.customer-card__meta{display:grid;gap:.6rem}.customer-card__meta dt{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.customer-card__meta dd{margin:.15rem 0 0}.muted{color:var(--muted)}.button,.button--secondary,.text-button{min-height:3rem;border-radius:.85rem;border:none;padding:.8rem 1rem;font-weight:700}.button{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.button:disabled,.button--secondary:disabled{cursor:not-allowed;opacity:.55}.button--secondary{background:linear-gradient(135deg,#0f766e1f,#17303b14);color:var(--text);border:1px solid rgba(15,118,110,.18)}.text-button{min-height:auto;padding:0;background:transparent;color:var(--accent-alt);text-align:left}.summary-grid,.control-card__grid{display:grid;gap:.85rem}.summary-grid--count{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.rule-card{display:grid;gap:.25rem}.summary-card span,.rule-card strong,.control-card__details{color:var(--muted)}.summary-card strong{font-size:1.15rem}.status-pill,.metric-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.3rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700}.status-pill--warning{background:#d6a54833;color:#7a5a11}.status-pill--neutral{background:#0f766e1a;color:var(--accent-alt)}.status-pill--danger{background:#ad2d2d24;color:var(--danger)}.status-pill--success{background:#1b7a4924;color:var(--success)}.metric-chip{background:#17303b0f;color:var(--text)}.list-row{display:grid;gap:.75rem;padding:1rem;border:1px solid rgba(23,48,59,.08);border-radius:.95rem;background:var(--surface)}.list-row__stats{display:flex;flex-wrap:wrap;gap:.55rem}.count-item--pending{border-color:#bf4f3d47}.count-item--unsaved{border-color:#d6a54847}.count-item--saved{border-color:#1b7a4933}.count-item--error{border-color:#ad2d2d4d}.count-item--readonly{background:#ecf4f4a6}.count-item__error{margin:0;color:var(--danger);font-size:.92rem}.count-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.count-quick-actions__button{min-height:2.75rem;padding-inline:.55rem}.control-card,.control-card__section{display:grid;gap:.8rem}.control-card__section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.control-card__details{display:grid;gap:.2rem;font-size:.92rem}.field-error{color:var(--danger);font-size:.92rem;font-weight:700}.evidence-preview-card,.evidence-location-card,.evidence-photo-card{display:grid;gap:.7rem;padding:.9rem;border:1px solid rgba(23,48,59,.1);border-radius:.85rem;background:#ffffffb8}.evidence-photo-list{display:grid;gap:.75rem}.evidence-photo-card{align-items:start}.evidence-photo-meta{display:grid;gap:.2rem}.evidence-preview-image,.evidence-preview-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:.8rem;object-fit:cover;background:#17303b0f}.evidence-preview-placeholder{display:grid;place-items:center;color:var(--muted);font-weight:700;border:1px dashed rgba(23,48,59,.14)}.mock-photo-list{display:grid;gap:.7rem}.mock-photo-pill{display:grid;gap:.55rem;padding:.85rem .9rem;border:1px solid var(--border);border-radius:.85rem;background:#ffffffa6}.mock-photo-pill__actions{display:flex;flex-wrap:wrap;gap:.85rem}.search-card{display:grid;gap:.75rem}.search-card__clear{width:100%}.count-page-layout{display:grid;gap:1rem}.count-progress-card{display:grid;gap:.9rem}.count-progress-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.count-progress-card__header strong{display:block;margin-top:.3rem}.count-progress-bar{width:100%;height:.85rem;overflow:hidden;border-radius:999px;background:#17303b17}.count-progress-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent-alt),var(--accent))}.count-progress-card__meta{display:flex;flex-wrap:wrap;gap:.55rem}.checklist-card{display:grid;gap:.95rem}.checklist-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.checklist-list{display:grid;gap:.7rem;padding:0;margin:0;list-style:none}.checklist-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.8rem .85rem;border:1px solid var(--border);border-radius:.85rem;background:#ffffff8c}.sync-banner{display:grid;gap:.9rem}.sync-banner__header,.sync-banner__badges,.sync-banner__actions,.sync-banner__grid{display:flex;flex-wrap:wrap;gap:.65rem}.sync-banner__header{align-items:flex-start;justify-content:space-between}.sync-banner__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sync-banner__grid>div{display:grid;gap:.2rem;padding:.75rem .85rem;border-radius:.85rem;border:1px solid var(--border);background:#ffffff8c}.sync-banner__actions .button,.sync-banner__actions .button--secondary{flex:1 1 12rem}.checklist-list__item p{margin:.2rem 0 0}.history-toolbar,.history-card{display:grid;gap:.9rem;padding:1rem}.history-toolbar__actions{display:grid;gap:.65rem}.filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.filter-tabs__button{min-height:2.85rem;border-radius:.85rem;border:1px solid var(--border);background:#fff9;color:var(--text);font-weight:700}.filter-tabs__button--active{border-color:var(--accent);background:#bf4f3d1f;color:var(--accent-dark)}.history-card__header,.history-card__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.history-card__actions{flex-wrap:wrap}.history-card__actions .button,.history-card__actions .button--secondary{flex:1 1 12rem}.history-card__meta{display:flex;flex-wrap:wrap;gap:.55rem}.inline-banner{border-radius:.85rem;padding:.9rem 1rem;background:#0f766e1a;color:var(--text);border:1px solid rgba(15,118,110,.18)}.inline-banner--warning{background:#d6a5482e;border-color:#d6a54842}.footer-actions{position:sticky;bottom:1rem}.footer-actions .button{width:100%}.footer-actions__hint{margin:.65rem 0 0;color:var(--muted);font-size:.92rem}.state-card{display:grid;justify-items:start;gap:.65rem;padding:1.2rem}.state-card__spinner{width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid rgba(23,48,59,.1);border-top-color:var(--accent);animation:spin .9s linear infinite}.state-card--error{border-color:#ad2d2d33}.state-card--empty{border-style:dashed}.diagnostics-warning,.diagnostics-card{display:grid;gap:.8rem}.diagnostics-card__header,.diagnostics-toolbar__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:flex-start}.diagnostics-toolbar{display:grid;gap:.9rem}.diagnostics-toolbar__actions{justify-content:stretch}.diagnostics-toolbar__actions .button,.diagnostics-toolbar__actions .button--secondary{flex:1 1 14rem}.diagnostics-row{display:grid;gap:.85rem}.diagnostics-row__main{display:grid;gap:.45rem}.diagnostics-steps{margin:0;padding-left:1.1rem;display:grid;gap:.55rem}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.app-shell__header{padding:1.25rem 1.5rem}.page__hero{grid-template-columns:1.4fr 1fr;align-items:end}.page__title-row{grid-template-columns:minmax(0,1fr) auto}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid--count{grid-template-columns:repeat(5,minmax(0,1fr))}.control-card__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.count-page-layout{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start}.search-card{grid-template-columns:minmax(0,1fr) auto;align-items:end}.history-toolbar__actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.search-card__clear{width:auto;min-width:10rem}.customer-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.filter-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}