:root{--bg:#f3f6fb;--card:#fff;--text:#182033;--muted:#778198;--line:#e5eaf2;--brand:#5b5cf0;--brand2:#14b8a6;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--sidebar:#10172a}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.app-shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f172a,#172554);color:#dbe4ff;position:sticky;top:0;height:100vh;overflow:auto}.logo{height:72px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #ffffff12}.logo>span,.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#14b8a6);display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px}.logo small{display:block;color:#90a0c0}.sidebar nav{padding:12px}.sidebar nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;margin:2px 0;color:#bfc9df}.sidebar nav a i{width:22px;text-align:center;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 #5eead4}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.top-actions{display:flex;align-items:center;gap:8px}.top-actions select,.input,select,input,textarea{border:1px solid #d8dfeb;border-radius:9px;padding:9px 11px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid #c7d2fe;border-color:#818cf8}.user-chip{background:#f1f5f9;border-radius:999px;padding:8px 12px}.content{padding:22px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-head h1{margin:0;font-size:26px}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 24px #19213a0a;padding:18px}.kpi{display:flex;align-items:center;justify-content:space-between}.kpi strong{font-size:24px}.kpi .bubble{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,#5957e5,#6d5dfc);color:white}.btn.soft{background:#eef2ff;color:#4f46e5}.btn.success{background:#dcfce7;color:#047857}.btn.danger{background:#fee2e2;color:#b91c1c}.btn.warning{background:#fef3c7;color:#92400e}.btn.ghost{background:#f8fafc;color:#334155}.wide{width:100%}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px 12px;border-bottom:1px solid #edf1f6;text-align:left;white-space:nowrap}.table th{background:#f8fafc;font-size:12px;text-transform:uppercase;color:#6b7280;letter-spacing:.04em}.table tr:hover td{background:#fbfdff}.text-right{text-align:right!important}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-group label{display:block;font-size:12px;color:#64748b;margin:0 0 5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.alert{padding:11px 14px;border-radius:10px;margin-bottom:14px}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.alert.warning{background:#fef3c7;color:#92400e}.badge{padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800}.badge.green{background:#dcfce7;color:#047857}.badge.red{background:#fee2e2;color:#b91c1c}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.search{min-width:280px}.pos-layout{display:grid;grid-template-columns:1fr 430px;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{border-color:#818cf8;box-shadow:0 5px 18px #6366f122}.product-card b{font-size:15px}.cart{position:sticky;top:94px}.cart-total{font-size:28px;font-weight:900}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#7c3aed33,transparent 35%),radial-gradient(circle at 85% 70%,#14b8a633,transparent 35%),#0f172a}.login-card{width:min(420px,92vw);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 80px #0005}.login-card h1{margin-bottom:0}.login-card p{margin-top:4px;color:#64748b}.login-card label{display:block;margin:13px 0 5px;font-weight:700}.login-card input{width:100%}.brand-mark{margin-bottom:18px}.empty{padding:35px;text-align:center;color:#94a3b8}.chart-bars{display:flex;align-items:end;height:180px;gap:8px;padding-top:10px}.chart-bars div{flex:1;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:7px 7px 2px 2px;min-height:4px}.mobile-menu{display:none}.receipt{max-width:380px;margin:auto;background:#fff;padding:20px}.receipt h2{text-align:center}.receipt .line{display:flex;justify-content:space-between;margin:5px 0}@media(max-width:1100px){.cols-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-250px;z-index:20;width:232px;transition:.2s}.menu-open .sidebar{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 12px}.top-actions .user-chip,.top-actions form{display:none}.content{padding:14px}.cols-4,.cols-3,.cols-2,.form-grid{grid-template-columns:1fr}.span-2,.span-4{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}}@media print{.sidebar,.topbar,.no-print{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;border:0}}

/* ===== Classic PHP POS inspired dashboard ===== */
.pos-home-dashboard{margin:-4px 0 0}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:16px}.dashboard-stat-card{height:108px;background:#fff;border:1px solid #dcdfe4;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.13);display:flex;align-items:stretch;justify-content:space-between;overflow:hidden;transition:.16s ease}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.14)}.dashboard-stat-copy{padding:18px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center}.dashboard-stat-number{font-size:30px;line-height:1;font-weight:300;margin-bottom:13px}.dashboard-stat-label{font-size:15px;color:#454545;white-space:nowrap}.dashboard-stat-icon{width:86px;min-width:86px;display:grid;place-items:center;color:#fff}.dashboard-stat-icon svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-blue .dashboard-stat-number{color:#42a5f5}.stat-blue .dashboard-stat-icon{background:#42a5f5}.stat-green .dashboard-stat-number{color:#56cf45}.stat-green .dashboard-stat-icon{background:#5bd443}.stat-red .dashboard-stat-number{color:#f0555c}.stat-red .dashboard-stat-icon{background:#f0555c}.stat-orange .dashboard-stat-number{color:#ff8c19}.stat-orange .dashboard-stat-icon{background:#fb9224}.dashboard-welcome{text-align:center;font-size:15px;font-weight:700;color:#3d3d3d;margin:14px 0 10px}.dashboard-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.dashboard-shortcut{height:50px;background:#fff;border:1px solid #d7d7d7;border-radius:4px;display:flex;align-items:center;color:#8a8a8a;box-shadow:0 1px 2px rgba(0,0,0,.02);transition:.15s}.dashboard-shortcut:hover{border-color:#bfc7d3;color:#555;box-shadow:0 2px 7px rgba(0,0,0,.08)}.shortcut-icon{width:56px;height:28px;border-right:1px solid #d9dfe8;display:grid;place-items:center;margin-right:22px;color:#111}.shortcut-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dashboard-sales-panel{margin-top:10px;background:#fff;border:1px solid #dde0e4;border-radius:4px;min-height:360px;padding:28px 15px 18px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.dashboard-sales-panel h2{text-align:center;margin:2px 0 18px;font-size:20px;color:#393939}.dashboard-chart-tabs{display:flex;border-bottom:1px solid #dce2e8;margin:0 0 22px}.dashboard-chart-tab{border:0;border-right:1px solid #e0e5eb;background:#f4f6f8;color:#666;padding:11px 18px;cursor:pointer;font-size:13px}.dashboard-chart-tab:first-child{border-left:1px solid #e0e5eb}.dashboard-chart-tab.active{background:#fff;color:#444;border-top:1px solid #dce2e8;margin-bottom:-1px}.dashboard-chart-wrap{display:none;position:relative;height:250px;padding-left:42px}.dashboard-chart-wrap.active{display:block}.dashboard-y-axis{position:absolute;left:0;top:0;bottom:28px;width:38px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#666;font-size:11px;padding-right:7px}.dashboard-sales-chart{height:220px;display:flex;align-items:flex-end;gap:4px;padding:0 8px;border-left:1px solid #dde2e8;border-bottom:1px solid #dde2e8;background:repeating-linear-gradient(to bottom,#fff 0,#fff 54px,#edf0f3 55px)}.sales-bar-column{height:100%;min-width:12px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative}.sales-bar-track{height:186px;display:flex;align-items:flex-end}.sales-bar-fill{width:100%;background:#5a95ef;min-height:2px;transition:.25s ease}.sales-bar-column:hover .sales-bar-fill{filter:brightness(.94)}.sales-bar-value{height:16px;text-align:center;color:#78808a;font-size:9px;overflow:hidden;white-space:nowrap}.sales-bar-label{text-align:center;height:18px;line-height:18px;font-size:10px;color:#727272;white-space:nowrap}.week-chart{gap:18px}.week-chart .sales-bar-column{max-width:150px}.week-chart .sales-bar-label{font-size:12px}.week-chart .sales-bar-value{font-size:11px}@media(max-width:1200px){.dashboard-stat-grid{gap:14px}.dashboard-stat-icon{width:72px;min-width:72px}.dashboard-stat-label{font-size:14px}.dashboard-shortcuts{gap:12px 18px}}@media(max-width:900px){.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-chart-wrap{overflow-x:auto}.dashboard-sales-chart{min-width:760px}}@media(max-width:560px){.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat-card{height:94px}.dashboard-stat-icon{width:82px;min-width:82px}.dashboard-welcome{text-align:left}.dashboard-sales-panel{padding-left:10px;padding-right:10px}}

/* Master Data Pool */
.master-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.master-types{padding:12px;position:sticky;top:82px}.master-types h3{padding:8px 10px;margin:0 0 8px}.master-type-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;margin:3px 0;font-size:13px}.master-type-link:hover{background:#f2f6ff}.master-type-link.active{background:#e9f2ff;color:#2563eb;font-weight:700}.master-type-link b{font-size:11px;background:#eef2f7;border-radius:999px;padding:3px 7px;color:#64748b}.master-type-link.active b{background:#fff;color:#2563eb}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi-grid .card{padding:16px 18px}@media(max-width:900px){.master-layout{grid-template-columns:1fr}.master-types{position:static}.kpi-grid{grid-template-columns:1fr}}

/* ===== Advanced Item Master ===== */
.item-tabs{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:3px;background:#dfe4ea;padding:4px;border:1px solid #d4dbe4;margin-bottom:18px}.item-tab{padding:13px 10px;text-align:center;background:#f4f5f7;color:#4b4f56;font-weight:600;border:1px solid transparent}.item-tab:hover{background:#eaf4ff;color:#2563eb}.item-tab.active{background:#4299e1;color:#fff}.item-tab.disabled{opacity:.48;cursor:not-allowed}.item-master-card{background:#fff;border:1px solid #dce2ea;box-shadow:0 2px 10px rgba(20,30,50,.04);position:relative}.item-section-title{background:#f8fafc;border-bottom:1px solid #e2e7ed;padding:12px 15px;font-size:16px;font-weight:700;color:#555}.item-section-title small{font-size:11px;font-weight:400;color:#666;margin-left:4px}.item-form-rows{padding:0 12px 14px}.item-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:59px;padding:9px 0}.item-row>label{text-align:right;color:#444;line-height:1.3}.item-row.required>label{color:#f04438}.item-row input[type=text],.item-row input[type=number],.item-row input[type=date],.item-row input:not([type]),.item-row select,.item-row textarea{width:100%;min-height:40px;border-radius:0;border:1px solid #ccd7e4;background:#fff}.item-row.textarea{align-items:start}.item-row.textarea label{padding-top:10px}.item-row.textarea textarea{min-height:100px}.item-row.check{grid-template-columns:170px 34px 1fr;min-height:53px}.item-row.check input{width:16px;height:16px;accent-color:#2d9cff}.inline-master{background:#3498eb;color:#fff;padding:11px 13px;white-space:nowrap;align-self:stretch;display:flex;align-items:center}.inline-master:hover{background:#2585ce}.sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding:10px 18px;pointer-events:none}.sticky-save .btn{pointer-events:auto;font-size:16px;padding:11px 18px;box-shadow:0 7px 22px rgba(0,0,0,.18);background:#3498eb}.subtable-block{padding:0 24px 10px 194px}.subtable-title{font-weight:700;margin:4px 0 8px;color:#555}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{padding:8px 10px;border-bottom:1px solid #e7ebf0;text-align:left}.mini-table th{font-size:12px;color:#666}.link-danger{border:0;background:none;color:#dc2626;cursor:pointer}.inline-add-card{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dce2ea;padding:14px;margin-top:12px}.inline-add-card input,.inline-add-card select{min-width:180px}.image-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;padding:16px}.image-card{border:1px solid #e2e8f0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.image-preview{aspect-ratio:4/3;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-actions{display:flex;gap:7px;flex-wrap:wrap}.image-actions form{margin:0}.location-item-table input{min-width:100px}.check-inline{display:flex;align-items:center;gap:6px;padding:0 8px;color:#64748b}@media(max-width:1050px){.item-tabs{grid-template-columns:repeat(4,1fr)}.item-row{grid-template-columns:145px minmax(0,1fr) auto}.item-row.check{grid-template-columns:145px 34px 1fr}.subtable-block{padding-left:171px}.image-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.item-tabs{display:flex;overflow-x:auto}.item-tab{min-width:130px}.item-row,.item-row.check{grid-template-columns:1fr;gap:5px;padding:9px 0}.item-row>label{text-align:left}.item-row.check input{margin-bottom:7px}.inline-master{align-self:auto;justify-content:center}.subtable-block{padding:10px 12px}.image-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== Classic Sales / POS Screen ===== */
.classic-sales-screen{display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:16px;align-items:start;margin:-8px -6px 0;background:#e9edf2;min-height:calc(100vh - 88px);padding:14px}.classic-sales-left,.classic-sales-right{min-width:0}.classic-sale-searchbar{background:#fff;border-radius:5px;padding:20px;margin-bottom:9px}.classic-sale-searchform{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center}.classic-search-icon{height:42px;background:#3ea0e8;color:#fff;display:grid;place-items:center;font-size:20px}.classic-sale-searchform input[type=text]{height:42px;border:1px solid #cfd9e4;border-radius:0;padding:0 12px;font-size:14px;outline:none}.classic-sale-searchform input[type=text]:focus{border-color:#62b0ed;box-shadow:none}.classic-sale-mode,.classic-grid-toggle{height:42px;border:1px solid #8bdc7f;background:#edffea;color:#57c449;padding:0 12px;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:center}.classic-grid-toggle{background:#3f9fe7;color:#fff;border-color:#3f9fe7}.classic-product-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;background:#fff;padding:12px;margin-bottom:8px;border-radius:4px}.classic-product-tile{margin:0}.classic-product-tile button{width:100%;min-height:110px;border:1px solid #dbe3ec;background:#fff;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.classic-product-tile button:hover{border-color:#3f9fe7;background:#f7fbff}.classic-product-tile b{color:#333}.classic-product-tile span,.classic-product-tile small{font-size:11px;color:#8b929b}.classic-product-tile strong{margin-top:auto;color:#3f9fe7}.classic-cart-sheet{background:#fff;border-radius:4px;overflow:hidden;position:relative}.classic-cart-sheet:after,.classic-summary-box:after{content:"";display:block;height:10px;background:linear-gradient(135deg,transparent 7px,#e9edf2 0) 0 0/14px 10px repeat-x}.classic-cart-head{display:grid;grid-template-columns:62px minmax(180px,1.6fr) .7fr .55fr .75fr .8fr;align-items:center;min-height:58px;border-top:1px solid #d7e0ea;border-bottom:1px solid #d7e0ea;color:#343434}.classic-cart-head>div{text-align:center;padding:0 8px}.classic-cart-head .col-remove{color:#277ebd;font-weight:700}.classic-empty-cart{min-height:104px;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;color:#e9bd25;border-bottom:1px dotted #d4dce5}.classic-empty-cart span{color:#50c83f;margin-left:7px}.classic-cart-lines{background:#fff}.classic-cart-line{display:grid;grid-template-columns:62px minmax(180px,1.6fr) .7fr .55fr .75fr .8fr;gap:0;align-items:center;border-bottom:1px solid #edf0f4;min-height:60px}.classic-cart-line>*{margin:0 6px}.classic-remove-item{border:0;background:#fff;color:#d9534f;font-size:23px;cursor:pointer}.classic-item-name{display:flex;flex-direction:column;min-width:0}.classic-item-name small{color:#9299a2}.classic-cart-line input{width:100%;border-radius:0;padding:8px;border:1px solid #d3dce6}.classic-line-total{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700;color:#4e555d}.classic-line-save{border:0;background:#eaf6ff;color:#318fd4;padding:5px 7px;cursor:pointer}.classic-sales-right{display:flex;flex-direction:column;gap:8px}.classic-more-row{background:#fff;min-height:80px;display:grid;place-items:center;border-radius:5px}.classic-more-row button{width:58px;height:36px;border:1px solid #ccd7e4;border-radius:4px;background:#f8fafc;color:#8c95a1;font-size:18px;cursor:pointer}.classic-customer-box{background:#fff;border-radius:5px;padding:20px}.classic-customer-box form{display:grid;grid-template-columns:50px minmax(0,1fr)}.classic-customer-icon{height:40px;background:#3ea0e8;color:#fff;display:grid;place-items:center;font-size:18px}.classic-customer-box select{height:40px;border:1px solid #cfd9e4;border-radius:0;color:#747b84;padding:0 10px;width:100%}.classic-summary-box{background:#fff;border-radius:4px;overflow:hidden}.classic-discount-row{display:flex;justify-content:space-between;gap:10px;padding:8px 14px 0;color:#696969;font-size:13px}.classic-discount-row button{border:0;background:transparent;color:#f05b66;text-decoration:underline;font-style:italic;cursor:pointer}.classic-subtotal-row{display:flex;align-items:center;padding:9px 14px;background:#f1ffe9;margin-top:8px;color:#666}.classic-subtotal-row b{margin-right:4px}.classic-edit-tax{color:#2f68a6;font-weight:700}.classic-subtotal-row a{margin-left:auto;color:#1284c5;text-decoration:underline}.classic-total-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px dotted #cbd4df;border-bottom:1px dotted #cbd4df}.classic-total-grid>div{padding:8px 14px 12px;min-height:68px}.classic-total-grid>div+div{border-left:1px dotted #cbd4df}.classic-total-grid span{display:block;font-size:18px;color:#5d6065}.classic-total-grid strong{display:block;font-size:24px;text-align:center;font-weight:400}.classic-total-grid .green{color:#50cf35}.classic-total-grid .orange{color:#ff8c18}.classic-payment-panel{padding:13px 14px;display:grid;gap:8px;border-top:1px solid #edf1f5}.classic-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.classic-payment-panel input,.classic-payment-panel select{width:100%;border-radius:0;height:38px}.classic-complete-sale{height:42px;border:0;background:#3ea0e8;color:#fff;font-size:15px;cursor:pointer}.classic-secondary-actions{display:flex;gap:8px;padding:0 14px 12px}.classic-secondary-actions button{flex:1;border:1px solid #ccd7e4;background:#f7f9fb;padding:8px;cursor:pointer}.classic-suspended-box{background:#fff;padding:14px;border-radius:4px}.classic-suspended-box>b{display:block;margin-bottom:8px}.classic-suspended-box form{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #eef2f5}.classic-suspended-box button{border:0;background:#eaf6ff;color:#2587cc;padding:5px 8px;cursor:pointer}.classic-shortcut-help{text-align:right;color:#5da9df;font-size:12px;padding:20px 14px}.hidden-pos-form{display:none}@media(max-width:1200px){.classic-sales-screen{grid-template-columns:minmax(0,1fr) 330px}.classic-product-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.classic-cart-head,.classic-cart-line{grid-template-columns:48px minmax(150px,1.4fr) .7fr .55fr .7fr .8fr}}@media(max-width:950px){.classic-sales-screen{grid-template-columns:1fr}.classic-sales-right{order:-1}.classic-product-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}.classic-more-row{display:none}}@media(max-width:680px){.classic-sales-screen{padding:8px;margin:0}.classic-sale-searchbar{padding:10px}.classic-sale-searchform{grid-template-columns:44px minmax(0,1fr);gap:0}.classic-sale-mode,.classic-grid-toggle{grid-row:2;margin-top:7px}.classic-sale-mode{grid-column:1/2}.classic-grid-toggle{grid-column:2/3}.classic-product-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.classic-cart-head{display:none}.classic-cart-line{grid-template-columns:40px 1fr 86px;grid-template-areas:"remove item total" "remove price qty" "remove discount discount";padding:8px 0}.classic-remove-item{grid-area:remove}.classic-item-name{grid-area:item}.classic-cart-line input[name=price]{grid-area:price}.classic-cart-line input[name=qty]{grid-area:qty}.classic-cart-line input[name=discount]{grid-area:discount}.classic-line-total{grid-area:total}.classic-empty-cart{font-size:18px;padding:20px;text-align:center}.classic-total-grid span{font-size:15px}.classic-total-grid strong{font-size:20px}}


/* ===== Classic Sales V7: category grid + softer tone ===== */
.classic-sales-screen{
  background:#eef2f5;
}
.classic-search-icon,
.classic-customer-icon{
  background:#3b8fc7;
}
.classic-sale-searchform input[type=text]:focus{
  border-color:#75acd0;
}
.classic-sale-mode{
  border-color:#9ed8c6;
  background:#effaf6;
  color:#2d9d7d;
}
.classic-grid-toggle{
  background:#4a90c2;
  border-color:#4a90c2;
}
.classic-grid-toggle:hover,
.classic-complete-sale:hover{
  background:#367dad;
}
.classic-complete-sale{
  background:#3b8fc7;
}
.classic-subtotal-row{
  background:#f1f8f5;
}
.classic-total-grid .green{
  color:#33a67f;
}
.classic-total-grid .orange{
  color:#e89a3d;
}
.classic-discount-row button{
  color:#d46b72;
}
.classic-cart-sheet:after,
.classic-summary-box:after{
  background:linear-gradient(135deg,transparent 7px,#eef2f5 0) 0 0/14px 10px repeat-x;
}
.classic-shortcut-help{
  color:#5d96bd;
}
.classic-grid-panel{
  background:#fff;
  border-radius:5px 5px 0 0;
  border-bottom:1px solid #e3e9ee;
  padding:12px 12px 10px;
}
.classic-category-bar{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.classic-category-title{
  flex:0 0 auto;
  min-width:88px;
  color:#5d6872;
  font-size:13px;
  font-weight:700;
  padding-top:8px;
}
.classic-category-list{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
}
.classic-category-list a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 13px;
  border:1px solid #d6e0e7;
  background:#f8fafb;
  color:#596773;
  border-radius:4px;
  font-size:13px;
  transition:.15s ease;
}
.classic-category-list a:hover{
  border-color:#7cb0cf;
  background:#f0f7fb;
  color:#2f739e;
}
.classic-category-list a.active{
  background:#3b8fc7;
  border-color:#3b8fc7;
  color:#fff;
}
.classic-grid-result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 2px 0;
  color:#46535e;
}
.classic-grid-result-head span{
  font-weight:700;
}
.classic-grid-result-head small{
  color:#89949d;
}
.classic-product-grid{
  border-radius:0 0 4px 4px;
  background:#fff;
  padding-top:10px;
}
.classic-product-tile button{
  border-color:#dbe4ea;
  background:#fbfcfd;
  border-radius:4px;
}
.classic-product-tile button:hover{
  border-color:#6fa7ca;
  background:#f1f7fb;
}
.classic-product-tile strong{
  color:#357fae;
}
.classic-grid-empty{
  grid-column:1/-1;
  padding:28px 16px;
  text-align:center;
  color:#8a959e;
  border:1px dashed #d7e0e7;
  background:#fafcfd;
}
@media(max-width:680px){
  .classic-category-bar{display:block}
  .classic-category-title{padding:0 0 8px;min-width:0}
  .classic-category-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .classic-category-list a{white-space:nowrap}
}

/* ===== Reports Centre V8 ===== */
.report-centre{margin:-6px}.report-centre-head{padding:6px 6px 14px}.report-centre-head h1{margin:0;font-size:26px}.report-centre-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.report-nav{background:#fff;border:1px solid #dce4eb;border-radius:5px;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.04);position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto}.report-nav-link{display:flex;align-items:center;gap:13px;min-height:42px;padding:9px 13px;border-bottom:1px solid #e5ebf0;color:#7a8692;font-size:14px;background:#fff}.report-nav-link:last-child{border-bottom:0}.report-nav-link:hover{background:#f7fafc;color:#377fae}.report-nav-link.active{background:#f1f4f7;color:#347dad;font-weight:700}.report-nav-icon{width:18px;color:#2584c5;text-align:center;font-size:16px}.report-workspace{min-width:0}.report-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 12px}.report-title-row h2{margin:0;font-size:24px;color:#34424d}.report-title-actions{display:flex;gap:8px;align-items:center}.report-star{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe3ea;border-radius:8px;color:#aab2ba;background:#fff;font-size:19px}.report-star.selected{color:#e0a51b;background:#fffaf0;border-color:#efd596}.report-note{margin-top:5px;color:#8a6d3b;background:#fff8e7;border:1px solid #f3ddb0;border-radius:5px;padding:7px 10px;font-size:12px}.report-filter-card{padding:13px 15px;margin-bottom:14px;border-radius:5px}.report-filter-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.report-filter-form label{font-size:12px;color:#65717c;font-weight:700;display:flex;flex-direction:column;gap:5px}.report-filter-form input,.report-filter-form select{min-width:150px;border-radius:5px;padding:8px 10px}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}.report-kpi{background:#fff;border:1px solid #dce4eb;border-radius:5px;padding:14px 16px;display:flex;flex-direction:column;gap:5px}.report-kpi span{font-size:12px;color:#87929c;text-transform:uppercase;letter-spacing:.03em}.report-kpi strong{font-size:21px;color:#3b5264}.report-table-card{padding:0;border-radius:5px;overflow:hidden}.report-table-meta{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#f8fafb;border-bottom:1px solid #e2e8ee;color:#7a8792;font-size:12px}.report-table-meta b{color:#52616d}.report-table-scroll{overflow:auto}.report-table{border:0;border-radius:0}.report-table th{background:#f4f7f9;color:#697784;text-transform:none;font-size:12px;letter-spacing:0}.report-table td{font-size:13px}.report-empty-cell{text-align:center!important;padding:35px!important;color:#96a0aa!important}.report-picker-card{border-radius:5px}.report-picker-card h2{margin-top:0}.report-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.report-picker-item{border:1px solid #dfe6ec;border-radius:6px;padding:15px;background:#fbfcfd;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}.report-picker-item:hover{border-color:#7eb3d5;background:#f4f9fc}.report-picker-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:5px;background:#e9f3f9;color:#2b83bd;font-size:18px}.report-picker-item b{color:#465661}.report-picker-item small{color:#8b97a1}@media(max-width:1100px){.report-centre-layout{grid-template-columns:240px minmax(0,1fr)}.report-kpi-grid{grid-template-columns:repeat(2,1fr)}.report-picker-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.report-centre-layout{display:block}.report-nav{position:static;max-height:none;margin-bottom:14px;display:grid;grid-template-columns:repeat(2,1fr)}.report-nav-link{border-right:1px solid #e5ebf0}.report-title-row{display:block}.report-title-actions{margin-top:10px}.report-kpi-grid{grid-template-columns:1fr}.report-picker-grid{grid-template-columns:1fr}.report-filter-form>*{width:100%}.report-filter-form input,.report-filter-form select{width:100%}}@media print{.report-centre{margin:0}.report-centre-layout{display:block}.report-workspace{width:100%}.report-table-card{border:0}.report-table th,.report-table td{font-size:10px;padding:6px}.report-kpi{border:1px solid #ccc}.report-kpi-grid{grid-template-columns:repeat(4,1fr)}}


/* ===== V9 Strict Employee Access Control ===== */
.employee-access-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}
.employee-profile-card{padding:0;overflow:hidden}.employee-list-card{position:sticky;top:92px}
.employee-section-title{font-size:16px;font-weight:800;padding:14px 18px;background:#f7f9fb;border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;color:#425466}
.employee-section-title:first-of-type{border-top:0}.employee-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}
.employee-profile-grid .span-2{grid-column:span 2}.employee-profile-grid .span-4{grid-column:1/-1}.check-field{display:flex;align-items:end}.check-field label{font-size:13px!important;font-weight:600!important}
.permission-toolbar{display:flex;align-items:end;gap:10px;padding:16px 18px;background:#f6fbfe;border-bottom:1px solid #d9ebf6}.permission-toolbar .form-group{min-width:280px;margin:0}
.permission-legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #e5eaf0;color:#667482;font-size:12px}
.risk-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.risk-dot.standard{background:#5ba2d0}.risk-dot.sensitive{background:#e7a23a}.risk-dot.critical{background:#d95c64}
.permission-groups{padding:16px;display:grid;gap:14px}.permission-group{border:1px solid #dfe5ec;border-radius:8px;overflow:hidden;background:#fff}
.permission-group-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e6ebf0}.permission-group-head span{font-size:11px;color:#8a95a1}
.permission-row{display:grid;grid-template-columns:24px minmax(220px,1fr) minmax(180px,.7fr) 90px;align-items:center;gap:8px;min-height:48px;padding:8px 14px;border-bottom:1px solid #edf0f3;cursor:pointer}
.permission-row:last-child{border-bottom:0}.permission-row:hover{background:#fbfdff}.permission-row.risk-critical{background:#fffafb}.permission-row.risk-sensitive{background:#fffcf7}
.permission-name{color:#52616d}.permission-key{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa4ad}.risk-pill{justify-self:end;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}
.risk-pill.normal{background:#edf6fb;color:#377da9}.risk-pill.sensitive{background:#fff1d8;color:#ad6b00}.risk-pill.critical{background:#ffe3e5;color:#b63842}
.permission-row input,.permission-group-head input{width:16px;height:16px;accent-color:#3b8fc7}
@media(max-width:1200px){.employee-access-layout{grid-template-columns:1fr}.employee-list-card{position:static}.employee-profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.employee-profile-grid{grid-template-columns:1fr}.employee-profile-grid .span-2,.employee-profile-grid .span-4{grid-column:auto}.permission-row{grid-template-columns:24px 1fr 80px}.permission-key{display:none}.permission-toolbar{align-items:stretch;flex-direction:column}.permission-toolbar .form-group{min-width:0;width:100%}}


/* ===== V10 Classic Supplier Receiving Screen ===== */
.classic-receiving-screen{background:#eef1f4;margin:-22px;padding:20px;min-height:calc(100vh - 72px)}
.receiving-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:17px;align-items:start}
.classic-receive-searchbar,.classic-receive-cart-sheet,.classic-receive-side-top,.classic-supplier-picker,.classic-receive-summary{background:#fff;border:1px solid #e1e6eb;border-radius:5px}
.classic-receive-searchbar{padding:19px;margin-bottom:7px}
.classic-receive-searchform{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;height:44px}
.classic-receive-searchform>*{border-radius:0!important}
.classic-receive-search-icon{display:grid;place-items:center;background:#3e94c9;color:#fff;font-size:18px}
.classic-receive-searchform input[type=text]{border:1px solid #cfd9e1;border-left:0;padding:0 12px;font-size:14px}
.classic-receive-mode,.classic-receive-grid-toggle{display:flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid #ec7d84;background:#fff2f3;color:#e55d64;font-size:16px;font-weight:400}
.classic-receive-grid-toggle{background:#4a90c2;border-color:#4a90c2;color:#fff}
.classic-receive-mode:hover{background:#ffe5e7}.classic-receive-grid-toggle:hover{background:#367dad}
.classic-receive-cart-sheet{position:relative;padding-bottom:12px;margin-bottom:16px}
.classic-receive-cart-sheet:after,.classic-receive-summary:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,transparent 7px,#eef1f4 0) 0 0/14px 10px repeat-x}
.classic-receive-cart-head,.classic-receive-cart-row{display:grid;grid-template-columns:52px minmax(220px,1fr) 115px 90px 100px 125px;align-items:center;gap:0;border-bottom:1px solid #dbe3e9}
.classic-receive-cart-head{height:59px;color:#2f3337;background:#fff;font-size:14px}
.classic-receive-cart-head>div{text-align:center}.classic-receive-cart-head>div:nth-child(2){text-align:left}
.classic-receive-empty{text-align:center;padding:24px 10px 39px;font-size:25px;font-weight:700;color:#efbd27}
.classic-receive-empty b{color:#ec585f}
.classic-receive-cart-row{min-height:63px;background:#fff}.classic-receive-cart-row>div{padding:8px 9px}
.receive-item-name{display:flex;flex-direction:column;gap:2px}.receive-item-name small{color:#8c969f}
.classic-receive-cart-row input{width:100%;border:1px solid #d7e0e7;border-radius:3px!important;padding:7px 8px}
.receive-remove-cell{text-align:center}.receive-remove-btn{border:0;background:none;color:#d75b63;font-size:21px;cursor:pointer}
.receive-line-total{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-weight:700;color:#4e5a63}
.receive-line-save{width:27px;height:27px;border:1px solid #cfe1ec;background:#f3f9fc;color:#3483b3;border-radius:4px;cursor:pointer}
.receiving-right{display:grid;gap:7px;position:sticky;top:88px}
.classic-receive-side-top{height:82px;display:flex;align-items:center;justify-content:center}
.classic-receive-more{position:relative}.classic-receive-more summary{list-style:none;width:58px;height:37px;border:1px solid #cfd9e1;border-radius:4px;display:grid;place-items:center;color:#85909a;cursor:pointer}
.classic-receive-more summary::-webkit-details-marker{display:none}.classic-receive-more-menu{position:absolute;right:0;top:42px;width:180px;background:#fff;border:1px solid #dbe3e9;border-radius:5px;box-shadow:0 8px 20px rgba(0,0,0,.09);z-index:5;padding:6px}
.classic-receive-more-menu a,.classic-receive-more-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;color:#5e6c76;cursor:pointer}.classic-receive-more-menu a:hover,.classic-receive-more-menu button:hover{background:#f4f8fb}
.classic-supplier-picker{padding:20px 18px 15px}.classic-supplier-picker form{display:grid;grid-template-columns:50px minmax(0,1fr)}
.classic-supplier-icon{display:grid;place-items:center;background:#3e94c9;color:#fff;font-size:28px}.classic-supplier-picker select{border-radius:0!important;border:1px solid #cfd9e1;height:42px}
.receive-selected-supplier{padding:9px 2px 0;display:flex;justify-content:space-between;color:#52616b}.receive-selected-supplier small{color:#98a1a9}
.classic-receive-summary{position:relative;padding-bottom:10px}
.classic-receive-discount-row{min-height:37px;display:grid;grid-template-columns:minmax(0,1fr) 72px auto;align-items:center;gap:7px;padding:4px 14px;border-bottom:1px solid #f0f2f4;color:#6a737b;font-size:13px}
.classic-receive-discount-row input{height:29px;padding:4px 6px;border-radius:3px!important}.classic-receive-discount-row button{border:0;background:none;color:#df5a61;text-decoration:underline;cursor:pointer;font-style:italic}
.receive-currency-label{font-size:11px;color:#8a959d}
.classic-receive-subtotal{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fbe1e3;color:#53616a;border-bottom:1px dashed #d2d9df}
.classic-receive-subtotal span{color:#3481b0;text-decoration:underline}
.classic-receive-total-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e0e5ea}
.classic-receive-total-grid>div{padding:9px 14px 14px;text-align:center}.classic-receive-total-grid>div:first-child{border-right:1px dashed #d6dde3}
.classic-receive-total-grid span{display:block;text-align:left;font-size:18px;color:#5c6268}.classic-receive-total-grid strong{font-size:24px;font-weight:400}.classic-receive-total-grid .green{color:#45c93b}.classic-receive-total-grid .orange{color:#f08b10}
.receive-document-options{padding:13px 14px;display:grid;gap:9px}.receive-document-options label{font-size:12px;color:#6a7680;font-weight:700}.receive-document-options select,.receive-document-options input,.receive-document-options textarea{width:100%;display:block;margin-top:4px;border-radius:4px!important}
.classic-receive-post-btn{width:calc(100% - 28px);margin:0 14px 10px;min-height:42px;border:0;border-radius:4px;background:#3e94c9;color:#fff;font-weight:700;cursor:pointer}
.classic-receive-post-btn:disabled{opacity:.45;cursor:not-allowed}.classic-receive-help{text-align:right;color:#5a9ac1;font-size:12px;padding:8px 10px}
.classic-receive-grid-panel{background:#fff;border:1px solid #e1e6eb;border-radius:5px;margin-bottom:16px;overflow:hidden}
.classic-receive-category-bar{display:flex;gap:12px;align-items:flex-start;padding:13px;border-bottom:1px solid #e4e9ed}.classic-receive-category-bar>b{padding-top:7px;color:#53616c}
.classic-receive-category-list{display:flex;gap:7px;flex-wrap:wrap}.classic-receive-category-list a{padding:6px 12px;border:1px solid #d5e0e7;border-radius:4px;background:#f8fafb;color:#63717c}
.classic-receive-category-list a.active{background:#3e94c9;border-color:#3e94c9;color:#fff}
.classic-receive-grid-title{display:flex;justify-content:space-between;padding:10px 13px;color:#53616b}.classic-receive-grid-title span{font-weight:700}.classic-receive-grid-title small{color:#909ba4}
.classic-receive-product-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;padding:0 13px 13px}
.classic-receive-product-tile button{width:100%;min-height:112px;padding:10px;border:1px solid #dce5eb;background:#fbfcfd;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer}
.classic-receive-product-tile button:hover{border-color:#71aaca;background:#f2f8fb}.classic-receive-product-tile b{font-size:13px;color:#40515d}.classic-receive-product-tile span,.classic-receive-product-tile small{font-size:11px;color:#8b969f}.classic-receive-product-tile strong{color:#377fae;margin-top:auto}
.classic-receive-no-products{grid-column:1/-1;padding:28px;text-align:center;color:#8e99a2}.receiving-history{margin-top:0;border-radius:5px}.receiving-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.receiving-history-head h3{margin:0}.receiving-history-head span{font-size:12px;color:#8d98a0}
@media(max-width:1180px){.receiving-main-layout{grid-template-columns:1fr}.receiving-right{position:static}.classic-receive-product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.classic-receiving-screen{margin:-14px;padding:10px}.classic-receive-searchform{grid-template-columns:46px minmax(0,1fr);height:auto}.classic-receive-mode,.classic-receive-grid-toggle{min-height:40px}.classic-receive-cart-sheet{overflow-x:auto}.classic-receive-cart-head,.classic-receive-cart-row{min-width:760px}.classic-receive-category-bar{display:block}.classic-receive-category-bar>b{display:block;padding:0 0 8px}.classic-receive-category-list{flex-wrap:nowrap;overflow-x:auto}.classic-receive-category-list a{white-space:nowrap}.classic-receive-product-grid{grid-template-columns:repeat(2,1fr)}}

/* V11.1 item label rendering fix */
.item-label-page .barcode-holder{width:100%;height:10mm;min-height:10mm;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}
.item-label-page .qr-holder{width:13mm;height:13mm;min-height:13mm;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.item-label-page .barcode-holder svg{width:100%!important;height:100%!important;display:block}
.item-label-page .qr-holder svg{width:100%!important;height:100%!important;display:block}