:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181a1f;background:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:#f5f6f8}button,input{font:inherit}button{cursor:pointer}.center-screen{min-height:100vh;display:grid;place-items:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(380px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:28px;display:grid;gap:18px;box-shadow:0 15px 45px #00000014}.brand-mark{width:52px;height:52px;border-radius:15px;background:#17191c;color:#fff;display:grid;place-items:center;font-weight:800}.login-card h1{margin:0}.login-card p{margin:4px 0 0;color:#72767f}.login-card label{display:grid;gap:7px;font-size:14px;font-weight:650}.login-card input{border:1px solid #d7dae0;border-radius:12px;padding:13px 14px}.primary-btn,.checkout-btn,.scan-button,.checkout-modal button{border:0;border-radius:12px;background:#17191c;color:#fff;padding:13px 16px;font-weight:700}.error-box{background:#fff0f0;color:#a92323;padding:10px;border-radius:10px}.app-shell{min-height:100vh;padding-bottom:150px}.topbar{position:sticky;top:0;z-index:10;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;border-bottom:1px solid #e6e8eb}.topbar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.topbar-title>div{display:flex;align-items:center;gap:10px}.topbar-title h1{font-size:23px;margin:0}.topbar-title span{font-size:12px;color:#7a7f87}.icon-btn{border:0;background:#eef0f3;border-radius:10px;width:42px;height:42px;display:grid;place-items:center}.search-row{display:flex;gap:8px}.search-box{flex:1;display:flex;align-items:center;gap:8px;background:#f2f3f5;border:1px solid #e1e3e6;border-radius:13px;padding:0 12px}.search-box input{width:100%;border:0;outline:0;background:transparent;padding:13px 0;font-size:16px}.scan-button{display:flex;align-items:center;gap:6px}.category-strip{display:flex;gap:8px;overflow:auto;padding:13px 14px 8px;background:#fff;scrollbar-width:none}.category-pill{border:0;background:#eef0f3;color:#34373d;padding:10px 14px;border-radius:12px;white-space:nowrap;font-weight:650}.category-pill.active{background:#17191c;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 12px 180px}.product-card{min-height:122px;text-align:left;background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #00000009}.product-card:active{transform:scale(.985)}.product-card:disabled{opacity:.4;cursor:not-allowed}.product-name{font-weight:750;font-size:15px;line-height:1.25}.product-price{font-size:20px;font-weight:800}.product-stock{font-size:13px;color:#6b7078}.product-stock.out{color:#ba3333}.bottom-cart{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #dfe2e7;box-shadow:0 -8px 30px #00000014}.cart-lines{max-height:28vh;overflow:auto}.cart-line{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #eef0f2}.cart-line-main{display:grid;gap:3px}.cart-line-main strong{font-size:14px}.cart-line-main span{font-size:13px;color:#676c74}.qty-control{display:flex;align-items:center;gap:10px}.qty-control button{border:0;background:#eef0f3;border-radius:9px;width:32px;height:32px;display:grid;place-items:center}.cart-summary{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px max(12px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom))}.cart-total{display:grid;gap:3px}.cart-total span{display:flex;align-items:center;gap:5px;font-size:13px;color:#666b73}.cart-total strong{font-size:23px}.checkout-btn{min-width:145px}.checkout-btn:disabled{opacity:.35}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0000007a;display:grid;place-items:end center;padding:18px}.checkout-modal{width:min(480px,100%);background:#fff;border-radius:22px;padding:22px;display:grid;gap:10px}.checkout-modal h2{margin:0}.checkout-modal p{margin:0 0 8px;color:#71767f}.checkout-modal .secondary{background:#eceef1;color:#222}@media(min-width:720px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:auto;padding-bottom:190px}.category-strip{justify-content:center}.topbar{padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2))}.bottom-cart{left:50%;right:auto;transform:translate(-50%);width:min(900px,100%);border-left:1px solid #dfe2e7;border-right:1px solid #dfe2e7;border-radius:18px 18px 0 0}}.menu-backdrop{position:fixed;inset:0;z-index:59;background:#0000005c;border:0}.side-menu{position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(310px,86vw);background:#fff;transform:translate(-105%);transition:transform .2s ease;box-shadow:12px 0 40px #00000026;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.side-menu-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #eceef1}.side-menu-head>div{display:grid}.side-menu-head strong{font-size:19px}.side-menu-head span{font-size:12px;color:#747982}.side-menu nav{padding:10px;display:grid;gap:4px;overflow:auto}.menu-entry{border:0;background:transparent;color:#343840;padding:12px 13px;border-radius:11px;display:flex;gap:11px;align-items:center;text-align:left;font-weight:650}.menu-entry.active{background:#17191c;color:#fff}.side-menu-foot{margin-top:auto;padding:17px;border-top:1px solid #eceef1;display:grid}.side-menu-foot span{font-weight:700}.side-menu-foot small{color:#777c84}.module-page{min-height:100vh;background:#f5f6f8}.module-header{position:sticky;top:0;z-index:10;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e4e6ea;padding:14px}.module-title-row{display:flex;align-items:center;gap:12px}.module-title-row>div{flex:1}.module-title-row h1{margin:0;font-size:23px}.module-title-row span{font-size:12px;color:#747982}.primary-compact{border:0;background:#17191c;color:#fff;border-radius:11px;padding:10px 13px;font-weight:700;display:flex;align-items:center;gap:6px}.module-toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.module-toolbar select{border:1px solid #dde0e5;background:#f7f8fa;border-radius:11px;padding:11px}.product-list-wrap{padding:12px}.product-table{background:#fff;border:1px solid #e2e5e9;border-radius:15px;overflow:hidden}.product-table-head,.product-row{display:grid;grid-template-columns:minmax(190px,2fr) 1fr 1fr 1fr 34px;gap:10px;align-items:center}.product-table-head{padding:11px 14px;background:#f7f8fa;color:#70757d;font-size:12px;font-weight:750;text-transform:uppercase}.product-row{width:100%;border:0;border-top:1px solid #eceef1;background:#fff;padding:13px 14px;text-align:left;color:#272a30}.product-row:hover{background:#fafbfc}.product-main-cell{display:grid}.product-main-cell strong{font-size:14px}.product-main-cell small{font-size:11px;color:#767b84;margin-top:3px}.stock-cell{display:flex;align-items:center;gap:4px}.stock-cell.low{color:#b54708;font-weight:700}.product-row small{color:#757a82}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;color:#70757d}.editor-backdrop{align-items:center}.product-editor{width:min(660px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;display:grid;gap:18px}.editor-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.editor-title h2{margin:0}.editor-title span{font-size:12px;color:#777c84}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:13px;font-weight:650}.form-grid input,.form-grid select{border:1px solid #d9dce1;border-radius:11px;padding:11px;background:#fff;width:100%}.form-grid input:disabled{background:#f0f1f3;color:#777}.span-2{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px!important}.check-label input{width:auto}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#727780}.margin-preview{background:#f5f7f8;border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center}.margin-preview span{color:#6e737b}.margin-preview strong{font-size:19px}.margin-preview small{font-size:12px;color:#676c73}.editor-actions{display:flex;justify-content:flex-end;gap:9px}.secondary-btn{border:0;background:#eceef1;color:#222;border-radius:12px;padding:13px 16px;font-weight:700}@media(min-width:760px){.module-header,.product-list-wrap{padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2))}.module-toolbar{grid-template-columns:1fr 190px 170px}}@media(max-width:850px){.product-table-head{display:none}.product-table{background:transparent;border:0;display:grid;gap:8px}.product-row{border:1px solid #e2e5e9;border-radius:13px;grid-template-columns:1fr auto;padding:13px}.product-row>span:nth-child(n+2):not(:last-child){display:none}}@media(max-width:520px){.primary-compact span{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}.stock-tabs{display:flex;gap:6px;margin-top:13px}.stock-tabs button{border:0;background:#eef0f3;color:#4b5058;border-radius:10px;padding:9px 12px;font-weight:700;display:flex;align-items:center;gap:6px}.stock-tabs button.active{background:#17191c;color:#fff}.stock-content{padding:12px}.stock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.stock-kpis>div{background:#fff;border:1px solid #e3e6ea;border-radius:14px;padding:12px;display:grid;gap:5px}.stock-kpis span{font-size:11px;color:#747982}.stock-kpis strong{font-size:22px}.stock-toolbar{margin-bottom:10px}.stock-list{display:grid;gap:9px}.stock-card{background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:13px;display:grid;gap:12px}.stock-card-main{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.stock-card-title{display:grid}.stock-card-title strong{font-size:15px}.stock-card-title span{font-size:11px;color:#777c84;margin-top:3px}.stock-badge{font-size:11px;font-weight:750;padding:6px 8px;border-radius:999px;white-space:nowrap}.stock-badge.ok{background:#edf8f0;color:#18713a}.stock-badge.low{background:#fff3df;color:#a55a00}.stock-badge.out{background:#ffebeb;color:#b42318}.stock-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stock-numbers>div{background:#f7f8fa;border-radius:10px;padding:9px;display:grid;gap:3px}.stock-numbers span{font-size:10px;color:#757a82}.stock-numbers strong{font-size:14px}.stock-numbers small{font-weight:500;color:#747982}.stock-card-actions{display:flex;gap:8px}.stock-action{flex:1;border:0;border-radius:10px;padding:10px;font-weight:750;display:flex;justify-content:center;align-items:center;gap:6px}.stock-action.receive{background:#17191c;color:#fff}.stock-action.adjust{background:#eceef1;color:#25282d}.stock-modal{width:min(640px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;display:grid;gap:17px}.stock-modal textarea{border:1px solid #d9dce1;border-radius:11px;padding:11px;font:inherit;resize:vertical}.stock-before,.weighted-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stock-before>div,.weighted-preview>div{background:#f5f7f8;border-radius:12px;padding:12px;display:grid;gap:4px}.stock-before span,.weighted-preview span{font-size:11px;color:#727780}.stock-before strong,.weighted-preview strong{font-size:17px}.weighted-preview{background:#f9fafb;border:1px solid #e4e7eb;border-radius:14px;padding:9px}.adjust-help{display:flex;gap:9px;background:#fff6e7;color:#8a4a00;border-radius:12px;padding:11px;font-size:12px}.danger-text{color:#b42318}.activity-list{background:#fff;border:1px solid #e2e5e9;border-radius:15px;overflow:hidden}.activity-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #eceef1}.activity-row:last-child{border-bottom:0}.activity-row>div:nth-child(2){display:grid}.activity-row strong{font-size:14px}.activity-row span{font-size:12px;color:#686d75}.activity-row small{font-size:10px;color:#92969d;margin-top:2px}.activity-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800}.activity-icon.in{background:#e8f7ed;color:#1c7a41}.activity-icon.adjust{background:#edf0f4;color:#3f4650}.activity-qty{font-weight:800}.activity-qty.plus{color:#18713a}.activity-qty.minus{color:#b42318}@media(min-width:760px){.stock-content{max-width:1180px;margin:auto;padding:18px 20px}.stock-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.stock-numbers{grid-template-columns:1fr 1fr}.stock-numbers>div:nth-child(3){grid-column:1/-1}.stock-before,.weighted-preview{grid-template-columns:1fr}.stock-card-actions{flex-direction:column}}.receive-order-screen{position:fixed;inset:0;z-index:70;background:#f5f6f8;overflow:auto}.receive-order-shell{min-height:100%;padding-bottom:36px}.receive-order-head{position:sticky;top:0;z-index:5;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e5e9;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.receive-order-head>div{display:flex;align-items:center;gap:11px}.receive-order-head h2{margin:0;font-size:21px}.receive-order-head span{font-size:11px;color:#747982}.receipt-meta,.receive-search-section,.receipt-lines,.receipt-footer{margin:12px;background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:13px}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.receipt-meta label,.receipt-footer label,.receipt-line-fields label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#565b63}.receipt-meta input,.receipt-footer textarea,.receipt-line-fields input{border:1px solid #d9dce1;border-radius:10px;padding:10px;background:#fff;width:100%;font:inherit}.receive-search-section{position:relative;display:flex;gap:8px}.receive-search-section .search-box{flex:1}.receive-search-results{position:absolute;left:13px;right:13px;top:62px;z-index:4;background:#fff;border:1px solid #dfe2e7;border-radius:12px;box-shadow:0 12px 30px #00000026;overflow:hidden}.receive-search-results button{width:100%;border:0;border-bottom:1px solid #eef0f2;background:#fff;padding:11px 13px;text-align:left;display:grid}.receive-search-results button:hover{background:#f7f8fa}.receive-search-results span{font-size:11px;color:#727780;margin-top:3px}.receipt-lines{display:grid;gap:10px;background:transparent;border:0;padding:0}.receive-empty{min-height:230px;background:#fff;border:1px dashed #d6d9df;border-radius:15px;display:grid;place-items:center;align-content:center;gap:7px;color:#747982}.receive-empty strong{color:#272a30}.receipt-line{background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:13px;display:grid;gap:12px}.receipt-line-title{display:flex;justify-content:space-between;gap:10px}.receipt-line-title>div{display:grid}.receipt-line-title span{font-size:11px;color:#747982;margin-top:3px}.trash-btn{border:0;background:#fff0f0;color:#b42318;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.receipt-line-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.receipt-line-preview{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f7f8fa;border-radius:10px;padding:9px 10px;gap:7px}.receipt-line-preview span{display:grid;font-size:10px;color:#737880}.receipt-line-preview b{font-size:13px;color:#24272c;margin-top:2px}.receipt-footer{display:grid;gap:12px}.receipt-total{display:flex;justify-content:space-between;align-items:end}.receipt-total span{color:#737880}.receipt-total strong{font-size:24px}.receipt-error{margin:12px}@media(min-width:760px){.receive-order-shell{max-width:1000px;margin:auto}.receipt-meta,.receive-search-section,.receipt-lines,.receipt-footer{margin-left:20px;margin-right:20px}}@media(max-width:600px){.receive-order-head .primary-btn{padding:11px 12px;font-size:13px}.receipt-meta{grid-template-columns:1fr}.receipt-line-fields{grid-template-columns:1fr 1fr}.receipt-line-fields label:last-child{grid-column:1/-1}.receipt-line-preview{grid-template-columns:1fr 1fr}.receipt-line-preview span:last-child{grid-column:1/-1}}.add-product-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.add-product-label>div{display:grid;gap:2px}.add-product-label strong{font-size:15px}.add-product-label span{font-size:11px;color:#767b84}.receive-search-section{display:block}.receive-search-row{display:flex;gap:8px}.receive-search-results button{grid-template-columns:1fr auto;align-items:center}.receive-search-results button strong,.receive-search-results button span{grid-column:1}.receive-search-results button b{grid-column:2;grid-row:1/3;background:#17191c;color:#fff;border-radius:8px;padding:7px 10px;font-size:11px}.add-another-wrap{padding:0 12px}.add-another-product{width:100%;border:1px dashed #aeb4bd;background:#fff;color:#24272c;border-radius:13px;padding:13px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.receipt-line-fields label:before{display:block}.receipt-line-fields label:nth-child(1):before{content:"1";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#17191c;color:#fff;font-size:10px;margin-right:6px}.receipt-line-fields label:nth-child(2):before{content:"2";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#17191c;color:#fff;font-size:10px;margin-right:6px}.customer-kpis{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:12px}.customer-kpis>div{background:#f6f7f9;border:1px solid #e3e5e9;border-radius:12px;padding:11px;display:grid}.customer-kpis span{font-size:10px;color:#747982}.customer-kpis strong{font-size:19px;margin-top:3px}.customer-search{margin-top:9px}.customer-list{padding:12px;display:grid;gap:8px}.customer-card{border:1px solid #e2e5e9;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:44px 1fr auto 22px;gap:10px;align-items:center;text-align:left;color:#24272c}.customer-avatar{width:44px;height:44px;border-radius:13px;background:#eef0f3;display:grid;place-items:center;font-weight:800;font-size:18px}.customer-main{display:grid;gap:4px}.customer-main span{display:flex;align-items:center;gap:4px;font-size:11px;color:#737880}.customer-balance{display:grid;text-align:right}.customer-balance span{font-size:10px;color:#777}.customer-balance strong{font-size:15px}.customer-balance .due{color:#b42318}.customer-detail{width:min(650px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:19px;display:grid;gap:15px}.credit-hero{background:#17191c;color:#fff;border-radius:15px;padding:16px;display:flex;justify-content:space-between;align-items:center}.credit-hero>div{display:grid}.credit-hero span{font-size:11px;color:#c7cbd0}.credit-hero strong{font-size:28px}.credit-hero button{border:0;background:#fff;color:#17191c;border-radius:10px;padding:10px;font-weight:750}.customer-history-title{display:flex;justify-content:space-between}.customer-history-title span{font-size:11px;color:#777}.credit-history{display:grid}.credit-entry{display:flex;justify-content:space-between;gap:10px;padding:12px 2px;border-top:1px solid #eceef1}.credit-entry>div{display:grid}.credit-entry span,.credit-entry small{font-size:10px;color:#777}.amount-due{color:#b42318}.amount-paid{color:#18713a}.payment-box{background:#f6f7f9;border:1px solid #dfe2e7;border-radius:13px;padding:12px;display:grid;gap:9px}.payment-box-title{display:flex;justify-content:space-between}.payment-box-title button{border:0;background:transparent}.payment-box label{display:grid;gap:4px;font-size:11px;font-weight:700}.payment-box input,.payment-box select{border:1px solid #d9dce1;border-radius:9px;padding:10px;background:#fff}.expense-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.expense-kpis>div{background:#f6f7f9;border:1px solid #e3e5e9;border-radius:12px;padding:11px;display:grid}.expense-kpis span{font-size:10px;color:#747982}.expense-kpis strong{font-size:19px;margin-top:3px}.expense-toolbar{display:grid;grid-template-columns:1fr 150px;gap:8px;margin-top:9px}.expense-toolbar select{border:1px solid #dfe2e6;background:#f7f8fa;border-radius:11px;padding:10px}.expense-list{padding:12px;display:grid;gap:8px}.expense-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;padding:12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.expense-icon{width:42px;height:42px;border-radius:12px;background:#fff1ee;color:#b54708;display:grid;place-items:center}.expense-main{display:grid;gap:3px}.expense-main strong{font-size:14px}.expense-main span{font-size:12px;color:#626871}.expense-main small{display:flex;align-items:center;gap:4px;color:#8a8f96;font-size:10px}.expense-right{text-align:right;display:grid;gap:4px}.expense-right strong{font-size:16px}.expense-right span{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#737880;font-size:10px}@media(max-width:520px){.expense-toolbar{grid-template-columns:1fr}.expense-card{grid-template-columns:42px 1fr}.expense-right{grid-column:2;text-align:left;grid-template-columns:auto auto;align-items:center}.expense-right span{justify-content:flex-start}}.history-kpis{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:12px}.history-kpis>div{background:#f6f7f9;border:1px solid #e3e5e9;border-radius:12px;padding:11px;display:grid}.history-kpis span{font-size:10px;color:#747982}.history-kpis strong{font-size:19px;margin-top:3px}.history-toolbar{display:grid;grid-template-columns:1fr 130px;gap:8px;margin-top:9px}.history-toolbar select{border:1px solid #dfe2e6;background:#f7f8fa;border-radius:11px;padding:10px}.history-list{padding:12px;display:grid;gap:8px}.ticket-card{border:1px solid #e2e5e9;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:42px 1fr auto auto 20px;gap:10px;align-items:center;text-align:left;color:#24272c}.ticket-card.cancelled{opacity:.55}.ticket-icon{width:42px;height:42px;border-radius:12px;background:#eef0f3;display:grid;place-items:center}.ticket-main{display:grid}.ticket-main span,.ticket-main small{font-size:10px;color:#777}.ticket-payment{display:flex;gap:4px;align-items:center;font-size:11px;color:#666}.ticket-total{text-align:right;display:grid}.ticket-total small{font-size:10px;color:#777}.ticket-detail{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:19px;display:grid;gap:14px}.ticket-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ticket-detail-meta>div{background:#f6f7f9;border-radius:10px;padding:9px;display:grid}.ticket-detail-meta span{font-size:9px;color:#777}.ticket-lines{border-top:1px solid #eee}.ticket-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee}.ticket-line>div{display:grid}.ticket-line span{font-size:10px;color:#777}.ticket-grand-total{display:flex;justify-content:space-between;align-items:center;font-size:18px}.ticket-grand-total strong{font-size:25px}.danger-action{border:0;border-radius:11px;padding:12px;background:#fff0f0;color:#b42318;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.period-select{position:relative}.period-select select{appearance:none;border:1px solid #dfe2e6;background:#f7f8fa;border-radius:11px;padding:10px 32px 10px 11px;font-weight:650}.period-select svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.reports-content{padding:12px;display:grid;gap:10px}.report-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.report-kpi{background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:13px;display:grid;gap:3px}.report-kpi-icon{width:34px;height:34px;border-radius:10px;background:#eef0f3;display:grid;place-items:center;margin-bottom:5px}.report-kpi-icon svg{width:17px}.report-kpi>span,.report-kpi small{font-size:10px;color:#747982}.report-kpi>strong{font-size:20px}.report-card{background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:14px}.report-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.report-card-title>div{display:grid}.report-card-title span{font-size:10px;color:#777}.payment-breakdown{display:grid;gap:12px}.payment-breakdown>div>div:first-child{display:flex;justify-content:space-between;font-size:12px}.bar-track{height:7px;background:#eef0f3;border-radius:5px;margin-top:5px;overflow:hidden}.bar-fill{height:100%;background:#292d33;border-radius:5px}.top-products{display:grid}.top-product{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #eef0f2}.top-product>b:first-child{width:25px;height:25px;border-radius:8px;background:#eef0f3;display:grid;place-items:center;font-size:11px}.top-product>div{display:grid}.top-product span{font-size:10px;color:#777}.inventory-kpis{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.inventory-kpis>div{background:#f7f8fa;border-radius:10px;padding:10px;display:grid}.inventory-kpis span{font-size:9px;color:#777}.inventory-kpis strong{font-size:16px}@media(min-width:800px){.reports-content{max-width:1180px;margin:auto}.report-kpis{grid-template-columns:repeat(4,1fr)}}.custom-date-range{margin:10px 12px 0;background:#fff;border:1px solid #e2e5e9;border-radius:13px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.custom-date-range label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#666}.custom-date-range input{border:1px solid #d9dce1;border-radius:9px;padding:10px;background:#fff}.user-search{margin-top:10px}.users-list{padding:12px;display:grid;gap:8px}.user-card{border:1px solid #e2e5e9;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:42px 1fr auto auto 20px;gap:10px;align-items:center;text-align:left;color:#24272c}.user-avatar{width:42px;height:42px;border-radius:12px;background:#eef0f3;display:grid;place-items:center}.user-main{display:grid}.user-main span{font-size:10px;color:#777}.role-badge{display:flex;gap:4px;align-items:center;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:750;background:#eef0f3}.role-admin{background:#ebe9ff;color:#4c3cb8}.role-manager{background:#eaf4ff;color:#1769a6}.role-cashier{background:#edf8f0;color:#18713a}.status-active,.status-inactive{font-size:10px;font-weight:700}.status-active{color:#18713a}.status-inactive{color:#b42318}.user-editor{width:min(760px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;display:grid;gap:17px}.user-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.user-basic-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.user-basic-grid input,.user-basic-grid select{border:1px solid #d9dce1;border-radius:10px;padding:10px;background:#fff}.permission-section{display:grid;gap:9px}.permission-head{display:flex;justify-content:space-between;align-items:center}.permission-head>div{display:grid}.permission-head span{font-size:10px;color:#777}.role-summary{background:#eef0f3;border-radius:8px;padding:6px 9px}.permission-module{border:1px solid #e4e6ea;border-radius:12px;overflow:hidden}.permission-module>strong{display:block;background:#f7f8fa;padding:9px 11px;font-size:11px}.permission-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-top:1px solid #eef0f2}.permission-row>div{display:grid}.permission-row span{font-size:11px}.permission-row small{font-size:9px;color:#a15c00}.permission-row input{width:18px;height:18px}@media(max-width:650px){.user-card{grid-template-columns:42px 1fr auto 20px}.user-card .status-active,.user-card .status-inactive{display:none}.user-basic-grid{grid-template-columns:1fr}}.settings-content{padding:12px;display:grid;gap:10px}.settings-card{background:#fff;border:1px solid #e2e5e9;border-radius:15px;overflow:hidden}.settings-card-title{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f7f8fa;border-bottom:1px solid #e7e9ec}.settings-card-title svg{width:18px}.settings-fields{padding:12px;display:grid;gap:11px}.settings-field{display:grid;gap:5px;font-size:11px;font-weight:700;color:#5f646c}.settings-field input,.settings-field select,.settings-field textarea{border:1px solid #d9dce1;border-radius:10px;padding:10px;background:#fff;font:inherit}.settings-field input:disabled{background:#f1f2f4;color:#777}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.settings-toggle input{width:20px;height:20px}.settings-note{font-size:11px;color:#747982;margin:0;line-height:1.45}.settings-message{position:sticky;bottom:12px;background:#17191c;color:#fff;border-radius:11px;padding:11px;text-align:center;font-weight:700}@media(min-width:800px){.settings-content{max-width:900px;margin:auto;grid-template-columns:1fr 1fr}.settings-card:last-of-type{grid-column:1/-1}}.sync-status{position:fixed;z-index:100;top:8px;right:8px;border-radius:20px;padding:6px 9px;background:#fff;border:1px solid #e1e4e8;box-shadow:0 2px 8px #0001;font-size:10px;font-weight:750;display:flex;align-items:center;gap:5px}.sync-status i{width:7px;height:7px;border-radius:50%;background:#21844a}.sync-status.offline i{background:#b54708}.sync-status.offline{background:#fff8eb}.security-content{padding:12px;display:grid;gap:10px}.security-card{background:#fff;border:1px solid #e2e5e9;border-radius:15px;padding:14px;display:grid;gap:12px}.security-title{display:flex;gap:9px;align-items:center}.security-title>div{display:grid}.security-title span{font-size:10px;color:#747982}.security-state{display:flex;justify-content:space-between;background:#f7f8fa;border-radius:10px;padding:10px}.security-list{display:grid}.session-row,.event-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eef0f2}.session-row>div,.event-row>div{display:grid}.session-row span,.session-row small,.event-row span{font-size:10px;color:#777}.danger-small{border:0;background:#fff0f0;color:#b42318;border-radius:9px;padding:7px 9px;font-weight:700;font-size:10px}.sev-info{color:#18713a}.sev-warning{color:#b54708}.sev-critical{color:#b42318}.security-setup{width:min(480px,100%);background:#fff;border-radius:20px;padding:18px;display:grid;gap:12px}.security-setup label{display:grid;gap:5px;font-size:11px;font-weight:700}.security-setup input{border:1px solid #d9dce1;border-radius:10px;padding:10px}.qr-image{width:220px;max-width:100%;margin:auto;border-radius:10px}@media(min-width:800px){.security-content{max-width:900px;margin:auto}}.settings-category-list{display:grid;gap:6px}.settings-category-row{border:1px solid #e2e5e9;background:#fff;border-radius:10px;padding:10px;display:flex;justify-content:space-between;text-align:left}.settings-category-row small{color:#777}.barcode-modal{width:min(520px,100%);background:#fff;border-radius:20px;padding:18px;display:grid;gap:12px}.barcode-camera{position:relative;background:#111;border-radius:14px;overflow:hidden;aspect-ratio:4/3}.barcode-camera video{width:100%;height:100%;object-fit:cover}.barcode-guide{position:absolute;inset:22%;border:2px solid #fff8;border-radius:12px;display:grid;place-items:center;color:#fff}.barcode-message{background:#fff7e8;border:1px solid #f0d59c;border-radius:10px;padding:10px;font-size:11px}.barcode-manual{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.barcode-manual label{display:grid;gap:5px;font-size:11px;font-weight:700}.barcode-manual input{border:1px solid #d9dce1;border-radius:10px;padding:10px}.sync-status.sync-error{background:#fff0f0;color:#8f1d1d}.sync-status.sync-error i{background:#b42318}.menu-logout{margin-top:10px;border:0;background:#eef0f3;border-radius:9px;padding:9px;font-weight:700;text-align:center}