:root{color-scheme:light;--ink:#15253e;--navy:#112138;--navy2:#1c3454;--text:#1c2b40;--muted:#77879a;--bg:#f5f7fb;--card:#fff;--border:#e5eaf2;--primary:#3759e3;--primary-light:#edf0ff;--accent:#22b99b;--warn:#df9e23;--danger:#d85169;--shadow:0 8px 28px rgba(22,38,76,.055);--radius:15px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tah​oma,Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}input,textarea,select{color:var(--text)}:focus-visible{outline:3px solid #8fa7ff;outline-offset:2px}
.app-layout{display:flex;min-height:100vh}.sidebar{width:258px;background:linear-gradient(170deg,var(--navy),#172d4a);color:#f5f9ff;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:5px 0 24px #101d2d16;z-index:20}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #ffffff15}.brand-mark,.logo-large{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#548bff,#23ceb8);color:#fff;border-radius:13px;font-weight:900;letter-spacing:-.5px;box-shadow:0 7px 20px #2f59d93c}.brand strong{display:block;font-size:18px;font-weight:800;letter-spacing:.2px}.brand small{display:block;font-size:9px;color:#90a6c1;letter-spacing:2px}.shop-badge{margin:14px 13px;padding:12px;border-radius:12px;background:#ffffff12;display:flex;gap:10px;align-items:flex-start}.shop-badge b,.shop-badge small{display:block}.shop-badge b{font-size:12px}.shop-badge small{font-size:10px;color:#adbed0}.online-dot{display:block;margin-top:8px;background:#45e4aa;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #45e4aa29}.nav-scroll{overflow:auto;flex:1;padding:6px 12px}.nav-group-title{font-size:10px;letter-spacing:.4px;color:#8ba3c0;font-weight:700;margin:7px 12px 10px}.nav-links{display:grid;gap:2px}.nav-link{display:flex;gap:12px;align-items:center;border-radius:9px;color:#b3c5db;padding:9px 13px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s}.nav-link:hover{color:#fff;background:#ffffff0d;text-decoration:none}.nav-link.active{color:#fff;background:#3657a6;box-shadow:inset 3px 0 0 #7fe5c8}.nav-icon{display:grid;place-items:center;color:#9db8df;width:23px;height:23px;font-size:18px}.nav-link.active .nav-icon{color:#bffff0}.side-bottom{padding:14px;border-top:1px solid #ffffff16}.side-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.side-user strong,.side-user small{display:block}.side-user small{font-size:10px;color:#a3b5ca}.avatar{display:grid;place-items:center;background:#345587;color:#fff;width:37px;height:37px;border-radius:11px;font-weight:bold}.side-bottom .outline{color:#cdd9eb;border-color:#50667e;background:#ffffff0b}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--border);min-height:90px;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;gap:20px}.top-left{display:flex;align-items:center;gap:15px}.topbar h1{font-size:23px;margin:0;font-weight:850}.topbar p{margin:0}.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#7b8da2}.top-actions{display:flex;align-items:center;gap:12px}.live-tag,.date-chip{border:1px solid var(--border);border-radius:20px;padding:6px 11px;background:#f9fbfc;font-size:11px;color:#55667e;white-space:nowrap}.live-tag i{display:inline-block;background:#0bc18f;width:7px;height:7px;border-radius:50%;margin-left:5px}.content{padding:26px 30px 50px;flex:1;max-width:1640px;width:100%;margin:auto}.footer{padding:12px;text-align:center;font-size:11px;color:#8795a6}.mobile-menu{display:none}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:22px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.card-head h3{font-size:16px;margin:0;font-weight:800}.section-heading h2{font-size:18px}.section-heading p{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:7px;min-height:132px;box-shadow:var(--shadow)}.stat-card>span{font-size:12px;color:#718197}.stat-card strong{font-size:24px;color:var(--navy);line-height:1.4;font-weight:850}.stat-card small{color:var(--muted)}.stat-icon{font-size:22px;display:grid;place-items:center;width:37px;height:37px;border-radius:11px}.stat-icon.indigo{background:#edf0ff;color:#405be1}.stat-icon.emerald{background:#e1fbf3;color:#10a885}.stat-icon.amber{background:#fff5df;color:#db9a21}.stat-icon.rose{background:#fff0f2;color:#d65173}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 25px}.notice-list{display:grid;gap:12px}.notice-list>div{border-bottom:1px solid var(--border);padding:10px 0;display:flex;gap:9px;align-items:center;justify-content:space-between}.notice-dot{width:9px;height:9px;border-radius:50%;background:#a1aec1}.notice-dot.amber{background:#eca729}.notice-dot.rose{background:#ea6c79}.notice-dot.indigo{background:#6277e9}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.center{text-align:center}
.btn{border:1px solid transparent;padding:10px 17px;border-radius:10px;font-weight:750;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:filter .17s,background .17s;line-height:1.4;min-height:40px}.btn:hover{filter:brightness(.97);text-decoration:none}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 5px 13px #3659db24}.btn.outline{border-color:#d6def0;background:#fff;color:#3b5476}.btn.ghost{background:transparent;color:#647998}.btn.full{width:100%}.btn.small-btn{min-height:29px;padding:5px 10px;font-size:11px}.icon-button{border:1px solid var(--border);background:#fff;border-radius:9px;width:40px;height:40px;display:grid;place-items:center;font-size:19px}.alert{border-radius:11px;margin-bottom:18px;padding:12px 15px;border:1px solid}.alert.success{background:#eafbF7;border-color:#b9f2df;color:#146f5a}.alert.error{background:#fff2f2;border-color:#ffd1d1;color:#b42b48}.alert.warning{background:#fff7e4;border-color:#f9df9b;color:#885b13}.chip{display:inline-block;border-radius:20px;border:1px solid #e3e9f1;color:#65758d;font-size:11px;padding:3px 9px;background:#f7f9fc}.chip.good{background:#e9faf3;color:#0e8667;border-color:#c7f2dd}.chip.danger{background:#fff0f1;color:#c83852;border-color:#ffd3d8}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stack{display:grid;gap:14px}.span-2{grid-column:1/-1}.form-grid label,.stack label,.date-filter label{display:flex;flex-direction:column;gap:6px;color:#4a5c73;font-size:12px;font-weight:750}.form-grid label.check{display:flex;flex-direction:row;align-items:center}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.search-form input,.date-filter input,.date-filter select,.stock-picker input,.purchase-picker input,.stock-picker select,.purchase-picker select,.receipt-toolbar select{border:1px solid #dfe5ed;outline:none;background:#fff;width:100%;padding:11px 12px;border-radius:9px;font-size:13px;min-height:42px;max-width:100%;color:var(--ink);transition:border-color .17s}.form-grid input:focus,.stack input:focus,.form-grid textarea:focus,.search-form input:focus,.form-grid select:focus{border-color:#6986ee;box-shadow:0 0 0 3px #6e83e31c}.form-grid input[type=checkbox]{min-height:unset;width:16px;height:16px}.form-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:5px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.search-form input{min-width:170px}.search-form button{min-width:75px}
.table-wrap{width:100%;overflow-x:auto;border:1px solid #eef1f6;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;min-width:600px}th{background:#f8fafc;color:#6b7e97;font-weight:800;white-space:nowrap}td,th{border-bottom:1px solid #edf0f5;padding:12px 13px;vertical-align:middle}tbody tr:hover{background:#fbfcff}tbody tr:last-child td{border-bottom:0}td a{margin-left:8px;font-weight:750}.mono{font-family:monospace;direction:ltr;unicode-bidi:plaintext}.pager{display:flex;align-items:center;justify-content:space-between;color:#78899b;font-size:11px;margin:13px 0 17px}.pager>div{display:flex;gap:4px}.pager a{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;border:1px solid #dee4ed}.pager a.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.table-actions form{display:inline-flex;gap:3px;align-items:center;margin-left:7px}.tiny-input{max-width:65px!important;min-height:30px!important;padding:3px!important}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,1fr);gap:20px;align-items:start}.pos-catalog{min-width:0}.pos-catalog .search-input{width:100%;border:1px solid #d9e2ef;border-radius:9px;padding:13px;margin-bottom:12px;outline:none}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.filter-tabs button{border:1px solid #e3e9f4;color:#5d6e87;background:#fff;border-radius:22px;padding:6px 12px;font-size:11px}.filter-tabs button.active{background:var(--primary-light);border-color:#c6ccfe;color:#3458cb}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:750px;overflow:auto}.product-tile{min-height:134px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:6px;background:#fff;border:1px solid #e3e9f2;border-radius:13px;padding:13px;transition:transform .15s,border-color .15s}.product-tile:hover{border-color:#7990e5;transform:translateY(-2px)}.product-tile strong{font-size:12px}.product-tile b{color:#3354ce;margin-top:auto}.product-tile .tile-icon{display:grid;place-items:center;background:#f0f4fb;color:#4a68ce;border-radius:10px;width:35px;height:35px;font-size:17px}.product-tile[data-stock="0"]{opacity:.52}.cart-panel{position:sticky;top:18px}.cart-lines{max-height:450px;overflow:auto;display:grid;gap:8px;min-height:65px}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f7f9fd;border:1px solid #e5eaf3;padding:10px;border-radius:9px}.cart-item-name{flex:1;min-width:0;overflow-wrap:anywhere}.cart-item-name strong{display:block;font-size:12px}.cart-item-name small{color:#8796ab}.cart-item-qty{display:flex;gap:4px;align-items:center}.cart-item-qty button{width:24px;height:24px;background:#fff;border:1px solid #d6e1f3;border-radius:6px}.cart-summary{display:grid;gap:10px;background:#f8faff;padding:14px;border-radius:10px}.cart-summary>div{display:flex;align-items:center;justify-content:space-between}.cart-summary .total-row{border-top:1px dashed #cbd6e7;padding-top:10px;font-weight:bold}.total-row strong{font-size:20px;color:var(--primary)}.empty-state{background:#f8fafc;color:#90a0b6;border-radius:10px;padding:25px;text-align:center}.purchase-picker,.stock-picker{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin-bottom:15px}.stock-picker{grid-template-columns:2fr 1fr auto}.purchase-picker input,.stock-picker input{min-width:0}.notice-list strong{color:var(--ink)}.date-filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.date-filter label{min-width:145px}.big-number{font-size:32px;font-weight:800;color:var(--primary)}
.details-list{display:grid;gap:2px;margin:12px 0}.details-list>div,.receipt-totals>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ebeff5;padding:10px 1px;overflow-wrap:anywhere}.details-list strong,.details-list b{max-width:66%;text-align:left}.timeline{border-right:2px solid #dce5f2;padding-right:16px;margin:8px}.timeline>div{position:relative;padding:4px 2px 15px}.timeline>div:before{content:'';position:absolute;right:-23px;top:9px;background:var(--primary);border:3px solid #dce7ff;width:10px;height:10px;border-radius:50%}.timeline p{margin:3px 0;color:#667c94;font-size:12px}.timeline small{color:#a2aec0}.qr-box{display:flex;justify-content:center}.qr-code{width:190px;height:190px;max-width:100%;margin:10px auto}.qr-code svg{width:100%;height:100%}.link-box{display:flex;gap:8px}.link-box input{flex:1;min-width:0;direction:ltr;text-align:left}.page-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.print-cards{display:flex;gap:10px;flex-wrap:wrap}.print-size{border:1px solid var(--border);min-width:110px;background:#fff;border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:5px}.print-size.active{border:2px solid var(--primary);background:#f7f9ff}.label-preview{text-align:center;border:1px dashed #b5c2da;max-width:300px;margin:15px;padding:15px}.barcode-font{font-family:monospace;font-size:16px;letter-spacing:2px;margin:10px}.receipt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:820px;margin:20px auto}.receipt-toolbar label{display:flex;align-items:center;gap:9px}.receipt-toolbar select{max-width:140px}.receipt-page{max-width:820px;background:#fff;margin:0 auto 35px;padding:40px;border:1px solid #dce4ee;border-radius:10px;box-shadow:var(--shadow);color:#1c2b40}.receipt-head{text-align:center;padding-bottom:25px;border-bottom:2px solid #344a70}.receipt-head h1{font-size:25px;margin:0}.receipt-head p{margin:5px 0}.receipt-page table{margin:22px 0;min-width:0}.receipt-totals{max-width:375px;margin-right:auto}.receipt-footer{text-align:center;margin-top:25px;border-top:1px dashed #b9c7d6;padding-top:15px}.receipt-qr{text-align:center;direction:ltr}.receipt-qr .qr-code{width:135px;height:135px}.receipt-page .details-list{margin:12px 0}.receipt-page .details-list>div{font-size:12px}
.login-outer{min-height:100vh;display:grid;grid-template-columns:1.03fr 1fr;background:#fff}.login-hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12%;background:radial-gradient(circle at 20% 20%,#385b9b 0,transparent 40%),linear-gradient(135deg,#10263f,#19294b 70%,#173c57);color:#fff;min-height:100vh}.logo-large{width:70px;height:70px;font-size:28px;margin-bottom:18px}.login-hero h1{font-size:49px;margin:12px 0}.login-hero p{font-size:18px;color:#b3c6de;max-width:470px}.login-perks{display:flex;flex-wrap:wrap;gap:8px;max-width:430px;margin-top:20px}.login-perks span{padding:8px 13px;border:1px solid #456184;border-radius:25px;color:#dce8f5;font-size:12px}.login-panel{max-width:460px;width:100%;margin:auto;padding:40px}.login-panel h2{font-size:29px;margin:6px 0}.login-panel .stack{margin-top:27px}.login-panel .btn{margin-top:10px}.login-panel>.small{margin-top:35px}.track-outer{min-height:100vh;display:grid;place-items:center;padding:30px}.track-card{max-width:500px;width:100%;border:1px solid #e1e9f3;border-radius:22px;background:#fff;padding:30px;box-shadow:var(--shadow)}.track-heading{display:flex;align-items:center;gap:12px}.track-heading h1{font-size:21px;margin:0}.track-card h1{font-size:23px}.track-status{background:#edf7f9;color:#1a6b70;border-radius:14px;text-align:center;padding:25px 12px;margin:25px 0}.track-status h2{margin:7px 0;font-size:22px}.track-status p{margin:0;font-size:12px;color:#638a93}.track-circle{font-size:30px}.public-note{background:#f8fafc;border-right:4px solid #21b5ad;border-radius:9px;padding:12px 15px;margin:20px 0}.public-note p{margin:5px 0}.platform-wrap{max-width:1150px;margin:auto;padding:30px}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.license-code{direction:ltr;text-align:left;font-family:monospace;font-size:20px;user-select:all;overflow-wrap:anywhere;padding:12px;background:#fff;border-radius:10px;margin-top:10px}
@media(max-width:1300px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1070px){.sidebar{position:fixed;right:-280px;top:0;height:100dvh;transition:right .25s}.sidebar.open{right:0}.backdrop.show{position:fixed;inset:0;background:#0e1c32a6;z-index:19}.mobile-menu{display:grid}.content{padding:18px}.topbar{padding:13px 18px}.pos-layout{grid-template-columns:1fr 335px}} 
@media(max-width:800px){.two-col,.pos-layout{grid-template-columns:1fr}.cart-panel{position:static}.product-grid{grid-template-columns:repeat(3,1fr)}.topbar h1{font-size:20px}.login-outer{grid-template-columns:1fr}.login-hero{min-height:250px;padding:34px 30px}.login-hero h1{font-size:31px}.login-hero p{font-size:14px}.login-perks{margin-top:0}.login-panel{padding:25px}.top-actions .date-chip{display:none}}
@media(max-width:560px){.content{padding:13px}.card{padding:15px;margin-bottom:12px;border-radius:12px}.stats-grid{gap:9px}.stat-card{padding:12px;min-height:112px}.stat-card strong{font-size:17px;overflow-wrap:anywhere}.topbar{min-height:72px}.topbar h1{font-size:18px}.top-actions .live-tag{font-size:9px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.purchase-picker,.stock-picker{grid-template-columns:1fr 1fr}.purchase-picker select,.stock-picker select{grid-column:1/-1}.purchase-picker button,.stock-picker button{grid-column:1/-1}.date-filter label{min-width:120px;flex:1}.receipt-page{padding:15px;margin:0 10px 20px}.receipt-toolbar{padding:10px;margin-bottom:10px}.receipt-page table{font-size:10px}.login-hero{min-height:210px}.track-card{padding:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{body{background:#fff!important}.sidebar,.topbar,.footer,.receipt-toolbar,.page-toolbar,.btn,.nav-links,.search-form,.pager{display:none!important}.main,.content{display:block;padding:0;margin:0}.receipt-page{border:0;box-shadow:none;margin:0 auto;padding:4mm!important;max-width:100%;border-radius:0}.card{border:0;box-shadow:none;break-inside:avoid}.receipt-page table{font-size:11px}.receipt-page .details-list>div{padding:6px 0}body.paper-thermal .receipt-page{width:76mm!important;max-width:76mm!important;font-size:10px;padding:1mm!important}body.paper-thermal .receipt-page h1{font-size:15px}body.paper-thermal .receipt-page table{font-size:9px}body.paper-thermal .receipt-page th,body.paper-thermal .receipt-page td{padding:3px 1px}body.paper-a5 .receipt-page{max-width:148mm}body:not(.paper-thermal) .receipt-page{max-width:210mm}.page-toolbar+*{margin-top:0}}

[hidden]{display:none!important}

.receipt-logo{max-height:70px;max-width:180px;object-fit:contain;display:block;margin:0 auto 8px}

.barcode-font svg{width:100%;height:85px;max-width:270px}.copies-input{width:85px;padding:7px;border:1px solid var(--border);border-radius:8px}.label-sheet{display:none}@media print{body.label-print .app-layout,body.label-print>.footer{display:none!important}body.label-print .label-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;width:100%}body.label-print .label-sheet .label-preview{margin:0;break-inside:avoid;padding:3mm;max-width:100%;font-size:11px}body.label-print .label-sheet .barcode-font svg{height:26mm}}

.payment-split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:560px){.payment-split{grid-template-columns:1fr 1fr}}

/* ---------- 8bits Plus v1.1 — responsive touch-first design system ---------- */
:root{--ink:#132641;--navy:#0c2038;--navy2:#162e49;--text:#192c46;--muted:#71829a;--bg:#f2f6fb;--card:#fff;--border:#e3eaf4;--primary:#365cf5;--primary-light:#ecf1ff;--accent:#14b8a6;--warn:#edaa41;--danger:#db4964;--shadow:0 12px 32px rgba(17,38,79,.047);--radius:18px}
body{font-family:system-ui,Tahoma,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;letter-spacing:0;line-height:1.6}
.app-layout{background:radial-gradient(circle at 55% -20%,#e7efff 0,transparent 45%),var(--bg)}
.sidebar{width:268px;background:linear-gradient(185deg,#0e2340 0,#101f35 85%);box-shadow:8px 0 28px #0e214026;border-left:1px solid #ffffff11}
.brand{height:95px;padding:20px 19px;gap:11px}
.brand-mark,.logo-large{background:linear-gradient(140deg,#2776ed 0%,#245ce8 42%,#12c8ae 100%);border-radius:14px;box-shadow:0 12px 22px #2c67ed2a;font-size:18px}
.brand strong{font-size:20px;letter-spacing:-.6px}.brand small{font-size:9px;letter-spacing:2px;color:#8baec8}
.shop-badge{border:1px solid #ffffff12;background:#ffffff0b;margin:10px 12px 16px;padding:14px}
.nav-scroll{padding:4px 11px}.nav-links{gap:3px}.nav-link{font-size:13px;border:1px solid transparent;padding:10px 12px;gap:12px;min-height:43px;border-radius:11px;color:#bdcde0}
.nav-link:hover{background:#ffffff12}.nav-link.active{background:linear-gradient(90deg,#3558deaa,#284977);color:#fff;border-color:#ffffff16;box-shadow:inset 3px 0 #31e2c0,0 7px 18px #00000010}
.nav-icon{width:23px;flex:0 0 23px}.side-bottom{padding:14px 13px;background:#081b2d4d}
.topbar{min-height:95px;padding:16px 30px;background:#ffffffd9;backdrop-filter:blur(12px);position:relative;z-index:3}
.topbar h1{font-size:25px;letter-spacing:-.5px}.topbar p{margin-top:2px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#7990ac}
.content{padding:28px 30px 55px;max-width:1800px}
.card{border:1px solid #e1e9f5;box-shadow:0 12px 28px #162d5010;border-radius:20px;padding:24px;margin-bottom:18px}
.card-head h3{font-size:18px;letter-spacing:-.3px}.card-head{align-items:center;min-height:24px}
.stat-card{min-height:154px;border-radius:18px;border:1px solid #e3eaf6;padding:22px;gap:7px;transition:transform .16s,box-shadow .16s}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 38px #152d5212}
.stat-card strong{font-size:27px;letter-spacing:-.6px}.stat-icon{width:42px;height:42px;border-radius:13px}
.quick-actions .btn,.checkout-button{min-height:48px}
.btn{border-radius:11px;min-height:43px;font-size:13px;letter-spacing:0;padding:10px 16px;font-weight:750}
.btn.primary{background:linear-gradient(120deg,#4068fc,#3151dc);box-shadow:0 9px 18px #355de32c}
.btn.outline{border-color:#d7e2f3}.btn.ghost{color:#526c8b}.btn.danger-outline{border-color:#ffd2da;color:#be3654;background:#fff8f9}
.btn:focus-visible,button:focus-visible,input:focus-visible,.picker-trigger:focus-visible{outline:3px solid #8ccdf9;outline-offset:2px}
.form-grid label,.stack label{font-size:12px;font-weight:750;color:#526984;gap:7px}
.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.search-form input,.date-filter input,.stock-picker input,.purchase-picker input,.stock-picker select,.purchase-picker select{min-height:47px;border-radius:12px;border:1px solid #dce5f2;background:#fdfefe;padding:10px 13px;font-size:13px}
.form-grid input:focus,.stack input:focus,.form-grid select:focus,.stack select:focus{background:#fff;border-color:#6f8bff;box-shadow:0 0 0 3px #365cf519}
.form-grid textarea,.stack textarea{min-height:80px;resize:vertical}
.table-wrap{border-color:#e8eef7;border-radius:13px}
th{background:#f6f8fc;color:#5d7493;text-transform:none;font-size:11px;letter-spacing:.1px}td,th{padding:13px 14px}tbody tr:hover{background:#f4f8ff}
.alert{border-radius:13px;box-shadow:0 3px 8px #1a2b4610}.chip{border-radius:999px;font-weight:750}
.stats-grid{gap:15px}.two-col{gap:16px}.page-toolbar{margin-bottom:16px}
/* Premium touch POS */
.pos-topnote{display:flex;align-items:center;gap:9px;color:#446580;padding:9px 15px;margin-bottom:18px;border:1px solid #cfe8e9;border-radius:12px;background:#effbfa;font-size:12px;font-weight:650}
.pos-pulse{height:9px;width:9px;border-radius:50%;background:#13b89b;box-shadow:0 0 0 4px #13b89b23}
.pos-kbd{direction:ltr;display:inline-block;border:1px solid #b9d8dc;padding:1px 7px;border-radius:5px;background:#fff;font-family:monospace;color:#496c81}
.pos-layout{grid-template-columns:minmax(0,1.7fr) minmax(355px,.92fr);gap:17px;align-items:start}
.pos-catalog{min-width:0}.pos-search-label{display:flex;align-items:center;gap:8px;background:#f8faff;border:1px solid #dfe8f5;border-radius:13px;margin-bottom:16px;padding:0 15px}
.pos-search-label span{font-size:25px;font-weight:600;color:#6b85ad}.pos-catalog .search-input{min-width:0;margin:0;padding:13px 5px;border:0;background:transparent;box-shadow:none;outline:0;font-size:14px}
.filter-tabs{gap:7px;flex-wrap:nowrap;overflow:auto;padding-bottom:10px;scrollbar-width:thin}.filter-tabs button{flex-shrink:0;min-height:35px;padding:8px 13px;font-size:12px;border-radius:9px;font-weight:700}
.filter-tabs button.active{background:#345ff0;color:#fff;border-color:#345ff0;box-shadow:0 6px 14px #355de02e}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:780px}
.product-tile{min-height:189px;padding:14px;border-radius:15px;background:linear-gradient(160deg,#fff,#fcfdff);border:1px solid #dfe7f4;text-align:right;gap:9px;box-shadow:0 6px 16px #182f5109;align-items:stretch;transition:border-color .15s,transform .15s,box-shadow .15s}
.product-tile:hover:not(:disabled){border-color:#7a9afa;transform:translateY(-3px);box-shadow:0 14px 25px #3459cd1c}
.product-tile:active:not(:disabled){transform:scale(.985)}.product-tile:disabled{opacity:.55;cursor:not-allowed}
.tile-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.product-tile .tile-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#335bd8;background:linear-gradient(135deg,#e6eefe,#f4faff);font-size:22px;font-weight:800}
.tile-stock{font-size:11px;font-weight:800;padding:4px 9px;background:#e7faf3;border-radius:8px;color:#087f5e;white-space:nowrap}.tile-stock.low{background:#fff5dc;color:#aa7814}.tile-stock.out{background:#ffebef;color:#b33c51}
.product-tile .tile-name{font-size:14px;font-weight:800;line-height:1.45;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#203451}
.tile-meta{font-size:10px;color:#879ab1;line-height:1.5;min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}
.tile-meta span{font-family:monospace;unicode-bidi:plaintext}.tile-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:5px}
.tile-foot b{color:#315ad7;font-size:16px;font-weight:850}.tile-add{width:32px;height:32px;border-radius:9px;background:#ecf1ff;display:grid;place-items:center;font-size:22px;color:#345ce5;font-weight:550}
.cart-panel{top:12px;padding:19px}.cart-lines{max-height:405px;gap:9px;min-height:82px}.cart-panel .card-head{margin-bottom:12px}
.cart-counter{font-size:12px;background:#e8efff;color:#3159d2;min-width:25px;padding:3px 7px;border-radius:10px}
.cart-item{border:1px solid #e3eaf5;border-radius:12px;background:#f9fbff;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:8px;align-items:center}
.cart-item-name strong{font-size:13px;line-height:1.6}.cart-item-name small{display:block;font-size:10px}.cart-price-group{display:flex;align-items:center;gap:5px;justify-content:space-between;grid-column:1/2}
.cart-price-label{font-size:10px;color:#71829a;gap:2px;min-width:115px!important}.cart-price-input{width:110px!important;min-height:37px!important;padding:6px 9px!important;font-size:13px!important;font-weight:800;background:#fff!important;direction:ltr;text-align:left}.cart-price-input.invalid-price{border-color:#d82f52!important}
.cart-line-total{font-size:11px;font-weight:850;color:#3559dc;white-space:nowrap}
.cart-item-qty{justify-content:flex-end;gap:6px}.cart-item-qty button{width:35px;height:35px;border:1px solid #d7e0f0;border-radius:9px;font-size:19px;font-weight:800}.cart-item-qty b{min-width:18px;text-align:center}
.price-reset{background:#e7edf7;border:0;color:#657d9b;min-height:33px;border-radius:8px;grid-column:2;justify-self:end;width:35px;font-size:19px}
.customer-checkout{border-top:1px dashed #dae5f1;padding-top:14px}.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:8px;font-size:13px}
.customer-checkout .form-grid{gap:5px}.cart-summary{background:linear-gradient(150deg,#f3f7ff,#eaf0ff);border:1px solid #dbe5fa;border-radius:12px;padding:16px}.cart-summary .total-row strong{font-size:23px}
.checkout-button{font-size:15px;min-height:55px}.checkout-button:disabled{opacity:.6;cursor:not-allowed}
/* Dynamic category directory */
.management-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:5px 2px}
.management-heading h2{font-size:22px;margin:3px 0 0}.management-heading p{margin:3px 0 0;font-size:12px}
.categories-layout{grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr)}
.category-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.category-card{padding:13px;display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e2eaf5;border-radius:13px;background:linear-gradient(135deg,#fff,#fcfdff)}
.category-card.is-archived{opacity:.72}.category-emblem{display:grid;place-items:center;width:44px;height:44px;background:#edf2ff;color:#3760d9;font-size:22px;font-weight:800;border-radius:12px}
.category-detail strong{display:block;font-size:13px}.category-detail small{font-size:11px;color:#8a9bae}.category-commands{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:7px;border-top:1px solid #f1f4f9}
.inline-action{display:inline-flex;align-items:center;gap:4px}.inline-action .btn{min-height:31px;padding:4px 10px}
.table-actions .inline-action{display:inline-flex;vertical-align:middle}
/* Accessible buttons instead of ordinary selects for short lists. */
.visually-native-select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;border:0!important;pointer-events:none}
.choice-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.choice-button{border:1px solid #dbe4f3;background:#f9fbfe;min-height:39px;padding:7px 14px;border-radius:10px;color:#4e6583;font-size:12px;font-weight:750}
.choice-button.selected{background:#e9efff;color:#3159d5;border-color:#9eb4ff;box-shadow:inset 0 0 0 1px #aac0ff}
.smart-picker{position:relative}.picker-trigger{min-height:46px;border:1px solid #dce5f2;background:#fff;width:100%;text-align:right;padding:10px 14px;border-radius:11px;color:#243854;font-weight:700}
.picker-trigger:after{content:'⌄';float:left;color:#647e9e}.picker-menu{position:absolute;right:0;left:0;top:calc(100% + 5px);border:1px solid #dfe8f6;border-radius:12px;padding:10px;background:#fff;box-shadow:0 15px 40px #193b7532;z-index:13;max-height:285px}
.picker-menu[hidden]{display:none}.picker-menu input{width:100%!important;min-height:36px!important;padding:7px 10px!important;margin-bottom:7px;border:1px solid #d7e2f0;border-radius:8px}
.picker-options{max-height:205px;overflow:auto;display:grid;gap:3px}.picker-option{border:0;background:transparent;border-radius:8px;padding:8px 10px;text-align:right;min-height:33px;color:#334b6d}.picker-option:hover,.picker-option.active{background:#eef3ff;color:#3457dd}
/* Feedback, dialogs, and AJAX transition */
.app-toast{position:fixed;left:18px;bottom:18px;max-width:min(430px,calc(100vw - 36px));padding:14px 18px;border:1px solid #f6d0d5;border-radius:13px;background:#fff2f4;color:#9c284b;box-shadow:0 14px 35px #1834512c;z-index:1000;font-size:13px;font-weight:700}
.app-toast.success{background:#e8fbf3;border-color:#b5e9d5;color:#166c51}.app-toast[hidden]{display:none}
body.ajax-loading:before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#14c6aa,#325af4,#78aafe);z-index:200;animation:loadingpulse .7s ease-in-out infinite alternate}@keyframes loadingpulse{from{opacity:.3}to{opacity:1}}
.customer-dialog{border:1px solid #d9e4f2;border-radius:19px;background:#fff;padding:24px;width:min(440px,calc(100vw - 28px));box-shadow:0 25px 90px #1a2d5270;color:var(--text)}
.customer-dialog::backdrop{background:#07162b8f;backdrop-filter:blur(3px)}.customer-dialog .dialog-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:18px}
.login-hero{background:radial-gradient(circle at 12% 22%,#2566ad 0,transparent 39%),linear-gradient(140deg,#0d223c,#192d50 70%,#154e5c)}
.login-hero h1{letter-spacing:-1.5px}
@media(max-width:1380px){.pos-layout{grid-template-columns:minmax(0,1.4fr) minmax(340px,.95fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-cards{grid-template-columns:1fr}}
@media(max-width:1100px){.sidebar{position:fixed;right:-285px}.sidebar.open{right:0}.mobile-menu{display:grid}.pos-layout{grid-template-columns:1fr 360px}.cart-panel{position:sticky}.topbar{padding:15px 20px}}
@media(max-width:860px){.pos-layout,.categories-layout{grid-template-columns:1fr}.cart-panel{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.management-heading{flex-wrap:wrap}}
@media(max-width:610px){.content{padding:14px}.card{padding:16px;border-radius:16px;margin-bottom:12px}.topbar h1{font-size:20px}.topbar{min-height:80px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tile{padding:11px;min-height:167px}.product-tile .tile-name{font-size:12px}.tile-foot b{font-size:13px}.tile-stock{font-size:9px;padding:4px 6px}.tile-meta{font-size:9px}.category-cards{grid-template-columns:1fr}.cart-item{grid-template-columns:1fr auto}.pos-topnote{font-size:11px}.stats-grid{gap:9px}.stat-card strong{font-size:20px}}
@media print{.pos-topnote,.management-heading,.customer-dialog,.app-toast,.choice-buttons,.smart-picker{display:none!important}.visually-native-select{display:block!important;opacity:1!important;position:static!important;width:auto!important;height:auto!important}.topbar{position:static}}
.device-quick-types{display:flex;flex-wrap:wrap;gap:8px;align-items:center;grid-column:1/-1;margin-top:-5px}
.device-quick-types button{background:#f4f7ff;border:1px solid #dae5f5;border-radius:11px;min-height:40px;padding:8px 13px;font-size:12px;color:#456483;font-weight:750}
.device-quick-types button:hover,.device-quick-types button.active{border-color:#93adff;color:#345be5;background:#ecf1ff}
.sales-trend .card-head{margin-bottom:16px}.trend-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:190px;align-items:end;direction:ltr}
.trend-col{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.trend-value{font-size:10px;color:#7890aa;font-weight:700;white-space:nowrap}.trend-col small{font-size:10px;color:#8196ab;white-space:nowrap}
.trend-track{width:min(100%,70px);height:130px;display:flex;justify-content:center;align-items:flex-end;background:#f1f4f9;border-radius:9px 9px 4px 4px;overflow:hidden}
.trend-fill{width:100%;display:block;background:linear-gradient(0deg,#9fb9fa,#436ce9);border-radius:9px 9px 0 0;min-height:4px;transition:height .2s}.trend-fill.today{background:linear-gradient(0deg,#21baa7,#217ece)}
@media(max-width:600px){.trend-bars{gap:5px}.trend-value{font-size:8px}.trend-col small{font-size:9px}}

/* ── 8bits Plus v1.2: fast touch-first retail design system ───────────────── */
:root{--bg:#f0f4fa;--card:#fff;--ink:#15253e;--navy:#0d213d;--primary:#2859e5;--primary-light:#eaf0ff;--border:#dfe6f2;--muted:#667b96;--radius:20px;--shadow:0 12px 36px rgba(20,43,83,.065)}
html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #58aaf0!important;outline-offset:2px}
.app-layout{background:radial-gradient(circle at 27% -20%,rgba(145,177,244,.14),transparent 60%),#f2f5fa}
.sidebar{background:linear-gradient(165deg,#081c35 0%,#112e4b 60%,#09243c 100%);box-shadow:10px 0 45px #0b284529;width:258px}
.brand{height:94px;padding-inline:20px}.brand-mark{width:49px;height:49px;border-radius:15px;font-size:22px;background:linear-gradient(135deg,#2e62eb 5%,#19bcb6 95%);box-shadow:0 8px 20px #2467dc38}
.brand strong{font-size:19px}.nav-link{font-size:13px;border-radius:12px;min-height:43px;padding-inline:14px}.nav-link.active{background:linear-gradient(90deg,#245cbb,#2c63d7);box-shadow:inset 3px 0 #43e6b9,0 5px 13px #08142938}
.topbar{min-height:100px;background:linear-gradient(100deg,#fff,#fbfdff);border-bottom:1px solid #e1eaf6}.topbar h1{font-size:25px;letter-spacing:-.55px}.content{padding:24px 28px 52px;max-width:1900px}
.card{border:1px solid #e1e7f0;border-radius:20px;background:#fff;padding:22px;box-shadow:0 10px 32px rgba(18,45,86,.055)}.card-head{margin-bottom:20px}.card-head h3{font-size:17px;color:#173452}
.stat-card{border:1px solid #e4ebf5;background:linear-gradient(145deg,#fff,#fbfdff);min-height:142px;box-shadow:0 7px 20px #0e2f5a08}.stat-card strong{color:#122b4b}.quick-actions .btn{min-height:46px}
.btn{border-radius:12px;min-height:43px;font-weight:800}.btn.primary{background:linear-gradient(135deg,#2859e5,#356cf7);box-shadow:0 8px 17px #2d62e522}.btn.primary:hover{filter:none;background:linear-gradient(135deg,#2452d2,#2a62e6);transform:translateY(-1px)}
.btn.outline:hover{border-color:#b6c9e9;background:#f3f7ff}
.form-grid{gap:16px}.form-grid label,.stack label{color:#35506e;font-size:13px}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea,.stack input:not([type=checkbox]):not([type=radio]),.stack select,.stack textarea{min-height:47px;border-radius:12px;border-color:#d8e2ee;background:#fbfdff;font-size:14px}
.form-grid input:focus,.stack input:focus,.form-grid select:focus,.stack select:focus{background:#fff;box-shadow:0 0 0 4px #3769ea18;border-color:#5d80e9}.field-error .picker-trigger,.field-error .choice-buttons{outline:2px solid #ea7184;outline-offset:2px}
.form-actions .btn{min-width:165px}.table-wrap{border-radius:14px;border:1px solid #e6ecf4}th{background:#f5f8fe;color:#506b8a}td,th{padding:13px 15px}tbody tr:hover{background:#f7faff}
/* Product media, always optional: gradient avatar replaces missing image */
.pos-layout{grid-template-columns:minmax(0,1.7fr) minmax(370px,.95fr);gap:17px}.pos-catalog{padding:18px}.pos-topnote{background:#e9f7f4;color:#187d73;border:1px solid #c8eee4;border-radius:14px;padding:11px 16px;margin-bottom:13px;font-size:13px;font-weight:800}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:68vh;min-height:160px;overflow:auto;padding:3px}
.product-tile{min-height:210px;padding:11px 12px 14px;border:1px solid #e1e9f4;border-radius:17px;gap:9px;box-shadow:0 4px 14px #213e590b;background:#fff;overflow:hidden}
.product-tile .tile-header{height:86px;display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.tile-image{display:grid;place-items:center;min-width:80px;width:80px;height:80px;border-radius:15px;background:linear-gradient(138deg,#dfe9ff,#e5faf5);box-shadow:inset 0 0 0 1px #dce8f4;overflow:hidden}.tile-image img{width:100%;height:100%;object-fit:cover;display:block}.product-tile .tile-icon{background:transparent;width:100%;height:100%;font-size:34px;color:#275bb8}.product-tile .tile-stock{margin-top:6px;line-height:1.3;font-size:10px}
.product-tile .tile-name{font-size:14px;line-height:1.5;min-height:40px;color:#17314f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{font-size:11px;color:#7890a6;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-foot{border-top:1px solid #eff3f8;padding-top:9px}.tile-foot b{font-size:16px;color:#2458e2}.tile-add{width:33px;height:33px;border-radius:10px;background:linear-gradient(140deg,#2c5fe8,#4b7afe);box-shadow:0 3px 10px #2d64e52c;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
.product-tile:hover:not(:disabled){border-color:#7199e8;box-shadow:0 13px 32px #2859a81a}
.filter-tabs button{min-height:38px;font-weight:750;font-size:12px;padding:8px 13px;border-radius:11px}.filter-tabs button.active{border-color:#7397ee;box-shadow:0 0 0 2px #edf2ff;background:#eaf0ff}
.cart-panel{padding:18px;top:12px;border:1px solid #dbe4f1}.cart-item{border:1px solid #e4ecf6;border-radius:13px;background:#f7faff;gap:9px}.cart-price-input{font-weight:800}.cart-summary{background:#f3f7fd;padding:13px;border-radius:13px}.cart-summary .total-row{border-top:1px dashed #d8e5f4;padding-top:12px}.checkout-button{min-height:55px;border-radius:13px;font-size:15px}
.sale-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sale-type-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;border:1px solid #dbe5f3;border-radius:14px;padding:12px;background:#fbfdff;cursor:pointer;min-height:80px}.sale-type-option:has(input:checked){border-color:#4f7eec;background:#edf3ff;box-shadow:0 0 0 2px #dfe9ff}.sale-type-option input[type=radio]{accent-color:#2859e5;flex:none;width:18px;height:18px}.sale-type-option span{display:flex;flex-direction:column;gap:3px}.sale-type-option b{font-size:13px;color:#234261}.sale-type-option small{font-size:10px;color:#7085a0;line-height:1.5}.sale-due{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b55c2a;border-top:1px dashed #d7e2ee;padding-top:9px;margin-top:9px;font-size:12px;font-weight:750}.sale-due[hidden]{display:none}
/* Modern product management and optional safe upload */
.product-upload-label{display:grid!important;gap:10px;border:1.5px dashed #bdd2ee;border-radius:16px;padding:15px;background:#f7faff}.product-upload-label small{color:#748aa4;font-weight:500}.product-upload-label input[type=file]{width:100%;height:auto!important;min-height:48px!important;padding:10px!important;background:#fff!important}.product-image-preview{display:grid;place-items:center;width:min(100%,380px);height:150px;background:linear-gradient(135deg,#edf4ff,#e8faf7);border-radius:12px;color:#56759d;text-align:center;font-weight:700;overflow:hidden}.product-image-preview img{width:100%;height:100%;object-fit:contain}.product-list-name{display:flex;align-items:center;gap:10px}.product-thumb{width:44px;height:44px;flex:none;object-fit:cover;border-radius:11px;border:1px solid #d8e5f3}.product-fallback{display:grid;place-items:center;background:#eaf1ff;color:#285cba;font-weight:900}
/* Faster repair intake */
.device-quick-types button{min-height:43px;border:1px solid #d6e3f4;border-radius:12px;background:#f9fbff;font-weight:800;color:#345378}.device-quick-types button.active,.device-quick-types button:hover{background:#eaf0ff;color:#285cd7;border-color:#91b0ed}.required-star{color:#d64b66}.form-grid textarea[name=fault]{min-height:90px}
.management-heading{padding:12px 2px}.management-heading h2{font-size:26px}.category-card{border-radius:16px;box-shadow:0 4px 12px #122f4c09}.category-commands button,.category-commands .btn{min-height:39px}
@media(min-width:1550px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1300px){.pos-layout{grid-template-columns:minmax(0,1fr) minmax(345px,.88fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:550px}.cart-panel{position:static}}
@media(max-width:750px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:16px}.topbar{min-height:82px}.topbar h1{font-size:21px}.sale-type-picker{grid-template-columns:1fr 1fr}}
@media(max-width:475px){.content{padding:11px}.card{padding:13px;border-radius:14px}.product-grid{gap:8px}.product-tile{min-height:185px;padding:9px}.tile-image{width:59px;height:59px;min-width:59px}.product-tile .tile-header{height:64px}.product-tile .tile-name{font-size:12px;min-height:38px}.tile-foot b{font-size:13px}.tile-add{width:29px;height:29px}.sale-type-option{padding:8px;gap:5px}.sale-type-option b{font-size:11px}.sale-type-option small{font-size:9px}.form-grid,.two-inputs{grid-template-columns:1fr}.cart-panel{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sale-type-picker,.product-upload-label{display:none!important}}

/* ───────────────── 8bits Plus v1.3: compact adaptive interface ───────────────── */
:root{--surface:#fff;--surface-soft:#f5f8fd;--text:#1b2e4a;--heading:#152b49;--line:#dce5f0;--body-bg:#ecf2f8;--brand-main:#315fe6;--brand-contrast:#fff;--sidebar-bg:linear-gradient(155deg,#091c34,#142f4c);--muted-strong:#607996;color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--surface:#18283e;--surface-soft:#1d324b;--text:#dce9f7;--heading:#f2f7ff;--line:#3b536c;--body-bg:#0c1929;--brand-main:#7299ff;--brand-contrast:#081427;--sidebar-bg:linear-gradient(160deg,#07111f,#13263d);--muted-strong:#a9bdd3;--primary:#7299ff;--muted:#a5b8ce;--border:#344c67;--card:#18283e;--bg:#0c1929;--ink:#e9f3ff}
:root[data-theme=ocean]{color-scheme:light;--surface:#fff;--surface-soft:#ecfaf9;--text:#163e4e;--heading:#0e3345;--line:#cce5e3;--body-bg:#eef7f6;--brand-main:#008e91;--brand-contrast:#fff;--sidebar-bg:linear-gradient(170deg,#093843,#10505a);--muted-strong:#567b80;--primary:#008e91;--border:#cce5e3;--card:#fff;--bg:#eef7f6;--ink:#163e4e}
body,.app-layout{background:var(--body-bg)!important;color:var(--text)}
.app-layout{background-image:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--brand-main) 8%,transparent),transparent 45%)!important}
.sidebar{background:var(--sidebar-bg)!important}
.topbar{min-height:77px;padding:10px 23px;background:var(--surface)!important;border-color:var(--line)}
.topbar h1{color:var(--heading);font-size:23px}.topbar p{margin:1px 0}
.content{padding:17px 20px 28px;max-width:1920px}
.card{padding:17px!important;margin-bottom:13px;background:var(--surface)!important;border-color:var(--line)!important;border-radius:17px;box-shadow:0 6px 24px #001b3110!important;color:var(--text)}
.card-head{margin-bottom:12px;min-height:auto}.card-head h3,.section-heading h2,.management-heading h2{color:var(--heading)}
.form-grid{gap:11px!important}.stack{gap:11px}.form-grid input:not([type=radio]):not([type=checkbox]),.form-grid textarea,.form-grid select,.stack input:not([type=radio]):not([type=checkbox]),.stack textarea,.stack select,.search-form input,.smart-picker .picker-trigger{min-height:43px!important;background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
.form-grid label,.stack label{color:var(--muted-strong)}.table-wrap{border-color:var(--line)}th{background:var(--surface-soft)!important;color:var(--muted-strong)!important}td{border-color:var(--line)}.table-wrap table{background:var(--surface);color:var(--text)}tbody tr:hover{background:var(--surface-soft)!important}
.stat-card,.cart-item,.cart-summary,.sale-type-option,.details-list,.track-status{background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--text)}
.stat-card strong,.sale-type-option b,.cart-item strong,.details-list strong,.card-head h3{color:var(--heading)!important}
.btn.primary,.filter-tabs button.active{background:var(--brand-main)!important;color:var(--brand-contrast)!important;border-color:var(--brand-main)!important}
.btn.outline,.btn.ghost,.filter-tabs button,.device-quick-types button{color:var(--text);border-color:var(--line);background:var(--surface-soft)}
.btn.outline:hover,.filter-tabs button:hover,.device-quick-types button:hover{background:color-mix(in srgb,var(--brand-main) 10%,var(--surface))}
.theme-switch{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--text);min-height:40px;padding:7px 11px;font-weight:800;white-space:nowrap}.theme-switch:hover{border-color:var(--brand-main)}
.top-actions{gap:8px}.product-grid{gap:10px;min-height:0;max-height:66vh}.product-tile{min-height:195px;padding:11px;border-color:var(--line);background:var(--surface)!important;color:var(--text);border-radius:15px}.product-tile .tile-name{color:var(--heading)!important}
.product-tile .tile-header{height:90px;align-items:flex-start}.tile-image{width:85px!important;height:85px!important;min-width:85px!important;border-radius:16px;overflow:hidden;background:linear-gradient(140deg,#e9f2ff,#e5faf5)}.tile-image img{width:100%;height:100%;object-fit:contain;padding:4px}.product-tile .tile-icon{width:100%;height:100%;display:grid;place-items:center;font-size:38px;filter:drop-shadow(0 5px 7px #122e5122);background:linear-gradient(135deg,#e0edff,#dff8ee)}
.product-tile .tile-name{min-height:0}.tile-stock{font-size:10px}.tile-foot{padding-top:9px;border-top:1px solid var(--line)}.tile-foot b{color:var(--brand-main)}.tile-add{background:var(--brand-main)!important;color:var(--brand-contrast)}
.pos-search-label{background:var(--surface-soft);border-color:var(--line)}.pos-search-label input{color:var(--text)!important}
.pos-topnote{padding:9px 12px;margin-bottom:10px}.filter-tabs{padding-bottom:7px}.pos-layout{gap:12px}.pos-catalog,.cart-panel{padding:14px!important}
.template-picker{grid-column:1/-1}.field-heading{font-weight:850;color:var(--heading);margin-bottom:9px}.field-heading small{font-weight:500;color:var(--muted-strong);margin-inline-start:8px}
.template-touch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.template-touch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:117px;padding:12px;border:1.5px solid var(--line);background:var(--surface-soft);border-radius:15px;color:var(--text);transition:transform .16s,border-color .16s}.template-touch>span{font-size:31px}.template-touch b{font-size:12px}.template-touch small{font-size:10px;opacity:.7;text-align:center}.template-touch:hover,.template-touch.active{border-color:var(--brand-main);background:color-mix(in srgb,var(--brand-main) 10%,var(--surface));transform:translateY(-2px)}
.tracking-consent{grid-column:1/-1;display:flex!important;flex-direction:row!important;gap:12px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:14px;background:var(--surface-soft);cursor:pointer}.tracking-consent input{width:21px;height:21px;min-height:21px;accent-color:var(--brand-main);flex:none}.tracking-consent span{display:grid}.tracking-consent b{color:var(--heading)}.tracking-consent small{font-size:11px;color:var(--muted-strong)}
.fee-editor{border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);padding:12px}.fee-editor .two-inputs{margin-top:8px}
.invoice-reference{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--line)}.invoice-reference b{direction:ltr;color:var(--brand-main)}.invoice-reference a{margin-inline-start:auto}
.track-outer{min-height:100dvh;background:radial-gradient(circle at 30% 0%,color-mix(in srgb,var(--brand-main) 18%,transparent),transparent 55%),var(--body-bg);padding:clamp(12px,4vw,36px)}.track-card{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 24px 65px #08182e20;border-radius:24px;max-width:660px;margin:auto}.track-card h1,.track-card h2{color:var(--heading)}.track-heading{padding-bottom:17px;border-bottom:1px solid var(--line)}.track-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:20px 0}.track-stepper span{text-align:center;font-size:11px;font-weight:700;padding:9px 5px;border-radius:9px;background:var(--surface-soft);color:var(--muted-strong)}.track-stepper span:first-child{background:color-mix(in srgb,var(--brand-main) 15%,var(--surface));color:var(--brand-main)}
:root[data-theme=dark] .live-tag,:root[data-theme=dark] .date-chip,:root[data-theme=dark] .chip,:root[data-theme=dark] .customer-dialog,:root[data-theme=dark] .picker-menu,:root[data-theme=dark] .picker-trigger,:root[data-theme=dark] .product-tile,:root[data-theme=dark] .pos-catalog .search-input{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme=dark] .tile-icon{background:linear-gradient(135deg,#284d70,#205961)}
@media(max-width:1100px){.content{padding:13px}.topbar{padding:11px 14px}.product-grid{max-height:none}.pos-layout{grid-template-columns:1fr}}
@media(max-width:650px){.theme-switch{padding:5px 9px}.theme-switch span{display:none}.topbar{gap:7px}.topbar h1{font-size:19px}.content{padding:9px}.card{padding:12px!important;margin-bottom:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tile{min-height:178px;padding:9px}.product-tile .tile-header{height:68px}.tile-image{width:63px!important;height:63px!important;min-width:63px!important}.product-tile .tile-icon{font-size:30px}.tile-stock{font-size:9px}.product-tile .tile-name{font-size:12px}.template-touch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-reference a{margin-inline-start:0}.top-actions .date-chip{display:none}}
@media print{.theme-switch{display:none!important}.receipt-page,.receipt-page *{color:#000!important;background:#fff!important}.track-outer{background:#fff!important}}
/* v1.4 — dense and accessible catalog + stable desktop/mobile layout */
:root{--radius-ui:16px}
.content{padding:16px 20px 32px;background:var(--body-bg)}
.card{border-radius:var(--radius-ui);box-shadow:0 8px 28px #102e510a}
.sidebar{background:var(--sidebar-bg)!important;min-height:0;overflow:hidden}
.nav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#567798 transparent;overscroll-behavior:contain;padding:4px 9px}
.sidebar .side-bottom{flex-shrink:0;background:#0f2741;border-top:1px solid #35516a}
.nav-links{gap:3px}.nav-link{min-height:37px;padding:7px 11px;font-size:12px;border-radius:10px}.nav-link.active{background:linear-gradient(105deg,#2c65d8,#1e80aa);box-shadow:inset 3px 0 #34e0c9,0 3px 12px #0002}
.sidebar .brand{height:75px;min-height:75px}.sidebar .shop-badge{margin:10px 10px 7px}
.pos-layout{gap:12px}.pos-catalog,.cart-panel{padding:14px}.filter-tabs{gap:5px;margin-bottom:10px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;gap:9px!important;max-height:none!important;overflow:visible!important;min-height:0!important;padding:2px!important}
.product-tile{min-height:166px!important;padding:9px!important;gap:5px!important;border-radius:13px!important;transition:transform .15s ease,box-shadow .15s ease}
.product-tile:hover{box-shadow:0 6px 20px #25446a19;transform:translateY(-2px)}
.product-tile .tile-header{height:66px!important;width:100%;display:flex;align-items:flex-start;justify-content:space-between}
.product-tile .tile-image{width:66px!important;min-width:66px!important;height:66px!important;border-radius:13px!important;display:grid;place-items:center}
.product-tile .tile-image img{width:100%;height:100%;object-fit:contain!important;object-position:center;padding:5px!important}
.product-tile .tile-icon{font-size:28px!important;background:transparent!important}
.product-tile .tile-name{font-size:12px!important;line-height:1.4;min-height:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-tile .tile-meta{font-size:9px;line-height:1.2;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-tile .tile-foot{width:100%;padding-top:6px}.product-tile .tile-foot b{font-size:13px!important}
.product-tile .tile-add{width:27px;height:27px;border-radius:8px;font-size:18px}
.catalog-pager{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:14px 0 0;margin-top:12px;border-top:1px solid var(--line)}
.catalog-pager .btn{min-height:33px;padding:5px 12px}.catalog-pager label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-strong)}.catalog-pager select{min-height:34px;width:72px;padding:3px 6px}
.cart-qty-input{width:65px!important;min-width:65px!important;max-width:80px;text-align:center!important;direction:ltr;min-height:35px!important;padding:4px!important;font-size:13px!important;font-weight:800}
.cart-item-qty{flex-wrap:wrap}.page-size-form{display:inline-flex;align-items:center}.page-size-form label{display:flex;align-items:center;gap:7px;font-size:12px}.page-size-form select{width:74px;min-height:30px;padding:2px 5px}.pager{flex-wrap:wrap;gap:9px}
.designer-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}
.designer-controls{display:grid;gap:13px}.designer-controls>label{display:grid;gap:6px;font-weight:650;font-size:12px}.designer-controls input,.designer-controls select,.designer-controls textarea{max-width:100%}.designer-controls .quick-actions{flex-wrap:wrap}
.designer-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.designer-checks label{display:flex;align-items:center;gap:7px;font-size:12px}.designer-checks input{width:auto;min-height:auto}
.designer-preview{--print-accent:#315dec;margin:auto;background:#fff;color:#1a2839;min-height:390px;width:min(100%,570px);padding:24px;border:1px solid #dce4ec;border-radius:8px;box-shadow:0 13px 35px #172c451b;font-size:12px}
.designer-preview[data-paper=thermal]{max-width:330px;padding:16px}.designer-preview[data-paper=a5]{max-width:450px}.designer-preview[data-paper=a4]{max-width:570px}
.designer-demo-head{text-align:center;border-bottom:2px solid var(--print-accent);padding-bottom:12px}.designer-demo-logo{background:var(--print-accent);color:#fff;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;margin:0 auto 6px}.designer-demo-head h2{color:#1a2839}.designer-preview h3{margin:13px 0;color:var(--print-accent)}.designer-preview table{width:100%;border-collapse:collapse;margin:12px 0}.designer-preview th,.designer-preview td{padding:7px;border-bottom:1px solid #e1e6ee;text-align:right}
.designer-preview .details-list>div{padding:7px 0}.designer-notes-preview{border-top:1px dashed #bac5d6;padding-top:8px;margin-top:16px}.designer-notes-preview p{margin:4px 0}.designer-credit{display:block;text-align:center;margin-top:15px;color:#6b788c}
.designer-preview[data-style=minimal] .designer-demo-logo{display:none}.designer-preview[data-style=classic] .designer-demo-head{border:2px double var(--print-accent);padding:14px}.receipt-page[data-style=modern] .receipt-head{border-bottom:2px solid var(--print-accent)}.receipt-page[data-style=classic]{border:2px solid var(--print-accent)}
.receipt-custom-notes{border-top:1px dashed #aeb9c9;margin-top:13px;padding-top:10px;font-size:11px}.receipt-custom-notes p{margin:5px 0}.hide-print{display:none!important}
:root[data-theme=dark] .content{background:var(--body-bg)}:root[data-theme=dark] .cart-item,:root[data-theme=dark] .cart-summary{background:var(--surface-soft);border-color:var(--line)}
@media(max-width:1000px){.designer-layout{grid-template-columns:1fr}.sidebar{position:fixed;height:100dvh;right:-290px;top:0}}
@media(max-width:650px){.content{padding:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-tile{min-height:156px!important}.designer-checks{grid-template-columns:1fr 1fr}.catalog-pager{gap:5px}.catalog-pager .btn{font-size:11px;padding:5px 8px}}
@media print{.receipt-custom-notes{break-inside:avoid}.receipt-page{--print-accent:#315dec}.receipt-page[data-style=modern] .receipt-head{border-bottom:2px solid var(--print-accent)}}

/* Final UI polish — consistent rhythm on desktop, tablets and touch screens. */
:root{--radius-ui:15px}
.content{padding:18px 22px 30px}
.card{margin-bottom:14px;border-radius:15px;padding:17px;box-shadow:0 8px 26px #173a5910}
.card-head{margin-bottom:13px}
.stats-grid{gap:12px;margin-bottom:14px}
.stat-card{min-height:116px;gap:8px;padding:18px;position:relative;overflow:hidden;background:var(--surface)!important}
.stat-card::before{content:"";position:absolute;inset-inline-start:0;top:0;width:3px;height:100%;background:linear-gradient(#3078e8,#20c9bc);opacity:.85}
.stat-card strong{letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.sidebar .brand{border-bottom-color:#ffffff1a}
.sidebar .nav-scroll{scrollbar-width:thin;scrollbar-color:#477195 transparent}
.sidebar .nav-link{border:1px solid transparent;transition:background .15s,border-color .15s}
.sidebar .nav-link:hover{background:#ffffff12;border-color:#ffffff1b;color:#fff}
.sidebar .nav-link.active{background:linear-gradient(100deg,#2359bf,#267cba);border-color:#ffffff23}
.sidebar .side-bottom{padding:12px 14px;background:transparent}
.sidebar .shop-badge{border:1px solid #ffffff14}
.pos-topnote{margin-bottom:11px}
.pos-layout{gap:13px}
.product-tile{box-shadow:0 3px 12px #1a4e7510}
.product-tile:focus-visible,.nav-link:focus-visible,.btn:focus-visible{outline:3px solid #2dbead;outline-offset:2px}
.tile-image img{object-fit:contain!important;object-position:center!important}
.designer-layout .designer-preview{box-shadow:0 13px 30px #1b385220}
.designer-preview[data-style=minimal] .designer-demo-head{border-bottom:1px solid #d5dfeb}
.receipt-page[data-style=minimal] .receipt-head{border-bottom:1px solid #dce5ef}
@media(min-width:1500px){.content{max-width:1820px}.pos-layout{grid-template-columns:minmax(0,1.75fr) minmax(355px,.85fr)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important}}
@media(max-width:1000px){.content{padding:14px}.card{padding:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.content{padding:9px}.card{padding:12px;margin-bottom:10px}.stat-card{padding:12px;min-height:108px}.stats-grid{gap:8px}.quick-actions{gap:7px;margin:12px 0 17px}.designer-layout{gap:10px}.designer-preview{padding:14px}.sidebar{width:min(310px,88vw)}}
@media print{.content{padding:0!important}.receipt-page{box-shadow:none!important}.receipt-custom-notes:empty{display:none!important}.sidebar,.topbar,.footer{display:none!important}}

/* v1.6 financial documents and print identity */
.brand-upload-preview{display:flex;align-items:center;gap:12px;padding:11px;background:var(--surface,#f6f8fe);border:1px solid var(--border);border-radius:15px;margin-bottom:12px}.brand-upload-preview img{width:65px;height:65px;object-fit:contain;border-radius:10px}.brand-upload-preview span{color:var(--muted,#718398);font-size:12px}
.receipt-banner,.designer-visual-banner{display:block;width:100%;max-height:115px;object-fit:contain;margin:10px auto}.designer-visual-logo{width:76px;height:76px;object-fit:contain;border-radius:10px;margin:0 auto 8px;display:block}.designer-preview{min-height:420px}.designer-credit,.receipt-footer small{display:block;font-weight:800;line-height:1.7;font-size:12px;color:#151515!important;opacity:1!important}
.account-identity{display:flex;align-items:center;gap:16px;border-bottom:2px solid #28496c;padding:0 0 20px;margin-bottom:20px}.account-identity>img{width:85px;height:85px;object-fit:contain;border-radius:12px}.account-identity h2{margin:4px 0;font-size:24px}.account-identity p{margin:0;color:var(--muted,#66758a)}.account-identity>div:last-child{margin-right:auto;text-align:left}.account-identity small{display:block;color:var(--muted,#66758a)}
.account-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0}.account-balance-grid>div{padding:16px;border:1px solid #dfe6f0;border-radius:13px;background:#f3f7fd}.account-balance-grid span{display:block;font-size:12px;color:#60718a}.account-balance-grid strong{font-size:21px;display:block;margin-top:5px}.statement-item{font-size:11px;color:#617087;padding:3px 8px;border-right:2px solid #8bacdd;margin-top:4px}.account-table{min-width:850px}.account-total{display:flex;justify-content:space-between;gap:15px;margin:12px 0;padding:15px;border-top:2px solid #2b63bc;font-weight:800}.account-credit{text-align:center;border-top:1px dashed #a9b9c7;padding-top:12px;font-weight:800;color:#131b29}
@media(max-width:600px){.account-identity{gap:8px}.account-identity>img{width:48px;height:48px}.account-identity h2{font-size:17px}.account-balance-grid{grid-template-columns:1fr}.account-balance-grid strong{font-size:17px}}
@media print{.receipt-footer small,.designer-credit{font-size:11px!important;font-weight:900!important;color:#000!important}.account-toolbar,.no-print,.sidebar,.topbar,.footer,.pager{display:none!important}.statement-print{padding:3mm!important;margin:0!important;box-shadow:none!important;border:none!important}.statement-print .table-wrap{overflow:visible!important}.statement-print .account-table{width:100%;min-width:0;font-size:10px}.account-table thead{display:table-header-group}.account-table tr{break-inside:avoid}.account-credit{color:#000!important}.statement-print .account-balance-grid>div{background:#fff!important}.receipt-banner{max-height:25mm!important}body.paper-thermal .receipt-footer small{font-size:10px!important;line-height:1.4!important}}

.brand-img{object-fit:contain!important;background:#17191d!important;padding:3px;border:1px solid #e0bf68;border-radius:13px}.sidebar .brand{gap:13px}.sidebar .brand-mark{box-shadow:0 5px 24px #d6af3132}.login-hero .logo-large.brand-img{width:96px;height:96px;border-radius:24px}.receipt-head .receipt-logo{width:auto;max-height:80px;max-width:180px;object-fit:contain}.receipt-head{background:transparent}

@media print{#customer-statement~.card{display:none!important}#customer-statement~section{display:none!important}}

/* v1.6: responsive searching for the full stock catalog */
.stock-picker #stock-search{grid-column:1/-1;width:100%;min-width:0}.stock-picker #stock-product{min-width:0}.account-credit{font-size:11px;font-weight:800;text-align:center}.receipt-footer small{display:block;font-size:11px;font-weight:800;color:#17233e}.statement-print .account-balance-grid{gap:12px}
@media print{.receipt-footer small{font-size:10pt!important;font-weight:900!important;color:#000!important}.account-credit{font-size:10pt!important;color:#000!important}}

.report-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:5px 0 18px}.report-stat{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg);display:grid;gap:8px}.report-stat span{font-size:12px;color:var(--muted)}.report-stat strong{font-size:19px;overflow-wrap:anywhere;color:var(--text)}@media(max-width:640px){.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 8bits Plus v1.7 — Tracking, account summaries, document workshop */
:root{--accent-repair:#078d90}
.receipt-customer-summary{margin:10px 0 14px;padding:13px;border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;min-height:65px}
.finance-customer-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.finance-customer-identity strong{font-size:15px;color:var(--heading)}
.finance-customer-identity span,.finance-summary-placeholder{color:var(--muted-strong);font-size:12px}
.finance-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:11px}
.finance-mini-card{background:var(--surface);border:1px solid var(--line);padding:12px 9px;border-radius:12px;display:grid;gap:5px;min-width:0}
.finance-mini-card span{font-size:11px;color:var(--muted-strong)}.finance-mini-card strong{font-size:14px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--heading)}
.debt-balance{color:#bb4250}.credit-balance{color:#058968}
.approval-history{display:grid;gap:10px;margin-top:14px}.approval-record{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:13px}
.approval-record>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.approval-record small{color:var(--muted)}.approval-record p{margin:6px 0;white-space:pre-line}.approval-reply{border-right:3px solid var(--brand-main);padding:8px 10px;background:var(--surface)}
.tracking-premium{max-width:870px;padding:clamp(17px,3.4vw,35px)!important;overflow:hidden}
.tracking-premium .track-heading{display:flex;align-items:center;gap:16px;justify-content:flex-start}
.tracking-premium .track-heading img{width:68px;height:68px;object-fit:contain;flex-shrink:0}
.tracking-premium .track-hero{text-align:center;border:1px solid #cfebec;background:linear-gradient(145deg,#e9faf8,#f4faff);padding:23px 15px;border-radius:19px;margin:18px 0;color:#0f4252}
.track-caption{text-transform:uppercase;font-size:12px;color:#09888a;font-weight:800;letter-spacing:.5px}
.tracking-premium .track-hero h2{margin:6px 0;font-size:27px;color:#0c3448}.tracking-premium .track-hero p{margin:0 0 5px}.tracking-premium .track-hero small{color:#547e90}
.track-stepper-enhanced{margin:20px 0 24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.track-stepper-enhanced span{border-radius:12px;padding:12px 6px;background:#edf3f8;color:#506c80}.track-stepper-enhanced span.is-active{background:#def7f2;color:#057d77}
.track-block{padding:19px 2px;border-bottom:1px solid var(--line);margin:0}.track-block:last-of-type{border-bottom:0}
.track-block>h3{font-size:17px;color:var(--heading);margin:0 0 13px}
.track-fee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.track-fee-grid>div{display:grid;gap:7px;background:#f3f8fa;padding:14px 12px;border:1px solid #e2ecee;border-radius:13px;min-width:0}
.track-fee-grid span{font-size:12px;color:#627e8e}.track-fee-grid strong{font-size:15px;color:#123c52;overflow-wrap:anywhere}
.track-approval{padding:17px;border:1px solid #dfe6ef;background:#fcfdff;border-radius:15px;margin-bottom:12px}
.track-approval.pending{border-color:#f0d9aa;background:#fffaf0}.track-approval.approved{border-color:#b6e4ca}.track-approval.rejected{border-color:#f4c4c7}
.track-approval-header{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-bottom:10px}
.track-approval-header strong{color:#17394d;font-size:14px}.track-approval-header small{color:#6e849b}
.track-approval>p{white-space:pre-line;font-size:14px;line-height:1.8}
.track-approval-cost{display:inline-block;padding:8px 12px;border-radius:9px;background:#e8f3f8;color:#355a70;font-size:13px}
.public-approval-form{margin-top:16px;display:grid;gap:11px}.public-approval-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#38596b}
.public-approval-form textarea{resize:vertical;border:1px solid #bcd6df;border-radius:11px;padding:12px;min-height:95px;background:#fff;color:#152d40;width:100%}
.track-approval-buttons{display:flex;gap:9px;flex-wrap:wrap}.track-approval-buttons .btn{flex:1;min-width:150px}
.track-customer-note{padding:10px 13px;background:#f1f9fb;border-radius:11px;margin-top:12px}
.track-history{border-right:2px solid #d3e6ec;padding:4px 18px 1px 0;margin-right:8px}
.track-history-entry{position:relative;padding:0 11px 19px 0}.track-history-dot{position:absolute;right:-25px;top:5px;width:13px;height:13px;border-radius:50%;background:#0ea99d;border:3px solid #d8f3ee}
.track-history-entry b{color:#163b53}.track-history-entry p{font-size:13px;color:#526e82;margin:5px 0}.track-history-entry small{color:#8194a5;font-size:11px}
.track-footer{text-align:center;padding-top:16px;font-size:12px;color:var(--muted)}
/* Designer: clear grouped controls, true-width preview and independent element controls */
.designer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;margin-top:5px;border-top:1px solid var(--line)}
.designer-section-heading h4{margin:0;font-size:14px;color:var(--heading)}.designer-section-heading span{font-size:11px;color:var(--muted)}
.designer-controls .designer-checks-advanced{background:var(--surface-soft);border-radius:13px;padding:13px;gap:11px}
.designer-controls .designer-checks-advanced label{background:var(--surface);border:1px solid var(--line);padding:9px;border-radius:10px;font-weight:700;cursor:pointer}
.designer-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px}.designer-metrics label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted-strong)}
.designer-order-editor{display:grid;gap:6px}.designer-order-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.designer-order-row span{flex:1;font-weight:700;font-size:12px}.designer-order-row button{width:33px;height:32px;min-height:32px!important;padding:3px!important}
.designer-preview{box-sizing:border-box!important;overflow:hidden!important;font-size:var(--receipt-font-size,12px)!important;max-width:100%;background:#fff!important;color:#21334a!important}
.designer-preview[data-paper=thermal]{width:min(100%,calc(var(--thermal-preview-width,72mm) * 1.1));padding:12px}
.designer-preview[data-paper=a5]{width:min(100%,148mm)}.designer-preview[data-paper=a4]{width:min(100%,210mm)}
.designer-preview *{box-sizing:border-box;max-width:100%}
.designer-preview table{min-width:0!important;width:100%!important;table-layout:fixed;border-collapse:collapse;overflow-wrap:anywhere}
.designer-preview table th,.designer-preview table td{padding:5px 3px!important;font-size:0.9em!important;white-space:normal!important;overflow-wrap:anywhere}
.designer-preview h2{font-size:1.45em!important}.designer-preview h3{font-size:1.1em!important}
.designer-preview .designer-demo-head{text-align:center}.designer-preview[data-text-align=start] .designer-demo-head{text-align:right}.designer-preview[data-text-align=end] .designer-demo-head{text-align:left}
.designer-preview .designer-visual-logo{width:var(--logo-size,58px)!important;height:var(--logo-size,58px)!important;object-fit:contain;display:block;margin:0 auto 7px}
.designer-preview .designer-visual-banner{display:block;max-height:110px;max-width:100%;object-fit:contain;margin:6px auto}
.designer-preview .designer-meta{margin:10px 0}.designer-preview .designer-meta>div{padding:4px 0;font-size:.95em}
.designer-preview .designer-total{padding:8px 0;display:grid;gap:3px;border-top:1px solid #d9e3ef;color:var(--print-accent)}
.designer-preview .designer-total strong{font-size:1.12em}.designer-preview .designer-total small{color:#60788e}
.designer-qr-sample{margin:9px auto;padding:10px;border:1px dashed #aabacb;text-align:center;color:#75889a}
.designer-preview.designer-border{outline:1px solid var(--print-accent);outline-offset:-8px}
.designer-preview.designer-compact table,.designer-preview.designer-compact .details-list{margin:5px 0}
.designer-preview .designer-credit{font-size:11px!important;font-weight:900!important;color:#172b43}
/* Printable receipt: 72mm content by default on 80mm roll, no box width overflow. */
.receipt-page{box-sizing:border-box;font-size:var(--receipt-font-size,12px)!important}
.receipt-page,.receipt-page *{min-width:0;overflow-wrap:anywhere;box-sizing:border-box}
.receipt-page table{min-width:0!important;width:100%!important;table-layout:fixed}
.receipt-page .receipt-logo{width:var(--logo-size,58px)!important;max-height:var(--logo-size,58px)!important;object-fit:contain}
.receipt-page .receipt-head{text-align:center}.receipt-page[data-text-align=start] .receipt-head{text-align:right}.receipt-page[data-text-align=end] .receipt-head{text-align:left}
.receipt-page.receipt-bordered{border:2px solid var(--print-accent)!important}.receipt-page.receipt-compact .receipt-head{padding-bottom:7px}
.receipt-page.receipt-compact .details-list{margin:6px 0}.receipt-page.receipt-compact .details-list>div{padding:4px 0}.receipt-page.receipt-compact table{margin:10px 0}
.statement-print-title{margin:0 0 12px}.statement-print-title h2{font-size:20px}
.statement-print-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-bottom:10px}
.statement-print-actions span{font-size:11px;color:var(--muted-strong)}
@media(max-width:760px){.track-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.tracking-premium{padding:15px!important}.track-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-stepper-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary-grid{grid-template-columns:1fr 1fr}.designer-metrics{grid-template-columns:1fr}}
@media print{
 html,body{margin:0!important;padding:0!important;background:#fff!important}
 .statement-print{break-inside:auto!important;page-break-inside:auto!important;padding:8mm!important}
 .statement-print .table-wrap{overflow:visible!important}
 .statement-print table{width:100%;border-collapse:collapse;table-layout:fixed}
 .statement-print th,.statement-print td{overflow-wrap:anywhere!important;white-space:normal!important;padding:3px 5px!important}
 .statement-print tr{break-inside:avoid}.statement-print thead{display:table-header-group}
 .statement-print-title{display:none}
 body.paper-thermal .receipt-page{width:var(--thermal-width,72mm)!important;max-width:var(--thermal-width,72mm)!important;min-width:0!important;padding:1.5mm!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.paper-thermal .receipt-page table{width:100%!important;max-width:100%!important;min-width:0!important;border-collapse:collapse!important;table-layout:fixed!important;margin:2mm 0!important}
 body.paper-thermal .receipt-page th,body.paper-thermal .receipt-page td{font-size:9px!important;padding:1.4mm .4mm!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.paper-thermal .receipt-page h1{font-size:15px!important}
 body.paper-thermal .receipt-page .receipt-head{padding:0 0 2mm!important}
 body.paper-thermal .receipt-page .receipt-footer{padding:2mm 0 0!important;margin-top:3mm!important}
 body.paper-thermal .receipt-page .receipt-footer small{font-size:10px!important;font-weight:900!important;line-height:1.45!important}
 body.paper-thermal .receipt-page .receipt-banner{max-height:22mm!important;object-fit:contain!important}
 body.paper-thermal .receipt-page .receipt-qr{max-width:100%!important}
 .designer-test-print .designer-preview{border:0!important;box-shadow:none!important}
 .designer-test-print .designer-preview[data-paper=thermal]{width:var(--thermal-preview-width,72mm)!important;max-width:var(--thermal-preview-width,72mm)!important}
 .designer-test-print .designer-preview[data-paper=a5]{width:148mm!important}
 .designer-test-print .designer-preview[data-paper=a4]{width:210mm!important}
}
@media print{body.print-account .content>:not(#customer-statement){display:none!important}body.print-account .statement-print{display:block!important;width:100%!important;max-width:100%!important}.statement-print tr{break-inside:avoid!important}body.paper-thermal .receipt-footer small{font-size:11pt!important;overflow-wrap:anywhere!important}}
/* v1.8 — SaaS licensing centre and clearly separated sign-in portals */
.portal-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:22px 0 12px;background:#f0f5fb;border:1px solid #d8e5f0;border-radius:13px}.portal-switch a{padding:12px 8px;text-align:center;border-radius:10px;font-weight:800;font-size:13px;color:#60748b}.portal-switch a.active{background:#fff;color:#153c67;box-shadow:0 4px 15px #1b4f841a}.login-portal-note{font-size:12px;color:#6d829b;margin:18px 0 0;line-height:1.8}
.platform-professional{max-width:1480px;padding:32px clamp(14px,3vw,42px)}.platform-professional .platform-header{align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.platform-professional .platform-header h1{font-size:29px;margin:7px 0}.platform-professional .platform-header p{margin:0}.platform-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:20px}.platform-kpi{background:#fff;border:1px solid #dce7ed;border-radius:17px;padding:18px 16px;box-shadow:0 9px 20px #0c29450a;min-width:0}.platform-kpi span{display:block;color:#667d8e;font-size:12px;font-weight:650}.platform-kpi strong{display:block;font-size:27px;color:#103d53;margin-top:8px}.platform-create{background:#fff;border:1px solid #d9e8e6;border-radius:18px;box-shadow:0 8px 25px #0a39410c;margin-bottom:18px;overflow:hidden}.platform-create>summary{list-style:none;cursor:pointer;padding:20px;font-weight:850;color:#0c6070;font-size:16px}.platform-create>summary::before{content:'＋';display:inline-grid;place-items:center;width:32px;height:32px;background:#e6f8f4;margin-left:10px;border-radius:9px}.platform-create-inner{padding:0 20px 20px}.platform-professional .platform-create .form-grid{margin-top:8px}.platform-filters{display:flex;gap:8px;margin:10px 0 18px;flex-wrap:wrap}.platform-filters input{flex:1;min-width:215px}.platform-filters select{min-width:160px}.platform-filters input,.platform-filters select{height:44px;border:1px solid #dbe5e9;border-radius:10px;padding:8px 12px;background:#fbfdfe}.platform-professional .platform-list{padding:22px}.platform-table{min-width:900px}.platform-table td{vertical-align:middle}.platform-table td small{display:block;color:#8090a1;font-size:11px;direction:ltr;text-align:right;overflow-wrap:anywhere;margin-top:3px}.license-state{display:inline-block;border-radius:20px;padding:7px 10px;background:#eef3fb;color:#526481;font-size:11px;font-weight:800;white-space:nowrap}.license-state.state-active{background:#e4faf0;color:#087251}.license-state.state-warning{background:#fff5d9;color:#9c6710}.license-state.state-expired,.license-state.state-blocked{background:#ffebed;color:#b8334a}.license-state.state-unactivated,.license-state.state-paused{background:#e9f0fe;color:#315cb2}.license-manage{position:relative;min-width:130px}.license-manage>summary{cursor:pointer;background:#e7f5f6;border:1px solid #c9e4e5;color:#036671;border-radius:9px;padding:9px 10px;font-size:12px;font-weight:800;text-align:center}.license-manage[open]{min-width:240px}.license-manage-content{background:#f4f9fb;border:1px solid #d8e8ee;padding:12px;margin-top:7px;border-radius:13px;display:grid;gap:10px}.license-mini-form{padding-bottom:10px;border-bottom:1px solid #d9e5e8;display:grid;gap:7px}.license-mini-form:last-child{border:0;padding-bottom:0}.license-mini-form label{font-size:11px;display:grid;gap:4px;color:#52667b;font-weight:700}.license-mini-form input:not([type=checkbox]),.license-mini-form select{min-width:0;width:100%;border:1px solid #d5e2e9;background:white;border-radius:8px;padding:8px}.license-mini-form .btn{width:100%;min-height:34px}.license-danger{background:#fff5f5;padding:10px;border-radius:8px}.license-danger label{display:flex;flex-direction:row;gap:7px;align-items:flex-start;color:#9e283f}.license-danger label input{margin-top:2px}.license-danger button{border-color:#e7a6b0;color:#af354a}.platform-pagination{display:flex;justify-content:center;gap:7px;padding:18px 0 4px}.platform-pagination a{padding:7px 12px;border:1px solid #d7e3ec;border-radius:9px;color:#24536b}.platform-pagination a.active{background:#166e85;color:white;border-color:#166e85}.platform-events table{min-width:720px}.license-new-box{margin-bottom:17px}
@media(max-width:1150px){.platform-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.platform-professional{padding:14px}.platform-professional .platform-header h1{font-size:21px}.platform-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.platform-kpi{padding:13px}.platform-kpi strong{font-size:22px}.platform-filters input,.platform-filters select,.platform-filters button{width:100%}.platform-professional .platform-list{padding:11px}.platform-professional .card{margin-bottom:12px}}


/* ==========================================================
 * v1.9 — Single-domain retail suite / new premium interface
 * ========================================================== */
:root{--bg:#f2f6fc;--card:#ffffff;--border:#dfe8f1;--primary:#235bd8;--primary-light:#e9efff;--accent:#11b49e;--muted:#677b94;--text:#142f46;--shadow:0 10px 30px rgba(18,48,80,.055);--radius:19px}
body:not(.paper-thermal):not(.paper-a5):not(.paper-a4){-webkit-font-smoothing:antialiased}
.app-layout{background:radial-gradient(ellipse 75% 45% at 82% -7%,#dceafe 0%,transparent 72%),var(--bg)}
.sidebar{background:linear-gradient(178deg,#0b2138 0%,#0a3043 52%,#092334 100%);border-inline-start:1px solid #ffffff13;box-shadow:0 8px 30px #082e3224}
.sidebar .brand{min-height:88px;padding:16px 18px;border-bottom:1px solid #ffffff14}
.sidebar .brand strong{font-size:19px;letter-spacing:-.5px}
.sidebar .nav-scroll{scrollbar-width:thin;scrollbar-color:#45657a transparent;overscroll-behavior:contain;padding:9px 10px}
.sidebar .nav-links{gap:2px}.sidebar .nav-link{border:1px solid transparent;padding:9px 11px;min-height:41px;border-radius:11px;font-size:12.5px;transition:background .16s,border-color .16s,transform .16s}
.sidebar .nav-link:hover{background:#ffffff12;border-color:#ffffff12;transform:translateX(-1px)}
.sidebar .nav-link.active{background:linear-gradient(120deg,#1e7cadad,#2856a5);border-color:#76dcd033;box-shadow:inset -3px 0 #36d5ba,0 7px 15px #03182b2b;color:#fff}
.sidebar .side-bottom{background:#0518264c;border-top:1px solid #ffffff16;padding:12px 14px}
.sidebar .shop-badge{background:#ffffff0c;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0c}
.topbar{background:#ffffffea;border-bottom:1px solid #e1eaf5;min-height:90px;padding:17px clamp(14px,2.3vw,30px);backdrop-filter:blur(14px)}
.topbar h1{font-size:clamp(20px,2vw,25px);font-weight:850;letter-spacing:-.55px}
.content{padding:clamp(14px,2.2vw,27px);max-width:1760px}
.card{background:var(--card);border:1px solid var(--border);border-radius:19px;box-shadow:0 12px 29px #0f2d4910;padding:clamp(15px,1.6vw,22px);margin-bottom:15px}
.card-head{margin-bottom:14px;gap:10px}.card-head h3{font-size:17px}
.stats-grid{gap:12px;margin-bottom:16px}
.stat-card{padding:19px 21px;min-height:130px;border-radius:19px;border:1px solid #dce8f2!important;background:linear-gradient(140deg,#fff 0%,#f7fbff 100%)!important;box-shadow:0 8px 24px #0933540c;transition:transform .2s,box-shadow .2s}
.stat-card:nth-child(2){background:linear-gradient(140deg,#fff 0%,#f2fffb 100%)!important}
.stat-card:nth-child(3){background:linear-gradient(140deg,#fff 0%,#fffaf1 100%)!important}
.stat-card:nth-child(4){background:linear-gradient(140deg,#fff 0%,#fff6f9 100%)!important}
.stat-card::before{width:4px!important;background:linear-gradient(#1d7de3,#13c5b1)}
.stat-card .stat-icon{height:43px;width:43px;border-radius:14px;font-size:22px}
.stat-card strong{font-size:clamp(19px,2vw,28px);line-height:1.25}
.quick-actions{margin:9px 0 19px;gap:9px}.quick-actions .btn{min-height:42px}
.btn.primary{background:linear-gradient(120deg,#276bed,#1659c7);border:0;box-shadow:0 9px 18px #1659c72a}
.btn.primary:hover{filter:brightness(1.065)}.btn.outline{background:var(--card,#fff);border-color:#d8e4ef}
.table-wrap{border-radius:13px;overflow-x:auto}.table-wrap table{width:100%}th{background:#f3f7fb;color:#5b748e;letter-spacing:0;text-transform:none}tbody tr:hover{background:#edf7fc70}
.product-tile{box-shadow:0 5px 13px #0d3a5010;border-color:#dae8ef}.tile-image,.tile-icon img{object-fit:contain!important}
.product-grid{gap:10px}.pos-layout{gap:13px}.pos-catalog{min-width:0}.cart-panel{top:11px}
body.public-body{background:#eff5fb}
.single-login{background:linear-gradient(140deg,#eff6fb,#f6fbfd);grid-template-columns:minmax(340px,.9fr) minmax(420px,1fr);min-height:100dvh;gap:0}
.single-login .login-hero{background:radial-gradient(circle at 15% 9%,#267bb6bb,transparent 32%),radial-gradient(circle at 86% 90%,#0cbba24d,transparent 36%),linear-gradient(155deg,#0d2945 3%,#133a56 55%,#10233b);position:relative;overflow:hidden;padding:clamp(38px,6.5vw,110px);min-height:100dvh}
.login-hero-orbit{position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid #ffffff19;left:-160px;bottom:-230px;box-shadow:0 0 0 68px #ffffff06,0 0 0 140px #ffffff04;pointer-events:none}
.single-login .login-hero .brand-img{position:relative;z-index:1;max-width:105px;box-shadow:0 16px 36px #001a296e}
.single-login .login-hero h1{font-size:clamp(31px,4vw,55px);letter-spacing:-1.2px;line-height:1.25;max-width:590px}
.login-hero-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.1px;color:#9eeadd;border:1px solid #8fc3c342;background:#ffffff09;padding:7px 12px;border-radius:99px}
.single-login .login-hero p{line-height:1.9;color:#bfd5e5;font-size:16px}
.single-login .login-perks span{border-color:#77b5bd55;background:#ffffff0b;color:#e4f5f9}
.single-login .login-panel{margin:auto;max-width:505px;width:min(100%,505px);background:#fff;padding:clamp(25px,3.5vw,48px);border:1px solid #dce9f2;border-radius:24px;box-shadow:0 30px 75px #1134511c}
.login-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.login-secure-indicator{background:#e5faf2;color:#087f65;font-size:11px;font-weight:700;border-radius:99px;padding:5px 11px}
.single-login .login-panel h2{font-size:clamp(23px,2.4vw,30px);color:#142e48;margin:17px 0 8px}
.single-login .login-panel .stack{margin-top:26px;gap:15px}.single-login .login-panel .stack label{font-size:13px}
.single-login .login-panel .stack input{height:52px;border-radius:13px;background:#f8fbfe;border-color:#d9e5f0}
.single-login .login-panel .btn.primary{height:52px;border-radius:13px;margin-top:11px}
.single-login .login-portal-note{margin-top:22px;padding-top:16px;border-top:1px solid #edf2f6;font-size:12px;line-height:1.8}
.instance-platform{max-width:1190px;margin-inline:auto;padding:clamp(16px,3vw,38px)}
.instance-platform .platform-header{margin-bottom:16px}.instance-platform .platform-header h1{font-size:clamp(23px,3vw,32px)}
.instance-banner{display:flex;align-items:center;gap:17px;background:linear-gradient(113deg,#0e304b,#19516b 70%,#0e807f);border:1px solid #12526b;border-radius:21px;padding:clamp(18px,2.8vw,29px);box-shadow:0 15px 32px #0a426027;color:#fff;margin-bottom:16px;min-width:0}
.instance-banner-icon{flex:0 0 51px;width:51px;height:51px;border-radius:17px;background:#ffffff22;display:grid;place-items:center;font-size:26px}
.instance-banner>div:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.instance-banner span{color:#c4e4ec;font-size:12px}
.instance-banner strong{font-size:clamp(16px,2.2vw,23px);word-break:break-word;color:#fff;text-align:right}
.instance-banner small{font-size:11px;color:#bde1e6}
.instance-banner .instance-status{flex:0 0 auto;background:#e7fffa;color:#096958;border-radius:999px;padding:8px 14px;font-weight:850}
.instance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.instance-kpis .platform-kpi{padding:20px;min-height:138px;border:1px solid #deebf1;border-radius:18px;box-shadow:0 10px 24px #0e3d520b}
.instance-kpis .platform-kpi:nth-child(2){background:linear-gradient(125deg,#fafffe,#edfaf8)}
.instance-kpis .platform-kpi:nth-child(3){background:linear-gradient(125deg,#fff,#f2f7ff)}
.instance-kpis .platform-kpi strong{font-size:28px;margin:10px 0 0;overflow-wrap:anywhere}
.instance-kpis .platform-kpi strong small{display:inline;font-size:13px;color:#61798b}
.instance-kpis .platform-kpi>small{display:block;font-size:11px;margin-top:7px;color:#71879b}
.instance-kpis .platform-kpi .instance-shop-name,.instance-kpis .platform-kpi .instance-plan-name{font-size:clamp(17px,2vw,23px)}
.instance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch;margin:0 0 16px}
.instance-grid>.card{margin:0;min-width:0}.instance-grid .stack{gap:11px}.instance-grid .stack .btn{justify-self:stretch}
.instance-domain-info{display:grid;gap:8px;padding:12px 15px;margin-bottom:14px;background:#eef8f9;border:1px solid #d5eced;border-radius:13px;overflow-wrap:anywhere}
.instance-domain-info strong{font-size:15px;color:#135971;text-align:right}.instance-domain-info small{color:#67808c}
.confirm-row{display:flex!important;flex-direction:row;align-items:flex-start;gap:9px;line-height:1.6}.confirm-row input{width:16px;min-height:16px!important;margin:4px 0 0;flex:0 0 16px}
.instance-reissue{margin-top:14px;border-top:1px dashed #dbe5ee;padding-top:13px}.instance-reissue>summary{cursor:pointer;font-size:12px;font-weight:800;color:#a84b56;padding:5px}.instance-reissue .stack{margin-top:13px}
.instance-setup{max-width:900px;margin:0 auto}.instance-track-domain{background:#edf8f8;border:1px solid #cee6e8;padding:14px;border-radius:12px;display:grid;gap:4px}.instance-track-domain span{font-weight:800;color:#14637a;overflow-wrap:anywhere}.instance-track-domain small{color:#69818b}
:root[data-theme=dark] .app-layout{background:radial-gradient(circle at 80% -15%,#162f4c,transparent 42%),#0c1929}
:root[data-theme=dark] .card,:root[data-theme=dark] .stat-card{background:linear-gradient(140deg,#172a3e,#1a3044)!important;border-color:#31485c!important;color:#ecf5fd}
:root[data-theme=dark] .stat-card strong,:root[data-theme=dark] .card-head h3{color:#f5f9ff!important}
:root[data-theme=dark] .topbar{background:#18293c;border-color:#344b60}
:root[data-theme=dark] .table-wrap th{background:#22374a;color:#b8cfe1}
:root[data-theme=ocean] .app-layout{background:radial-gradient(ellipse at 78% 0%,#d5f0ee,transparent 55%),#edf7f6}
:root[data-theme=ocean] .stat-card{background:linear-gradient(140deg,#fff,#f1fcfa)!important;border-color:#d1e9e5!important}
@media(max-width:1000px){.single-login{grid-template-columns:1fr 1fr}.single-login .login-hero{padding:32px}.single-login .login-panel{margin:24px;max-width:100%;width:auto}.instance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:770px){.single-login{grid-template-columns:1fr}.single-login .login-hero{min-height:225px;padding:29px 25px}.single-login .login-hero h1{font-size:29px;margin:11px 0}.single-login .login-hero p{font-size:13px}.single-login .login-perks{margin-top:7px}.single-login .login-panel{margin:22px auto;max-width:min(92vw,520px)}.instance-grid{grid-template-columns:1fr}}
@media(max-width:560px){.content{padding:11px}.card{padding:14px;margin-bottom:11px}.topbar{min-height:75px;padding:10px 13px}.topbar h1{font-size:19px}.stat-card{min-height:106px;padding:13px!important}.stat-card strong{font-size:18px}.instance-banner{align-items:flex-start;gap:10px;flex-wrap:wrap}.instance-banner .instance-status{margin-inline-start:auto}.instance-kpis{gap:8px}.instance-kpis .platform-kpi{padding:13px;min-height:120px}.instance-kpis .platform-kpi strong{font-size:20px}.instance-platform{padding:12px}.single-login .login-panel{padding:24px}.quick-actions .btn{flex:1;text-align:center}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.single-login,.instance-platform{display:none!important}}

/* v2.0 — inventory valuation, responsive financial overview, corrected receipt structure */
.inventory-overview{margin:0 0 22px}.inventory-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;flex-wrap:wrap}.inventory-section-head h2{font-size:20px;line-height:1.45;margin:2px 0 4px;color:var(--ink)}.inventory-section-head p{margin:0;color:var(--muted-strong,#687d92);font-size:12px}.inventory-overview-actions{display:flex;flex-wrap:wrap;gap:8px}.inventory-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-stat{position:relative;display:flex;flex-direction:column;gap:9px;background:var(--card,#fff);border:1px solid var(--border,#dce6ef);border-radius:18px;padding:20px;min-width:0;box-shadow:0 8px 26px #14304d09;overflow:hidden}.inventory-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#06b7a8,#2b74de)}.inventory-stat:nth-child(5):before{background:#10a979}.inventory-stat:nth-child(7):before,.inventory-stat:nth-child(8):before{background:#e5a333}.inventory-stat-label{font-weight:800;font-size:12px;color:var(--muted-strong,#657990)}.inventory-stat-value{font-size:clamp(18px,1.75vw,25px);color:var(--ink);font-weight:900;line-height:1.35;overflow-wrap:anywhere;direction:rtl}.inventory-stat small{color:var(--muted-strong,#7790a0);font-size:11px}.inventory-analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px;align-items:stretch}.inventory-analysis-card{background:var(--card,#fff);border:1px solid var(--border,#dce6ef);border-radius:18px;padding:18px;min-width:0;box-shadow:0 8px 26px #14304d09}.inventory-analysis-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.inventory-analysis-title h3{font-size:15px;margin:0;color:var(--ink)}.inventory-analysis-title span{font-size:11px;color:var(--muted-strong,#71869e)}.inventory-category-list{display:grid;gap:14px}.inventory-category-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.inventory-category-top strong{font-size:13px}.inventory-meter{height:6px;border-radius:99px;background:var(--border,#dce4ed);overflow:hidden;margin:8px 0 5px}.inventory-meter>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#11b7a6,#2d63de)}.inventory-category small{color:var(--muted-strong,#6a7d94);font-size:11px}.inventory-top-table{width:100%;min-width:0!important}.inventory-top-table td,.inventory-top-table th{font-size:11px!important;padding:10px 6px!important}.inventory-top-table td:first-child small{display:block;color:var(--muted-strong,#6a7d94);margin-top:3px}.inventory-gain{color:#15946a;font-weight:800}.inventory-loss{color:#c64b55;font-weight:800}
.receipt-page .receipt-head{width:100%;order:0}.receipt-page .details-list{display:grid;grid-template-columns:1fr;margin:12px 0}.receipt-page .details-list>div{display:flex;align-items:flex-start;justify-content:space-between;direction:rtl;gap:10px;text-align:right}.receipt-page .details-list>div>b{max-width:65%;overflow-wrap:anywhere;text-align:left;direction:auto}.receipt-page .receipt-qr{display:flex;align-items:center;flex-direction:column;gap:2px;direction:rtl;max-width:100%}.receipt-page .receipt-qr small{font-size:11px;color:var(--ink)}.receipt-page .receipt-qr .qr-code{margin:6px auto 1px}
@media(max-width:1150px){.inventory-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-analysis-columns{grid-template-columns:1fr}}
@media(max-width:620px){.inventory-stat-grid{gap:8px}.inventory-stat{padding:14px;border-radius:13px}.inventory-stat-value{font-size:17px}.inventory-analysis-card{padding:12px;border-radius:13px}.inventory-section-head{align-items:flex-start}.inventory-section-head h2{font-size:17px}.inventory-top-table th,.inventory-top-table td{padding:8px 4px!important;font-size:10px!important}}
@media print{.inventory-overview-actions{display:none!important}.receipt-page .receipt-head{break-after:avoid}.receipt-page .receipt-qr .qr-code{width:31mm!important;height:31mm!important}.receipt-page .receipt-qr .qr-code svg{max-width:100%;max-height:100%}.inventory-analysis-card{break-inside:avoid}.inventory-stat{box-shadow:none!important}}