.scanner-controls{margin-top:8px}.scanner-controls .muted{margin:8px 0;font-size:.8rem}.scanner-video{display:block;width:100%;max-height:260px;margin-top:10px;border-radius:12px;background:#10251f;object-fit:cover}.scanner-video[hidden]{display:none}
.scanner-controls~.muted{margin:7px 0;font-size:.8rem}
.topbar .icon-button{width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:12px;background:white;color:var(--green);font-size:1.3rem}.topbar .icon-button:hover{background:#edf5f0}.alert-settings{padding:14px 16px}.alert-settings label{margin-top:0}.inline-field{display:flex;align-items:center;gap:8px}.inline-field input{max-width:130px}.inline-field .button{flex:none}.alert-settings small{display:block;margin-top:8px}.history-card{display:flex;align-items:center;gap:12px;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:white}.history-card .batch-info{flex:1}.history-card .badge{white-space:nowrap}.history-card small{display:block;margin-top:4px;color:var(--muted)}
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav-item{min-width:0;padding:10px 3px;text-align:center;white-space:nowrap}.topbar #store-name{max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:380px){.nav-item{font-size:.62rem}.bottom-nav{gap:1px}}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-heading h1{margin:.25rem 0}.history-filter-button{flex:none;border:1px solid var(--line);background:#fff;color:var(--green)}.history-filter-summary{margin:8px 0;padding:9px 12px;border-radius:9px;background:#e8f2ed;color:var(--green);font-size:.82rem}.history-filters-dialog{width:min(520px,calc(100vw - 28px));max-height:min(88vh,760px);overflow:auto;border:0;border-radius:18px;padding:24px;background:#fff;color:#19372f;box-shadow:0 20px 70px #10251f35}.history-filters-dialog::backdrop{background:#10251f80}.history-filters-dialog form{position:relative}.history-filters-dialog h2{margin:5px 0 16px}.history-filters-dialog .close{position:absolute;top:0;right:0}.history-filter-group{margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--line)}.history-filter-group legend{padding:0;font-size:.82rem;font-weight:700}.quick-periods{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.quick-period{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#667b71;font-size:.76rem;font-weight:700}.quick-period.active{border-color:var(--green);background:#e8f2ed;color:var(--green)}.history-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-date-fields label{margin-top:4px}.history-filter-group>.muted{display:block;margin-top:8px;font-size:.72rem}.history-filter-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.history-filter-actions .button{flex:1}.history-filters-dialog .message{margin:8px 0;color:#a54137}@media(max-width:420px){.history-filters-dialog{padding:20px 16px}.quick-period{flex:1 1 auto}.history-filter-actions{flex-direction:column-reverse}}





.company-code-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.company-code-card .eyebrow{margin-bottom:5px}.company-code-card strong,.company-code-card small{display:block}.company-code-card strong{font-size:1.2rem;letter-spacing:.08em}.company-code-card small{margin-top:5px;color:var(--muted)}

.operator-content{max-width:760px;margin:auto;padding:36px 22px}.member-row .member-actions{display:flex;gap:6px;flex-wrap:wrap}.tab:disabled{opacity:.55;cursor:not-allowed}.operator-content .settings-card{margin-top:24px}@media(max-width:600px){.operator-content{padding:24px 16px}.member-row .member-actions{width:100%;padding-left:50px}}

.settings-card{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:white}.settings-card h2{margin-top:0}.member-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.member-row>div{flex:1;min-width:0}.member-row strong,.member-row small{display:block;overflow-wrap:anywhere}.member-row small{margin-top:4px;color:var(--muted)}.danger-button{padding:8px 10px;border:1px solid #f0d7d4;border-radius:8px;color:#a13e35;background:#fff8f7;font-size:.75rem;font-weight:700}@media(max-width:600px){.bottom-nav{gap:4vw}.nav-item{font-size:.68rem}.settings-card{padding:15px}}

:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#19372f;background:#f3f7f4;--green:#176b55;--line:#e4ece6;--muted:#71847b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.app-shell{min-height:100vh}.login-screen{min-height:100vh;max-width:1100px;margin:auto;padding:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:10px;color:#19372f;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:white;background:var(--green);font-size:1.3rem}.login-card{width:min(100%,430px);margin:30px auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 18px 55px #19372f12}.eyebrow{color:#638074;font-size:.7rem;font-weight:800;letter-spacing:.13em}.login-card h1{font-size:clamp(2.4rem,8vw,3.2rem);line-height:1.03;letter-spacing:-.05em}.login-card h1 span{color:var(--green)}.muted{color:var(--muted);line-height:1.5}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:22px 0;padding:4px;background:#f1f5f2;border-radius:12px}.tab,.filters button{padding:10px;border:0;border-radius:9px;color:#667b71;background:transparent;font-size:.8rem;font-weight:700}.tab.active,.filters button.active{background:white;color:var(--green);box-shadow:0 1px 5px #19372f17}label{display:block;margin:14px 0 6px;font-size:.8rem;font-weight:700}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #dfe8e2;border-radius:9px;background:white;color:#19372f}input:focus,select:focus{outline:2px solid #54a78b}.button{min-height:42px;padding:0 16px;border:0;border-radius:9px;font-weight:700}.primary{color:white;background:var(--green)}.wide{width:100%;margin-top:18px}.message{min-height:1em;color:#a54137;font-size:.8rem}.login-card small{color:#87958e;font-size:.72rem}.topbar{height:64px;display:flex;align-items:center;gap:16px;padding:0 max(18px,calc((100vw - 1060px)/2));border-bottom:1px solid var(--line);background:white}.topbar>strong{margin-right:auto}.avatar{width:36px;height:36px;border:0;border-radius:50%;color:var(--green);background:#e6f2eb;font-weight:bold}.content{max-width:1060px;margin:auto;padding:34px 22px 100px}.content h1{margin-bottom:8px;font-size:2rem}.content h2{margin-top:26px;font-size:1.1rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stats article{display:grid;gap:9px;padding:17px;border:1px solid var(--line);border-radius:14px;background:white}.stats small{color:var(--muted)}.stats strong{font-size:1.6rem}.filters{display:flex;gap:5px;margin:18px 0;padding:4px;background:#eaf0eb;border-radius:12px;width:fit-content}.batch-card,.audit-card{display:flex;align-items:center;gap:12px;margin:9px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:white}.batch-info{flex:1}.batch-info strong,.batch-info small{display:block}.batch-info small{margin-top:5px;color:var(--muted)}.badge{padding:6px 9px;border-radius:20px;background:#fff2da;color:#90601c;font-size:.7rem}.badge.expired{background:#fbe9e6;color:#a13e35}.audit-actions{display:flex;gap:6px;flex-wrap:wrap}.audit-actions button{padding:8px;border:1px solid var(--line);border-radius:8px;background:#f6faf7;color:var(--green);font-size:.72rem}.empty{padding:24px;border:1px dashed #dce7df;border-radius:12px;color:var(--muted);text-align:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10vw;padding:12px;background:#fffffffa;border-top:1px solid var(--line);padding-bottom:max(12px,env(safe-area-inset-bottom))}.nav-item{border:0;background:none;color:#819087;font-size:.8rem}.nav-item.active{color:var(--green);font-weight:bold}dialog{width:min(calc(100% - 28px),450px);padding:26px;border:1px solid var(--line);border-radius:18px;color:#19372f;box-shadow:0 20px 80px #122a2244}dialog::backdrop{background:#122a2270;backdrop-filter:blur(3px)}dialog form{position:relative}.close{position:absolute;right:0;top:0;border:0;background:none;font-size:1.5rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;bottom:82px;left:50%;transform:translate(-50%,12px);padding:12px 17px;border-radius:10px;color:white;background:#23483a;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:600px){.login-screen{padding:20px 16px}.login-card{margin:auto 0;padding:25px 20px}.content{padding:25px 16px 100px}.stats{grid-template-columns:1fr;gap:8px}.stats article{grid-template-columns:1fr auto;align-items:center;padding:12px}.stats strong{grid-column:2;grid-row:1}.stats small{grid-column:1;grid-row:1}.batch-card,.audit-card{flex-wrap:wrap}.audit-actions{width:100%;padding-left:52px}.topbar{padding:0 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}