:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6d7890;--line:#e5eaf2;--brand:#1d4ed8;--brand2:#0f3cae;--green:#16835f;--red:#b42318;--sidebar:#111827}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:260px;background:var(--sidebar);color:#fff;padding:24px 16px;position:fixed;inset:0 auto 0 0;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-mark,.login-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:#fff;color:#111827}.brand span{display:block;font-size:12px;color:#9ca3af;margin-top:3px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#d7dce5;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#25314a;color:#fff}.sidebar nav a.disabled{opacity:.55;cursor:not-allowed}.sidebar nav small{float:right;font-size:10px;font-weight:600;color:#9ca3af}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:20}.topbar>div:nth-child(2){display:flex;flex-direction:column}.topbar span{font-size:12px;color:var(--muted);margin-top:3px}.userbox{margin-left:auto;display:flex;align-items:center;gap:10px}.userbox em{font-style:normal;font-size:11px;background:#edf2ff;color:#274690;padding:5px 8px;border-radius:999px}.link-btn{border:0;background:none;color:var(--brand);font-weight:700;cursor:pointer}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:20px;padding:6px 9px}.content{padding:28px;max-width:1500px;margin:0 auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.stat-card,.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px rgba(18,38,63,.05)}.stat-card{padding:22px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:29px;margin:8px 0}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{padding:22px}.card h2{margin:0 0 4px;font-size:18px}.card p{margin:0;color:var(--muted);line-height:1.55}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 14px;font-weight:750;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.small{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px}.badge.neutral{background:#eef1f5;color:#596273}.badge.good{background:#eaf8f2;color:#0d6f50}.badge.bad{background:#fff0ef;color:#a52a20}.info-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}td.empty{text-align:center;color:var(--muted);padding:28px}.alert{border-radius:10px;padding:11px 13px;margin-bottom:16px;font-weight:650}.alert.success{background:#eaf8f2;color:#0d6f50}.alert.error{background:#fff0ef;color:#a52a20}.form{display:grid;gap:9px}.form label,.login-card label{font-size:12px;font-weight:750;margin-top:4px}input,select{width:100%;border:1px solid #d8dfeb;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;outline:none}input:focus,select:focus{border-color:#7aa2ef;box-shadow:0 0 0 3px rgba(29,78,216,.08)}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eef3fb,#f8fafc)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:34px;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(18,38,63,.12)}.login-card .login-logo{background:#111827;color:#fff;margin-bottom:18px}.login-card h1{margin:0;font-size:27px}.login-card>p{margin:5px 0 22px;color:var(--muted)}.login-card form{display:grid;gap:9px}.check{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.check input{width:auto}.wide{width:100%}.login-card>small{display:block;text-align:center;color:var(--muted);margin-top:20px}.field-error{font-size:12px;color:var(--red)}code{background:#f1f4f8;border-radius:6px;padding:2px 5px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:block}}@media(max-width:620px){.content{padding:16px}.topbar{padding:0 14px}.stats{grid-template-columns:1fr}.userbox>span,.userbox>em{display:none}.card,.stat-card{border-radius:13px}.topbar{height:66px}}
.info-stack{display:grid;gap:12px;margin:10px 0 18px}.info-stack>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.info-stack span{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.info-stack strong{word-break:break-all}.note{margin-top:16px;padding:12px;border-radius:10px;background:#f7f8fb;color:var(--muted);font-size:13px}.top-gap{margin-top:18px}.inline-plan{display:grid;grid-template-columns:minmax(150px,1fr) 110px auto auto;gap:8px;align-items:center}.mini-check{display:flex!important;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.mini-check input{width:auto}.capability{margin-top:18px;padding:16px;border:1px dashed #cbd5e1;border-radius:12px;background:#fafbfd}.capability strong{display:block;margin:10px 0 5px}.capability p{font-size:13px}@media(max-width:800px){.inline-plan{grid-template-columns:1fr}.inline-plan .btn{width:100%}}
/* Phase 3 — voucher sales, batches and 58mm receipts */
.sell-card{align-self:start}.sale-total{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:15px;border-radius:11px;background:#f5f8ff;border:1px solid #dce7fb}.sale-total span{color:var(--muted);font-weight:700}.sale-total strong{font-size:24px}.compact-list{display:grid}.compact-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.compact-item:last-child{border-bottom:0}.compact-item div{display:flex;flex-direction:column;gap:3px}.compact-item span{font-size:12px;color:var(--muted)}.compact-item .right{text-align:right}.empty-note{padding:16px 0}.filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,240px) auto auto;gap:9px}.voucher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.voucher-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe;display:grid;gap:9px}.voucher-card>span,.voucher-card>small{color:var(--muted)}.voucher-card>strong{font-size:20px;word-break:break-all;letter-spacing:.03em}.voucher-card .btn{justify-self:start}.pager{margin-top:18px}.receipt-actions{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.thermal-receipt{width:58mm;max-width:100%;margin:0 auto;padding:5mm 3.5mm;background:#fff;color:#000;font-family:Arial,sans-serif;box-shadow:0 10px 30px rgba(18,38,63,.13)}.thermal-receipt h1{font-size:18px;text-align:center;margin:0 0 3px}.receipt-sub,.receipt-footer,.receipt-thanks{text-align:center}.receipt-sub{font-size:11px;margin:0}.receipt-rule{border-top:1px dashed #000;margin:10px 0}.receipt-plan{text-align:center;font-size:14px;font-weight:700}.receipt-code{text-align:center;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:.06em;word-break:break-all;margin:11px 0}.thermal-receipt table{min-width:0;width:100%}.thermal-receipt td{padding:3px 0;border:0;font-size:10.5px;vertical-align:top}.thermal-receipt td:last-child{text-align:right;font-weight:700;word-break:break-all}.receipt-footer{font-size:10px;line-height:1.4}.receipt-thanks{font-size:11px;font-weight:700;margin-bottom:0}.batch-stats .stat-card strong{font-size:21px}.right{text-align:right}@media(max-width:900px){.voucher-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr 1fr}}@media(max-width:620px){.voucher-grid,.filter-row{grid-template-columns:1fr}.receipt-actions{flex-wrap:wrap}.receipt-actions .btn{flex:1 1 auto}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.alert{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important;max-width:none!important}.thermal-receipt{box-shadow:none;margin:0;width:58mm;max-width:58mm;padding:3mm}.thermal-receipt h1{font-size:16px}.receipt-code{font-size:20px}@page{size:58mm auto;margin:0}}
/* Phase 4 — reports, audit, operational controls */
.report-filter{margin-bottom:18px}.report-filter-grid{grid-template-columns:repeat(4,minmax(130px,1fr)) auto auto}.audit-search{display:flex;gap:8px;min-width:min(420px,100%)}.audit-search input{min-width:0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.setting-check{display:flex!important;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.setting-check input{width:auto}.top-gap{margin-top:18px}@media(max-width:900px){.report-filter-grid{grid-template-columns:1fr 1fr}.audit-search{width:100%}.card-head{flex-wrap:wrap}}@media(max-width:620px){.report-filter-grid,.check-grid{grid-template-columns:1fr}.audit-search{display:grid;grid-template-columns:1fr auto}}