:root{--ink:#18201d;--muted:#68736e;--paper:#f4f6f2;--card:#fff;--brand:#0c7a57;--brand-dark:#075a41;--accent:#e6a83e;--danger:#b42318;--line:#dfe5e1;--shadow:0 12px 35px rgba(20,45,35,.08)}
[data-theme="dark"]{color-scheme:dark;--ink:#e9f1ed;--muted:#a9b8b1;--paper:#0b1511;--card:#13231d;--brand:#56c99a;--brand-dark:#8ae2be;--accent:#efb955;--danger:#ff8b82;--line:#294138;--shadow:0 12px 35px rgba(0,0,0,.24)}
*{box-sizing:border-box}
html{min-width:320px;overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:break-word}
body.nav-open{overflow:hidden}
a{color:var(--brand);text-decoration:none}
img,svg{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button,.btn{-webkit-tap-highlight-color:transparent}
.page-loader{display:none}.page-is-loading .page-loader{display:grid;position:fixed;inset:0;z-index:100;place-items:center;background:rgba(244,246,242,.72);backdrop-filter:blur(2px);cursor:progress}.page-progress{position:absolute;inset:0 0 auto;height:4px;background:rgba(12,122,87,.16);overflow:hidden}.page-progress span{display:block;width:38%;height:100%;border-radius:0 999px 999px 0;background:var(--brand);animation:page-progress 1.05s ease-in-out infinite}.page-loading-message{display:flex;align-items:center;gap:11px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);color:var(--ink)}.page-loading-spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:page-spin .75s linear infinite}@keyframes page-progress{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}@keyframes page-spin{to{transform:rotate(360deg)}}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{background:#10271f;color:#fff;padding:26px 20px;display:flex;flex-direction:column;min-width:0}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-size:22px;font-weight:800;letter-spacing:-.4px;color:#fff;margin-bottom:28px}.brand span,.mobile-brand span{color:#7ee0b9}
.nav a{display:block;color:#cfe3da;padding:11px 13px;border-radius:10px;margin:3px 0}.nav a:hover,.nav a.active{background:#1c4638;color:#fff}.nav-section+.nav-section{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.nav-section-label{padding:0 13px 5px;color:#86aa9c;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.userbox{margin-top:auto;padding-top:22px;color:#b8cec5;font-size:13px}.userbox form{margin-top:10px}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin-top:12px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-weight:700;cursor:pointer}.theme-toggle:hover{background:rgba(255,255,255,.14)}.theme-toggle span:first-child{font-size:18px;line-height:1}
.main{padding:34px;max-width:1400px;width:100%;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.topbar-copy{min-width:0}.topbar h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.6px}.top-actions:empty{display:none}
.grid{display:grid;gap:18px;min-width:0}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);min-width:0}.metric .value{font-size:30px;font-weight:800}.muted{color:var(--muted)}
.settings-card{max-width:860px;padding-top:14px}.settings-tabs{display:flex;gap:6px;margin:0 -8px 8px;padding:0 8px;border-bottom:1px solid var(--line);overflow-x:auto}.settings-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:13px 16px 11px;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}.settings-tab:hover{color:var(--ink)}.settings-tab.active{border-bottom-color:var(--brand);color:var(--brand-dark)}.settings-tab:focus-visible{outline:3px solid rgba(12,122,87,.22);outline-offset:-3px;border-radius:8px 8px 0 0}.settings-panel{padding:16px 2px 2px}.settings-panel[hidden]{display:none}.settings-panel>h2:first-child{margin-top:0}
.system-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-status-item{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.system-status-item strong{font-size:17px}.system-status-item small{color:var(--muted);overflow-wrap:anywhere}.status-with-dot{display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.status-dot.online{background:var(--brand)}.status-dot.offline{background:var(--danger)}.maintenance-details{margin:12px 0 16px}.maintenance-details summary{cursor:pointer;color:var(--brand);font-weight:700}.maintenance-details ul{max-height:220px;overflow:auto;padding-left:22px}.maintenance-details code{font-size:12px;overflow-wrap:anywhere}
.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#e8f5ef;color:var(--brand-dark);font-size:12px;font-weight:700;text-transform:capitalize}.badge.pending,.badge.sending,.badge.submitted{background:#fff3d8;color:#8a5a00}.badge.rejected,.badge.reversed,.badge.cancelled,.badge.expired,.badge.failed,.badge.undelivered,.badge.locked{background:#fee9e7;color:var(--danger)}.badge.used{background:#e9edff;color:#3146a8}
.btn{border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-align:center}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#e7ece9;color:var(--ink)}.btn-danger{background:#fee9e7;color:var(--danger)}.btn-small{padding:7px 10px;font-size:13px;min-height:36px}.btn:disabled{cursor:not-allowed;opacity:.55}
.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0}.actions input{min-width:0}.field{margin-bottom:16px;min-width:0}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;max-width:100%;padding:11px 12px;border:1px solid #cfd8d3;border-radius:9px;background:#fff}.field textarea{min-height:90px;resize:vertical}.field small{color:var(--muted)}.error{color:var(--danger);font-size:13px;margin-top:4px}
.field .checkbox-row{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;cursor:pointer}.field .checkbox-row input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin:0;padding:0}.field .checkbox-row span{min-width:0}
.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px}.alert ul{padding-left:20px;margin-bottom:0}.alert-success{background:#e2f5ec;color:#075a41}.alert-error{background:#fee9e7;color:#8b1a12}.alert-info{background:#e9f2ff;color:#244c7a}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.table{width:100%;min-width:680px;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}.table td small,.table td form{white-space:normal}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top left,#d9f4e8,transparent 38%),var(--paper)}.auth-card{width:min(470px,100%)}.auth-card h1{margin:0 0 6px}
.otp-input{text-align:center;font-size:28px;font-weight:800;letter-spacing:.3em;font-variant-numeric:tabular-nums}
.membership{background:linear-gradient(135deg,#0b6c4e,#123c31);color:white;position:relative;overflow:hidden}.membership:after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;top:-100px}.membership>*{position:relative;z-index:1}.membership .points{font-size:42px;font-weight:800}.qr{background:#fff;border-radius:14px;padding:12px;width:min(220px,100%);display:block}
.reward-card{display:flex;flex-direction:column;overflow:hidden}.reward-card-image{display:block;width:calc(100% + 44px);height:190px;margin:-22px -22px 18px;object-fit:cover;border-bottom:1px solid var(--line)}.reward-image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#dff4ea,#f7e7be);color:var(--brand);font-size:46px}.reward-card>.badge{align-self:flex-start}.reward-card .cost{font-size:24px;font-weight:800;color:var(--brand);margin-top:auto;padding-top:15px}.reward-admin-thumb{display:grid;place-items:center;width:88px;height:60px;border:1px solid var(--line);border-radius:9px;object-fit:cover;font-size:24px}.reward-image-form{display:flex;gap:6px;margin-top:7px}.reward-image-form label{position:relative;overflow:hidden;white-space:nowrap}.reward-image-form input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.reward-management-table td:first-child{min-width:230px}.code{font:800 clamp(18px,6vw,30px) ui-monospace,SFMono-Regular,monospace;letter-spacing:clamp(1px,1vw,4px);background:#f0f3f1;padding:18px;border-radius:12px;text-align:center;overflow-wrap:anywhere}.lookup-result{border:1px solid #9bd4be;background:#eefaf5;padding:14px;border-radius:10px;margin-bottom:16px}
.redemption-pass{max-width:560px;text-align:center;margin:0 auto}.redemption-pass h2{margin-bottom:4px}.redemption-qr-wrap{width:min(280px,82vw);margin:18px auto 10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.redemption-qr{display:block;width:100%;border-radius:10px}.redemption-scan-label{display:block;font-size:17px}.redemption-manual{margin:18px 0}.redemption-manual summary{cursor:pointer;color:var(--brand);font-weight:700}.redemption-manual .code{margin-top:10px;font-size:18px;padding:12px}.redemption-status-message{margin:18px 0}.redemption-terminal{max-width:720px}.redemption-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.redemption-lookup .field{margin:0}.redemption-lookup-actions{display:flex;gap:8px}.redemption-review h2{margin-bottom:4px}.redemption-confirm{width:100%;margin-top:6px}
.reward-pass-preview{display:grid;gap:7px;color:var(--ink);transition:transform .15s ease,border-color .15s ease}.reward-pass-preview:hover{transform:translateY(-2px);border-color:var(--brand)}.reward-pass-preview .badge{justify-self:start}.reward-pass-preview h3{margin:2px 0}.reward-pass-preview strong{color:var(--brand)}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 12px}.section-title h2{margin:0}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form .field{margin:0}.pagination{margin-top:18px;overflow-x:auto}hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.report-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;align-items:end}.report-filters .field{margin:0}.report-search{grid-column:span 2}.report-actions{grid-column:span 2;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.report-metrics{margin-top:18px}.sms-report-table{min-width:1180px}.sms-report-table td:nth-child(8){min-width:260px;white-space:normal}.sms-error{color:var(--danger);font-weight:700}
.active-otp-table{min-width:900px}.otp-admin-code{display:inline-block;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:19px;font-weight:800;letter-spacing:.12em}
.history-summary{display:flex;gap:38px;margin-bottom:18px}.history-summary>div{display:grid;gap:2px}.history-summary strong{font-size:26px}.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end;margin-bottom:18px}.history-filters .field{margin:0}.history-filter-actions{display:flex;gap:8px}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;padding:12px 15px}.history-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:18px;font-weight:800}.history-icon.credit{background:#e8f5ef;color:var(--brand-dark)}.history-icon.debit{background:#fee9e7;color:var(--danger)}.history-copy,.history-details{min-width:0}.history-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.history-heading h2{font-size:15px;line-height:1.3;margin:0}.history-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:5px;color:var(--muted);font-size:12px}.history-meta .badge{padding:2px 7px;font-size:10px}.history-amount{display:grid;justify-items:end;gap:1px;text-align:right}.history-amount small{color:var(--muted);white-space:nowrap}.history-points{font-size:18px;line-height:1.2;white-space:nowrap}.history-points.credit{color:var(--brand)}.history-points.debit{color:var(--danger)}.history-empty{text-align:center;padding:36px}.history-empty h2{margin:0 0 5px}
.terminal-shell{max-width:840px}.terminal-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.terminal-progress span{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}.terminal-progress b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f5ef;color:var(--brand-dark)}.terminal-section{margin-bottom:14px}.terminal-section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.terminal-section-heading h2{margin:0;font-size:19px}.terminal-section-heading p{margin:2px 0 0;color:var(--muted)}.terminal-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 18px;padding:11px 14px;border:1px solid #b9dfd0;border-radius:10px;background:#eefaf5}.terminal-rate span{color:var(--muted);font-size:13px;font-weight:700}.terminal-rate strong{color:var(--brand-dark);font-size:16px}.step-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800}.terminal-scan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.terminal-scan input{min-width:0}.terminal-scan-actions{display:flex;gap:8px}.verified-customer{display:flex;align-items:center;gap:12px}.verified-customer div{display:grid}.verified-customer small{color:var(--brand-dark);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.verified-customer strong{font-size:17px}.verified-customer span:last-child{color:var(--muted)}.verified-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-size:21px;font-weight:800}.terminal-checking{padding:10px 0}.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid #cfd8d3;border-radius:9px;background:#fff;overflow:hidden}.money-input span{padding:0 12px;color:var(--muted);font-weight:800}.money-input input{border:0;border-left:1px solid var(--line);border-radius:0}.money-input:focus-within{outline:2px solid rgba(12,122,87,.2);border-color:var(--brand)}.terminal-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 16px;border-radius:12px;background:#eefaf5;border:1px solid #b9dfd0}.terminal-preview span{font-weight:700}.terminal-preview strong{grid-row:span 2;font-size:clamp(20px,4vw,28px);color:var(--brand-dark);text-align:right}.terminal-preview small{color:var(--muted)}.terminal-submit-bar{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #b9cbc3;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(15,48,36,.18);backdrop-filter:blur(10px)}.terminal-submit-bar>div{display:grid}.terminal-submit-bar small{color:var(--muted)}
.scanner-dialog{width:min(520px,calc(100% - 24px));padding:0;border:0;border-radius:18px;background:#0b1d17;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45);overflow:hidden}.scanner-dialog::backdrop{background:rgba(4,15,11,.78);backdrop-filter:blur(3px)}.scanner-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.scanner-head>div{display:grid}.scanner-head small{color:#aac3b9}.scanner-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}.scanner-camera{position:relative;aspect-ratio:3/4;max-height:68vh;background:#06100c;overflow:hidden}.scanner-camera video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:50% auto auto 50%;width:min(68%,300px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #7ee0b9;border-radius:20px;box-shadow:0 0 0 999px rgba(0,0,0,.28)}.scanner-status{margin:0;padding:14px 18px;color:#d5e5df;text-align:center}.scanner-cancel{width:calc(100% - 36px);margin:0 18px 18px}
.mobile-bar,.nav-close,.nav-overlay,.customer-bottom-nav{display:none}

[data-theme="dark"] body{background:var(--paper)}
[data-theme="dark"].page-is-loading .page-loader{background:rgba(11,21,17,.76)}
[data-theme="dark"] .btn-secondary{background:#253a32;color:var(--ink)}
[data-theme="dark"] .field input,[data-theme="dark"] .field select,[data-theme="dark"] .field textarea{border-color:#395248;background:#0e1c17;color:var(--ink)}
[data-theme="dark"] .field input::placeholder,[data-theme="dark"] .field textarea::placeholder{color:#7f9189}
[data-theme="dark"] .badge{background:#193c30;color:#91e5c2}
[data-theme="dark"] .badge.pending,[data-theme="dark"] .badge.sending,[data-theme="dark"] .badge.submitted{background:#493a1d;color:#ffd77b}
[data-theme="dark"] .badge.rejected,[data-theme="dark"] .badge.reversed,[data-theme="dark"] .badge.cancelled,[data-theme="dark"] .badge.expired,[data-theme="dark"] .badge.failed,[data-theme="dark"] .badge.undelivered,[data-theme="dark"] .badge.locked{background:#482422;color:#ffaaa3}
[data-theme="dark"] .badge.used{background:#252f55;color:#b8c3ff}
[data-theme="dark"] .alert-success{background:#153a2d;color:#a0e8ca}
[data-theme="dark"] .alert-error{background:#442320;color:#ffb3ac}
[data-theme="dark"] .alert-info{background:#172f4a;color:#b7d8ff}
[data-theme="dark"] .code{background:#0d1b16}
[data-theme="dark"] .history-icon.credit{background:#193c30;color:#91e5c2}
[data-theme="dark"] .history-icon.debit{background:#482422;color:#ffaaa3}
[data-theme="dark"] .terminal-rate{border-color:#2d5a49;background:#142f25}[data-theme="dark"] .terminal-preview{border-color:#2d5a49;background:#142f25}
[data-theme="dark"] .table-wrap:after{background:#102019}

@media(max-width:1100px) and (min-width:901px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:1100px){.history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filter-actions{grid-column:1/-1}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:900px){
    .shell{display:block}
    .sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);z-index:50;padding:20px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:10px 0 40px rgba(0,0,0,.25);overflow-y:auto}
    .nav-open .sidebar{transform:translateX(0)}
    .sidebar .brand{margin:0}.nav{margin-top:22px}.nav a{padding:13px;min-height:46px}.userbox{display:block;border-top:1px solid rgba(255,255,255,.15);margin-top:24px}.userbox .btn{width:100%}
    .nav-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:28px;cursor:pointer}
    .nav-overlay{display:block;position:fixed;inset:0;z-index:40;border:0;background:rgba(8,24,18,.52);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.nav-open .nav-overlay{opacity:1;visibility:visible}
    .mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#10271f;margin:-20px -20px 24px;padding:14px 20px;min-height:64px}.mobile-brand{font-size:19px;font-weight:800;color:#fff}.nav-toggle{display:grid;gap:4px;width:44px;height:40px;place-content:center;border:0;border-radius:9px;background:#1c4638;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#fff}
    .main{padding:20px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{align-items:flex-start}.table{font-size:13px}
    .history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters .field:last-of-type{grid-column:1/-1}
    .customer-ui .main{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.customer-bottom-nav{position:fixed;z-index:35;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -8px 28px rgba(20,45,35,.12);backdrop-filter:blur(14px)}.customer-bottom-nav a{display:grid;place-items:center;gap:2px;min-width:0;min-height:51px;padding:4px 2px;border-radius:10px;color:var(--muted);font-size:10px;font-weight:700}.customer-bottom-nav svg{width:22px;height:22px;fill:currentColor}.customer-bottom-nav a.active{background:#e8f5ef;color:var(--brand-dark)}[data-theme="dark"] .customer-bottom-nav{background:rgba(19,35,29,.96)}[data-theme="dark"] .customer-bottom-nav a.active{background:#193c30;color:#91e5c2}
}

@media(max-width:600px){
    body{font-size:14px}.main{padding:16px}.mobile-bar{margin:-16px -16px 20px;padding:12px 16px}.topbar{flex-direction:column;margin-bottom:20px}.topbar h1{font-size:24px}.top-actions,.top-actions>.btn{width:100%}
    .grid{gap:12px}.card{padding:16px;border-radius:13px}.metric .value{font-size:27px}.membership .points{font-size:36px}.section-title{margin-top:22px}.section-title h2{font-size:19px}.system-status-grid{grid-template-columns:1fr}
    .reward-card-image{width:calc(100% + 32px);height:170px;margin:-16px -16px 15px}
    .field input,.field select,.field textarea{font-size:16px;min-height:46px}.btn{min-height:44px}.inline-form{align-items:stretch}.inline-form .field,.inline-form>.btn,.inline-form>a.btn{width:100%}
    .actions{align-items:stretch}.actions input{flex:1 1 100%;min-height:44px}.actions .btn{flex:1 1 auto}
    .table-wrap.card{padding:0}.table th,.table td{padding:11px 12px}.table-wrap:after{content:"Swipe sideways to view all columns";display:block;position:sticky;left:0;padding:9px 12px;color:var(--muted);font-size:12px;background:#f8faf8;border-top:1px solid var(--line)}
    .auth-wrap{display:block;padding:16px}.auth-card{margin:0 auto}.auth-card>.brand{margin:10px 0 20px}.auth-card .card{padding:20px}.code{padding:14px 10px}
    .terminal-progress{gap:5px}.terminal-progress span{gap:4px;padding:8px 5px;font-size:11px}.terminal-progress b{width:20px;height:20px}.terminal-section-heading{margin-bottom:15px}.terminal-section-heading h2{font-size:18px}.terminal-section-heading p{font-size:13px}.terminal-rate{align-items:flex-start;flex-direction:column;gap:2px;padding:10px 12px}.terminal-scan{grid-template-columns:1fr}.terminal-scan-actions{display:grid;grid-template-columns:1fr 1fr}.terminal-scan .btn{width:100%}.terminal-preview{grid-template-columns:1fr;padding:12px}.terminal-preview strong{grid-row:auto;text-align:left}.terminal-submit-bar{bottom:8px;display:grid;gap:10px;padding:12px}.terminal-submit-bar .btn{width:100%}.scanner-dialog{max-height:calc(100dvh - 16px)}.scanner-camera{max-height:62dvh}
    .history-summary{justify-content:space-between;gap:12px}.history-summary strong{font-size:22px}.history-filters{grid-template-columns:1fr}.history-filters .field:last-of-type,.history-filter-actions{grid-column:auto}.history-filter-actions{display:grid;grid-template-columns:1fr 1fr}.history-filter-actions .btn:only-child{grid-column:1/-1}.history-item{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:11px 12px}.history-icon{width:32px;height:32px;font-size:16px}.history-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px}.history-heading h2{font-size:14px}.history-points{font-size:16px}.history-meta{gap:6px;margin-top:3px}.history-amount small{font-size:11px}.report-filters{grid-template-columns:1fr}.report-search,.report-actions{grid-column:auto}.report-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.report-actions .btn:last-child{grid-column:1/-1}
    .redemption-lookup{grid-template-columns:1fr}.redemption-lookup-actions{display:grid;grid-template-columns:1fr 1fr}.redemption-qr-wrap{margin-top:14px}
}

@media(prefers-reduced-motion:reduce){.sidebar,.nav-overlay{transition:none}.page-progress span{animation-duration:2.5s}.page-loading-spinner{animation-duration:1.5s}}