:root{
  --bg:#f3f5f8;--panel:#ffffff;--text:#18212f;--muted:#738092;--primary:#174f78;--primary-2:#0e3c5d;
  --accent:#d7a12d;--accent-soft:#fff7df;--danger:#b42318;--danger-soft:#fff0ef;--border:#dfe5ec;
  --ok:#147a4b;--ok-soft:#eaf8f1;--sidebar:#101b28;--sidebar-2:#172638;--shadow:0 10px 30px rgba(21,34,50,.08)
}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.topbar{height:70px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:40;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;min-width:235px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:16px;letter-spacing:1.7px}.brand small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.brand-mark{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary),#2878aa);color:#fff;font-weight:900;font-size:25px;box-shadow:0 12px 28px rgba(23,79,120,.28)}.brand-mark-sm{width:38px;height:38px;border-radius:11px;font-size:18px;box-shadow:none}
.topbar-mode{padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:#8a6111;font-size:10px;font-weight:900;letter-spacing:1.3px}.spacer{flex:1}.user-chip{display:flex;align-items:center;gap:10px;text-align:right}.user-chip>span:last-child{display:flex;flex-direction:column}.user-chip strong{font-size:13px}.user-chip small{color:var(--muted);font-size:11px;margin-top:2px}.user-avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf2f7;color:var(--primary);font-weight:900}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 70px)}.sidebar{background:linear-gradient(180deg,var(--sidebar),#0d1621);color:#d8e0e9;padding:18px 12px 28px;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto}.sidebar-caption{font-size:10px;letter-spacing:2px;color:#6f8296;padding:0 12px 13px;font-weight:800}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;margin:2px 0;font-size:13px;transition:.16s ease}.sidebar a:hover,.sidebar a.active{background:var(--sidebar-2);color:#fff;transform:translateX(2px)}.sidebar a.active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar .section{font-size:10px;text-transform:uppercase;letter-spacing:1.25px;color:#71849a;padding:18px 11px 6px;font-weight:800}.nav-icon{width:25px;height:25px;flex:0 0 25px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);font-weight:900;font-size:11px;color:#b9c7d7}.sidebar a:hover .nav-icon,.sidebar a.active .nav-icon{background:rgba(215,161,45,.18);color:#f1c45e}.nav-logout{margin-top:10px!important;color:#f2b9b5!important}.nav-logout .nav-icon{color:#f2b9b5}
.content{padding:26px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(21,34,50,.035);margin-bottom:18px}.panel h2,.panel h3{margin-top:0}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{font-size:28px;font-weight:900}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;font-weight:900;color:var(--accent);margin-bottom:7px}
label{display:block;font-weight:750;font-size:12px;margin:11px 0 6px;color:#354256}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #c8d1dc;border-radius:8px;background:#fff;color:var(--text);font-size:14px;transition:.15s ease}input:focus,select:focus,textarea:focus{outline:0;border-color:#5f95ba;box-shadow:0 0 0 3px rgba(38,119,170,.12)}input[readonly]{background:#f7f9fb;color:#566579}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8c2cd;background:#fff;color:#2c3948;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:750;font-size:13px;transition:.15s ease}.btn:hover{border-color:#8f9eae;background:#f7f9fb}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(23,79,120,.16)}.btn.primary:hover{background:var(--primary-2)}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#efc2be}.btn.ok{background:var(--ok-soft);color:var(--ok);border-color:#b3dec7}.btn-lg{padding:12px 16px;font-size:14px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.table-wrap{overflow:auto;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}th,td{padding:10px 9px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}th{text-align:left;background:#f2f5f8;font-size:11px;letter-spacing:.25px;color:#526072;white-space:nowrap;text-transform:uppercase}td.num,th.num{text-align:right}.alert{padding:11px 13px;border-radius:9px;margin:10px 0;font-size:13px}.alert.error{background:var(--danger-soft);color:#8f1d14;border:1px solid #f0c2bd}.alert.success{background:var(--ok-soft);color:#116a3c;border:1px solid #b6e1c5}.alert.info{background:#eef6fd;color:#155b8d;border:1px solid #b9d9f1}
.footer{text-align:center;color:#8a96a5;padding:18px 20px 24px;font-size:11px}.login-wrap{max-width:460px;margin:8vh auto;padding:0 15px}.login-shell{width:min(980px,calc(100% - 30px));margin:6vh auto;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:22px;box-shadow:0 24px 70px rgba(19,32,47,.16);background:#fff}.login-brand-panel{min-height:560px;padding:48px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(215,161,45,.22),transparent 33%),linear-gradient(145deg,#0f2436,#174f78);display:flex;flex-direction:column}.admin-login-brand{background:radial-gradient(circle at 80% 10%,rgba(215,161,45,.24),transparent 33%),linear-gradient(145deg,#17202d,#253b50)}.login-brand-panel .eyebrow{margin-top:30px;color:#f0c35c}.login-brand-panel h1{font-size:42px;margin:2px 0 8px}.login-brand-panel p{color:#c7d4e0;max-width:430px}.login-feature-list{margin-top:auto;display:grid;gap:13px}.login-feature-list>div{display:flex;align-items:center;gap:13px;padding:11px 0;border-top:1px solid rgba(255,255,255,.11)}.login-feature-list b{width:30px;color:#f0c35c;font-size:12px;letter-spacing:1px}.login-feature-list span{font-size:13px;color:#d8e2eb}.login-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:var(--shadow)}.login-card-wide{border:0;border-radius:0;box-shadow:none;padding:48px;display:flex;flex-direction:column;justify-content:center}.login-heading h2{font-size:28px;margin:0 0 5px}.login-heading p{margin-top:0}.login-copy{text-align:center;color:#97a1ae;font-size:11px;margin-top:24px}.terminal-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.terminal-option{margin:0;border:1px solid #cad3dd;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.15s ease}.terminal-option input{width:auto;margin:0;accent-color:var(--primary)}.terminal-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,79,120,.09);background:#f5f9fc}.terminal-code{font-size:18px;font-weight:900;color:var(--primary)}.terminal-label{font-size:11px;color:var(--muted)}
.page-hero{border-radius:18px;padding:28px 30px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(17,43,64,.16)}.page-hero:after{content:"";position:absolute;width:250px;height:250px;border:55px solid rgba(255,255,255,.045);border-radius:50%;right:-65px;top:-95px}.cashier-hero{background:linear-gradient(120deg,#123b59,#1b668c)}.admin-hero{background:linear-gradient(120deg,#182737,#2e465b)}.page-hero .eyebrow{color:#f2c55d}.page-hero h1{font-size:28px;margin:0 0 5px}.page-hero p{margin:0;color:#d8e5ee;max-width:700px}.hero-date{position:relative;z-index:1;min-width:145px;text-align:right}.hero-date span{display:block;font-size:12px;color:#d7e2eb}.hero-date strong{display:block;font-size:17px;margin-top:3px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 12px rgba(22,35,49,.04)}.stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#edf4f8;color:var(--primary);font-weight:900;font-size:13px}.stat-card>div{display:flex;flex-direction:column;min-width:0}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:18px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-open .stat-icon{background:var(--ok-soft);color:var(--ok)}.status-closed .stat-icon{background:var(--danger-soft);color:var(--danger)}
.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:25px 2px 11px}.dashboard-section-head .eyebrow{margin-bottom:3px}.dashboard-section-head h2{font-size:20px;margin:0}.dashboard-section-head>span{font-size:11px}.compact-head{margin-top:30px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid-small{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.quick-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:88px;transition:.16s ease;box-shadow:0 3px 12px rgba(22,35,49,.035)}.quick-card:hover{transform:translateY(-2px);border-color:#b9c7d4;box-shadow:0 12px 28px rgba(22,35,49,.08)}.quick-icon{width:44px;height:44px;border-radius:12px;background:#edf3f7;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;letter-spacing:.3px}.quick-card>div{display:flex;flex-direction:column;min-width:0}.quick-card strong{font-size:14px}.quick-card small{font-size:11px;color:var(--muted);margin-top:3px}.quick-arrow{font-size:19px;color:#9ca8b5;transition:.16s ease}.quick-card:hover .quick-arrow{transform:translateX(3px);color:var(--primary)}.quick-primary{border-color:#c8d9e5;background:linear-gradient(135deg,#fff,#f5fafd)}.quick-primary .quick-icon{background:var(--primary);color:#fff}.quick-accent{border-color:#ead7a8;background:linear-gradient(135deg,#fff,#fff9e9)}.quick-accent .quick-icon{background:#d3a13b;color:#fff}.quick-dark{background:#172638;border-color:#172638;color:#fff}.quick-dark .quick-icon{background:rgba(255,255,255,.1);color:#f1c45e}.quick-dark small{color:#adbbc9}.quick-dark .quick-arrow{color:#d5dce4}.quick-card.is-closed{opacity:.62}.roadmap-panel{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.roadmap-panel h3{margin:3px 0 4px}
.pos-head{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end}.barcode-box input{font-size:22px;font-weight:800;padding:13px}.total-box{text-align:right}.total-box .amount{font-size:34px;font-weight:900;color:var(--primary)}.cart input{padding:5px 6px;min-width:65px}.modal{position:fixed;inset:0;background:rgba(12,23,34,.62);display:none;align-items:center;justify-content:center;z-index:100;padding:15px;backdrop-filter:blur(2px)}.modal.open{display:flex}.modal-card{background:#fff;border-radius:15px;width:min(850px,96vw);max-height:88vh;overflow:auto;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.modal-sm{width:min(520px,96vw)}.kbd{border:1px solid #b4bec9;background:#f5f7f9;border-radius:5px;padding:2px 6px;font-size:10px}.auth-card{max-width:500px;margin:8vh auto}.receipt{width:72mm;margin:auto;background:#fff;color:#000;font-family:monospace;font-size:12px}.receipt h3{text-align:center;margin:3px}.receipt hr{border:0;border-top:1px dashed #000}.receipt .r{display:flex;justify-content:space-between;gap:8px}.hidden{display:none!important}
.landing-body{background:radial-gradient(circle at 80% 10%,rgba(215,161,45,.16),transparent 25%),linear-gradient(145deg,#0e1b28,#173a55);color:#fff}.landing-shell{width:min(980px,calc(100% - 30px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:45px 0}.landing-brand{display:flex;gap:18px;align-items:center;margin-bottom:32px}.landing-brand .eyebrow{margin:0 0 1px;color:#efc45d}.landing-brand h1{font-size:35px;letter-spacing:4px;margin:0}.landing-brand p{color:#b8c8d6;margin:1px 0}.landing-choice{display:grid;grid-template-columns:1fr 1fr;gap:15px}.portal-card{min-height:220px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:25px;background:rgba(255,255,255,.07);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;transition:.18s ease;backdrop-filter:blur(8px)}.portal-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.portal-no{font-size:11px;letter-spacing:1.5px;color:#f1c45e;font-weight:900}.portal-card div{display:flex;flex-direction:column}.portal-card small{font-size:10px;letter-spacing:1.6px;color:#9fb1c2;font-weight:800}.portal-card strong{font-size:30px;letter-spacing:1.5px;margin-top:8px}.portal-card p{font-size:13px;color:#c2d0dc;max-width:300px}.portal-arrow{font-size:27px;color:#f1c45e}.landing-note{margin-top:20px;color:#91a5b7;font-size:11px}
@media(max-width:1100px){.quick-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.topbar{padding:0 14px}.brand{min-width:auto}.topbar-mode{display:none}.user-chip strong{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:14px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.pos-head{grid-template-columns:1fr}.total-box{text-align:left}.page-hero{padding:22px;align-items:flex-start}.hero-date{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.quick-grid,.admin-grid,.quick-grid-small{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;margin:20px auto}.login-brand-panel{display:none}.login-card-wide{padding:28px}.roadmap-panel{align-items:flex-start;flex-direction:column}.landing-choice{grid-template-columns:1fr}.landing-shell{padding:28px 0}.portal-card{min-height:160px}}
@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr}.user-chip>span:last-child{display:none}.page-hero h1{font-size:23px}.landing-brand .brand-mark{width:46px;height:46px}.landing-brand h1{font-size:28px}.terminal-choice{grid-template-columns:1fr 1fr}}
@media print{.no-print,.topbar,.sidebar,.footer{display:none!important}.layout{display:block}.content{padding:0;max-width:none}.panel{border:0;box-shadow:none;padding:0}.receipt{box-shadow:none}}
/* Cashier UI additions */
body{background-image:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,.32))}.topbar-clock{font-variant-numeric:tabular-nums;font-weight:800;color:#536273;margin-right:16px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.open{background:var(--ok-soft);color:var(--ok)}.status-pill.closed{background:var(--danger-soft);color:var(--danger)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.brand-subtle{font-size:10px;color:#95a0ad}.wide{width:100%;margin-top:14px}.auth-wrap{max-width:500px;margin:7vh auto;padding:0 15px}.auth-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.auth-symbol{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:15px}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.page-title-row h1{font-size:25px;margin:0}.page-title-row p{margin:4px 0 0}.card-note{border-left:4px solid var(--accent);background:#fffaf0;padding:11px 13px;border-radius:8px;color:#6e571d;font-size:12px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form>div{flex:1;min-width:160px}.text-right{text-align:right}.amount-lg{font-size:24px;font-weight:900;color:var(--primary)}.amount-xl{font-size:42px;font-weight:950;letter-spacing:-1px;color:var(--primary)}.field-help{font-size:10px;color:var(--muted);margin-top:4px}.switch-line{display:flex;align-items:center;gap:10px;padding:9px 0}.switch-line input{width:auto}.switch-line label{margin:0}.payment-summary{background:#f6f9fb;border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:5px 0}.summary-row.total{border-top:1px dashed #c4ced9;margin-top:6px;padding-top:10px;font-size:17px;font-weight:900}.summary-row.charge{color:#8a6111}.row-actions{display:flex;gap:5px}.btn.small{padding:6px 9px;font-size:11px}.btn.icon{width:34px;height:34px;padding:0}.empty-state{text-align:center;padding:34px 15px;color:var(--muted)}.empty-state b{display:block;color:#415064;margin-bottom:4px}.receipt-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px}.receipt-paper{background:#fff;color:#000;font-family:"Courier New",monospace;font-size:11px;padding:4mm;box-shadow:0 7px 28px rgba(0,0,0,.12);line-height:1.3}.receipt-paper.w58{width:58mm}.receipt-paper.w80{width:80mm}.receipt-paper .center{text-align:center}.receipt-paper .brand-r{font-size:18px;font-weight:900;letter-spacing:2px}.receipt-paper .copy-mark{display:inline-block;border:1px solid #000;padding:1px 5px;font-weight:bold;margin-left:5px}.receipt-paper hr{border:0;border-top:1px dashed #000;margin:6px 0}.receipt-paper .r{display:flex;justify-content:space-between;gap:8px}.receipt-paper .item-name{margin-top:5px}.receipt-paper .tiny{font-size:9px}.receipt-paper .strong{font-weight:900}.receipt-actions{display:flex;justify-content:center;gap:8px;margin:16px auto 30px}.receipt-pagebreak{page-break-before:always;margin-top:24px}.form-section{padding:12px 0;border-top:1px solid var(--border)}.form-section:first-child{border-top:0}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;background:#eef3f7;color:#536273}.badge.gold{background:var(--accent-soft);color:#8a6111}.badge.green{background:var(--ok-soft);color:var(--ok)}.badge.red{background:var(--danger-soft);color:var(--danger)}.locked-banner{background:#fff1f0;border:1px solid #f1c2bd;color:#8f1d14;border-radius:11px;padding:12px 14px;margin-bottom:15px;font-weight:700}.quick-card.disabled{opacity:.55;pointer-events:none}.modal-close{margin-left:auto}.modal-card h3{margin:0}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.modal-table td{font-size:12px}.scanner-status{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-size:11px;font-weight:800}.scanner-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.danger-link{color:var(--danger)}.search-toolbar{display:grid;grid-template-columns:180px 1fr;gap:9px}.receipt-choice{display:flex;gap:7px;justify-content:center;margin-bottom:8px}.receipt-choice a{padding:5px 9px;border:1px solid #c9d2dc;border-radius:7px;font-size:11px}.receipt-choice a.active{background:#172638;color:#fff;border-color:#172638}.closing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.closing-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.closing-card small{color:var(--muted)}.closing-card strong{display:block;font-size:20px;margin-top:4px}.list-plain{margin:0;padding:0;list-style:none}.list-plain li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #d9e0e7}.list-plain li:last-child{border-bottom:0}.hero-status{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hero-status .status-pill{background:rgba(255,255,255,.12);color:#fff}.qty-input{max-width:82px}.promo-input{max-width:92px}.mobile-menu-btn{display:none}.sidebar-overlay{display:none}
@media(max-width:850px){.topbar-clock{display:none}.closing-grid{grid-template-columns:1fr}.search-toolbar{grid-template-columns:1fr}.mobile-menu-btn{display:inline-flex;margin-right:8px}.sidebar.mobile-open{display:block;position:fixed;left:0;top:70px;width:250px;z-index:90}.sidebar-overlay.open{display:block;position:fixed;inset:70px 0 0 0;background:rgba(0,0,0,.35);z-index:80}.page-title-row{align-items:flex-start;flex-direction:column}.amount-xl{font-size:34px}}
@media print{body{background:#fff}.receipt-shell{padding:0}.receipt-paper{box-shadow:none;padding:0;width:auto!important}.receipt-pagebreak{margin:0;page-break-before:always}@page{margin:2mm}}

/* ANGGUN production refinements */
.brand-logo-wrap{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(19,32,47,.16)}.brand-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain}.brand-logo-sm{width:40px;height:40px;flex:0 0 40px}.brand-logo-login{width:92px;height:92px;box-shadow:0 18px 38px rgba(0,0,0,.18);border:3px solid rgba(255,255,255,.78)}.login-brand-panel .brand-logo-login+.eyebrow{margin-top:22px}
.money-input{font-variant-numeric:tabular-nums;text-align:right}.table-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin:0 2px 9px}.pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.pagination a{padding:7px 10px;border:1px solid #cbd4de;border-radius:7px;background:#fff;font-size:11px;font-weight:750}.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination a.disabled{pointer-events:none;opacity:.42}
.payment-modal-card{width:min(760px,96vw)}.payment-fox-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}.payment-fox-main{border-right:1px solid var(--border);padding-right:24px}.pay-line{display:grid;grid-template-columns:165px minmax(0,1fr);gap:12px;align-items:center;margin:8px 0}.pay-line>label{margin:0;font-size:13px}.pay-line input,.pay-line select{margin:0}.pay-readonly{background:#dff9f8!important;color:#083f50!important;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.pay-total-final{font-size:17px}.pay-dual{display:grid;grid-template-columns:minmax(0,1fr) auto 86px;gap:7px;align-items:center}.payment-type-line{grid-template-columns:minmax(0,1fr) 72px auto}.pay-percent-label{font-weight:900;color:#4a586a}.percent-input,.charge-display{text-align:right}.charge-display{background:#dff9f8!important;color:#0a5364!important;font-weight:850}.payment-points-panel{padding-top:4px}.points-title{font-size:13px;font-weight:900;color:#174f78}.points-balance{margin-top:7px;background:#dff9f8;border:1px solid #b8dddd;border-radius:8px;padding:10px;text-align:right;font-size:20px;font-weight:900;color:#0b4e61}.payment-points-panel label{font-size:12px}.pay-charge-note{margin:8px 0 0 177px;padding:8px 10px;border-radius:8px;background:#fff7df;color:#785817;font-size:11px}.payment-print-btn{margin-left:177px;margin-top:18px}.cash-summary-block{margin-top:14px;border-top:1px dashed #ccd5de;padding-top:9px}.cash-summary-block .subtotal-line{margin-top:7px;border-top:1px solid var(--border);padding-top:9px}.closing-production-grid{align-items:start}.cash-receipt .receipt-section-title{font-weight:900;margin:7px 0 3px}.cash-receipt .receipt-spacer{height:8px}.cash-receipt .receipt-grand-total{border-top:1px solid #000;padding-top:5px;margin-top:4px}
@media(max-width:700px){.payment-fox-layout{grid-template-columns:1fr}.payment-fox-main{border-right:0;padding-right:0}.payment-points-panel{border-top:1px solid var(--border);padding-top:15px}.pay-line{grid-template-columns:1fr;gap:5px}.pay-charge-note,.payment-print-btn{margin-left:0}.pay-dual{grid-template-columns:minmax(0,1fr) auto 78px}.payment-type-line{grid-template-columns:minmax(0,1fr) 65px auto}}