/* UI refresh 2026 — visual layer only; existing IDs and application logic preserved. */
:root{--brand:#182d46;--accent:#2274df;--accent-2:#438cf0;--accent-soft:#eaf3ff;--ink:#14243a;--muted:#62748a;--line:#e2eaf3;--bg:#f5f8fc;--surface:#fff;--shadow-sm:0 5px 20px rgba(31,61,105,.055);--shadow:0 16px 45px rgba(27,63,102,.09);--radius:20px}
html{scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#cfe3ff;color:#14243a} :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #82b5ff!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(34,116,223,.12)!important}
.btn{font-weight:700;border-radius:12px;transition:transform .18s,box-shadow .18s,background .18s}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary,.btn-dark{background:#2274df;border-color:#2274df;color:#fff}.btn-primary:hover,.btn-dark:hover{background:#185bb4;border-color:#185bb4;box-shadow:0 7px 20px rgba(34,116,223,.18)}.btn-light{background:#f0f5fb;border-color:#e6edf6;color:#26415f}.btn-light:hover{background:#e4effc;border-color:#cdddF1;color:#163c69}.btn-success{background:#16855b;border-color:#16855b}.btn-lg{min-height:50px}
.form-control,.form-select{border:1px solid #d5e0ed;border-radius:12px;background-color:#fff;min-height:46px;color:#1b3048}.form-control:focus,.form-select:focus{border-color:#438cf0;box-shadow:0 0 0 .22rem rgba(34,116,223,.12)}.form-label{font-weight:700;color:#334b65;font-size:13px;margin-bottom:7px}input::placeholder,textarea::placeholder{color:#94a3b8!important}
.eyebrow{letter-spacing:.095em;color:#3977bc;font-weight:800}.text-secondary{color:#687a90!important}
.auth-screen,.admin-login{background:radial-gradient(ellipse at 13% 16%,#dceaff 0,transparent 40%),radial-gradient(ellipse at 90% 90%,#eaf3ff 0,transparent 40%),#f5f8fc}.auth-hero{background:linear-gradient(145deg,#152b47 0%,#20466e 58%,#2a6cae 100%);border-radius:28px;box-shadow:0 25px 70px rgba(20,50,90,.14)}.auth-card{border:1px solid #e1eaf5;border-radius:27px;box-shadow:var(--shadow);background:#fff}.auth-card h2{font-weight:850;letter-spacing:-.04em}.brand-pill,.brand-mark,.boot-mark{background:#e4f0ff;color:#2074d9}.brand-pill{background:rgba(255,255,255,.13);color:#fff}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e3ebf4;backdrop-filter:blur(18px)}.brand-copy strong{letter-spacing:-.025em}.brand-mark{border-radius:14px}.user-avatar{background:#e4efff;color:#1c62b0}.network-status{background:#eff8f3;color:#177b55}.version-chip{background:#eff5fd!important;color:#477cb5!important;border:1px solid #dbeafa!important}
.welcome-card{background:linear-gradient(118deg,#142c49 0%,#204d7a 57%,#2e79b6 100%);border-radius:26px;box-shadow:0 20px 42px rgba(29,75,122,.16);overflow:hidden}.welcome-card h1{letter-spacing:-.045em;line-height:1.12}.welcome-card .btn-primary{background:#fff;border-color:#fff;color:#195da6}.welcome-card .btn-primary:hover{background:#eef6ff;border-color:#eef6ff;color:#154e87}.welcome-kicker{color:#c4e1ff}.welcome-dashboard{opacity:.9}
.app-action-card,.archive-filter-card,.form-shell,.form-help-card,.finish-card,.recent-item,.archive-item,.panel-card,.overview-card{border:1px solid #e0e9f3;box-shadow:var(--shadow-sm);border-radius:19px;background:#fff}.app-action-card:hover{border-color:#c8dff7;box-shadow:0 12px 27px rgba(30,82,141,.09)}.app-action-icon{background:#eaf3ff!important;color:#2274df!important}.app-action-btn{background:#eaf3ff!important;color:#1769cc!important;border:1px solid #d7e8fc!important}.section-title-row h3,.archive-page-head h2{letter-spacing:-.035em;font-weight:840}
.setup-icon{background:#eaf3ff;color:#2474d4}.step-badge{background:#eaf3ff;color:#1966bf}.restaurant-type-option{border-color:#dbe5f0;border-radius:15px}.restaurant-type-option:has(input:checked){border-color:#438cf0;background:#f0f7ff;box-shadow:0 0 0 2px rgba(34,116,223,.13)}
.form-topbar{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #dbe7f4}.form-progress{height:9px;border-radius:999px;background:#e8f0fa}.form-progress .progress-bar{background:linear-gradient(90deg,#2274df,#65a6ff);border-radius:999px;transition:width .25s}.section-nav{scrollbar-width:thin;scrollbar-color:#bdcfe5 transparent}.form-help-card{background:#f0f7ff;border-color:#d4e7ff}.form-help-icon{color:#2274df}.finish-card{border-color:#cce8da;background:#f7fcf9}.finish-card h4{font-weight:800}
.mobile-bottom-nav{background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid #dfeaf5}.mobile-nav-item.active{color:#2074d8}.mobile-nav-primary{background:#2274df!important;color:#fff!important;border-radius:14px}.archive-filter-card{padding:20px}
.visit-topbar{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #e1eaf5}.visit-hero{background:linear-gradient(120deg,#162e4d,#2873ae);border-radius:24px}.visit-section-heading h2{letter-spacing:-.025em}.overview-card,.visit-sections>*{border-color:#e2eaf3}
@media(max-width:767.98px){.welcome-card{border-radius:20px;padding:23px 19px}.welcome-card h1{font-size:clamp(25px,7vw,36px)}.auth-card{border-radius:21px}.app-action-card{border-radius:16px}.form-shell{border-radius:19px;padding:22px 18px}.form-topbar{top:0}.archive-filter-card{padding:15px}.mobile-bottom-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))}.btn,.form-control,.form-select{min-height:44px}.form-progress-summary{flex-shrink:0}.welcome-dashboard{display:none}.section-title-row{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}