:root{--primary:#2563eb;--primary2:#1d4ed8;--bg:#f5f7fb;--card:#fff;--text:#101a33;--muted:#69758b;--soft:#eef4ff;--border:#e5eaf2;--green:#16a34a;--green-soft:#eaf9ef;--red:#dc2626;--orange:#f97316;--shadow:0 4px 18px rgba(20,35,65,.055)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}body:has(.onepos-shell){min-width:1100px}.onepos-shell{min-height:100vh;background:var(--bg)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.top-brand,.topbar{display:flex;align-items:center;gap:10px}.top-brand{min-width:200px}.top-brand img{object-fit:contain}.onepos-mark,.top-brand img{width:40px;height:40px;border-radius:50%}.onepos-mark{display:grid;place-items:center;background:linear-gradient(135deg,#2563eb 20%,#fff 20% 48%,#ef4444 48% 62%,#2563eb 62%);color:#fff;font-weight:900}.top-brand strong{display:block;font-size:22px;letter-spacing:-.7px}.top-brand span{display:block;font-size:10px;color:#52617a;font-weight:650}.top-selector{height:42px;border:1px solid #cfd9eb;background:#fff;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;min-width:176px;font-size:12px}.top-selector svg{margin-left:auto;color:#0f1c39}.selector-dot{color:#f97316;font-size:18px}.pin-dot{color:#2563eb;font-size:17px}.global-search{height:42px;display:flex;align-items:center;gap:9px;border:1px solid #d3ddec;background:#fff;border-radius:11px;padding:0 12px;flex:1 1;min-width:250px;max-width:500px;margin-left:8px}.global-search svg{color:#17315e}.global-search input{border:0;outline:0;flex:1 1;color:var(--text);min-width:0;font-size:12px}.global-search kbd{background:#eef2f8;border-radius:6px;padding:4px 7px;font-size:10px;color:#50607b}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{width:42px;height:42px;border:0;background:#f1f5fb;place-items:center;color:#071738;position:relative}.icon-button,.notification i{border-radius:50%;display:grid}.notification i{position:absolute;right:-1px;top:-2px;background:#ef2f2f;color:#fff;font-style:normal;width:19px;height:19px;font-size:10px;place-items:center;font-weight:800}.profile{display:flex;align-items:center;gap:9px;padding-left:7px}.profile .avatar{width:40px;height:40px;border-radius:50%;background:#091632;color:#fff;display:grid;place-items:center;font-size:13px}.profile b,.profile span{display:block}.profile b{font-size:12px}.profile span{font-size:10px;color:#60708b;margin-top:2px}.mobile-menu,.sidebar-mobile-head{display:none}.app-body{display:flex}.sidebar-ref{width:212px;background:#fff;border-right:1px solid var(--border);min-height:calc(100vh - 72px);padding:20px 12px 18px;position:-webkit-sticky;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;z-index:40}.side-nav-ref{display:grid;grid-gap:3px;gap:3px}.side-nav-ref a,.sidebar-ref>a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;color:#102044;font-size:14px;font-weight:650}.side-nav-ref a:hover,.sidebar-ref>a:hover{background:#f5f8fd}.side-nav-ref a.active,.sidebar-ref>a.active{background:#1464f4;color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.18)}.side-divider{height:1px;background:var(--border);margin:9px 5px}.sidebar-promo{margin-top:auto;border-radius:13px;background:linear-gradient(155deg,#d9eaff,#f3f8ff 55%,#c9ddff);padding:15px 13px;min-height:122px;position:relative;overflow:hidden}.sidebar-promo:after{content:"";position:absolute;right:-30px;bottom:-35px;width:120px;height:80px;border-radius:50%;background:#8bb8ff55}.promo-icon{color:#2563eb;margin-bottom:7px}.sidebar-promo b{font-size:12px;line-height:1.35;display:block}.sidebar-promo small{display:block;color:#60708b;font-size:9px;margin-top:5px}.help-box{margin-top:8px!important;border:1px solid var(--border);background:#fff}.help-box span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:2px solid #111d3c;font-size:13px}.page-area{flex:1 1}.page-container{padding:23px 18px 58px;max-width:1420px;margin:0 auto}.page-header-ref{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin:0 0 17px}.page-header-ref h1{font-size:31px;line-height:1.05;margin:0 0 6px;letter-spacing:-1.1px}.page-header-ref p{margin:0;color:#66738a;font-size:13px}.header-actions-ref{display:flex;gap:9px;align-items:center}.btn-ref{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:800}.btn-ref.primary{background:#2463e9;color:#fff;box-shadow:0 5px 13px rgba(37,99,235,.18)}.btn-ref.secondary{background:#fff;border:1px solid var(--border);color:#263653}.btn-ref.success{background:#16a34a;color:#fff}.btn-ref.danger{background:#dc2626;color:#fff}.metric-grid-ref{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.metric-ref{background:#fff;border:1px solid var(--border);border-radius:13px;padding:16px 17px;display:flex;gap:12px;align-items:flex-start;position:relative;box-shadow:var(--shadow);min-height:116px}.metric-icon-ref{width:39px;height:39px;border-radius:10px;background:#eaf2ff;color:#2163ea;display:grid;place-items:center;flex:none}.metric-copy span{display:block;color:#61708a;font-size:11px;font-weight:650}.metric-copy strong{display:block;font-size:25px;line-height:1.1;margin:5px 0 4px;letter-spacing:-.6px}.metric-copy small{color:#9aa5b7;font-size:9px}.trend-ref{position:absolute;right:14px;bottom:13px;color:#0b9c42;font-size:10px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);grid-gap:11px;gap:11px;margin-top:11px}.dashboard-layout.three{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)}.card-ref{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.card-title-ref{padding:14px 15px;border-bottom:1px solid #edf0f5}.card-title-ref h2{font-size:15px;margin:0}.card-title-ref span{font-size:10px;color:#8290a5}.card-body-ref{padding:14px 15px}.chart-box{height:245px;padding:15px 12px 10px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #edf0f5}.chart-y{flex-direction:column;justify-content:space-between;color:#95a0b1;font-size:9px;padding-bottom:2px}.bars,.chart-y{display:flex;height:205px}.bars{flex:1 1;align-items:flex-end;gap:14px;border-left:1px solid #edf0f5;padding-left:12px}.bar-group{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-group .bar{width:32px;border-radius:6px 6px 2px 2px;background:#2e6bea;min-height:5px}.bar-group small{font-size:9px;color:#8b96a7}.legend{display:flex;gap:14px;padding:10px 0 0;font-size:9px;color:#68758a}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.branch-list{padding:4px 14px 12px}.branch-row{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;grid-gap:8px;gap:8px;padding:8px 0;font-size:10px}.branch-row .line{height:9px;background:#2f71ec;border-radius:3px}.top-list{padding:2px 14px 9px}.top-row{display:grid;grid-template-columns:25px 1fr auto;grid-gap:7px;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f5;font-size:11px}.rank{width:24px;height:24px;border-radius:50%;background:#eaf2ff;color:#2163ea;display:grid;place-items:center;font-weight:800}.quick-grid-ref{grid-template-columns:repeat(2,1fr);grid-gap:7px;gap:7px;padding:11px}.quick-ref{border:1px solid #e5ebf3;border-radius:9px;padding:12px 9px;gap:9px}.quick-ref .qicon{width:30px;height:30px;border-radius:8px;color:#2163ea}.quick-ref b{font-size:10px}.quick-ref span{display:block;color:#8b96a7;font-size:8px;margin-top:2px}.section-card-ref{margin-top:11px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;padding:11px}.brand-tile{border:1px solid #e3e8f0;border-radius:10px;padding:10px;background:#fff;min-width:0}.brand-head{display:flex;gap:8px;align-items:center}.brand-logo{width:34px;height:34px;border-radius:50%;background:#101827;color:#fff;display:grid;place-items:center;font-weight:800}.brand-logo,.brand-tile b{font-size:10px}.brand-tile small{display:block;color:#718097;font-size:8px;margin-top:2px}.brand-stats{display:flex;justify-content:space-between;margin-top:11px;font-size:9px;color:#52617a}.brand-stats strong{display:block;color:#17233e;font-size:13px}.table-wrap-ref{overflow:auto}.table-ref{width:100%;border-collapse:collapse}.table-ref td,.table-ref th{text-align:left;padding:9px 10px;border-bottom:1px solid #edf0f5;font-size:10px;white-space:nowrap}.table-ref th{color:#748198;font-size:8px;text-transform:uppercase;background:#fbfcfe}.table-ref td strong{font-size:10px}.badge-ref{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:800}.badge-ref.green{background:#c6f6d9;color:#15803d}.badge-ref.orange{background:#fff0d6;color:#b45309}.status-panel{display:grid;grid-gap:0;gap:0;padding:0 14px}.status-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f5}.status-row:last-child{border-bottom:0}.status-icon{width:30px;height:30px;border-radius:9px;background:#f0f5fc;display:grid;place-items:center;color:#5f6d83}.status-row b{font-size:10px;display:block}.status-row span{font-size:8px;color:#8d98aa}.activity-list-ref{padding:2px 14px 9px}.activity-row-ref{grid-template-columns:30px 1fr auto;border-bottom:1px solid #eef1f5}.activity-row-ref .aicon{width:28px;height:28px;border-radius:9px;background:#eff5ff;color:#2563eb;display:grid;place-items:center}.activity-row-ref span,.activity-row-ref time{color:#7e8ba0}.filter-bar{display:flex;gap:8px;padding:11px;border-bottom:1px solid var(--border)}.input-ref,.select-ref{border:1px solid #d9e0eb;border-radius:9px;background:#fff;padding:10px 11px;font-size:11px;outline:none;color:var(--text)}.input-ref:focus,.select-ref:focus{border-color:#8db0f5;box-shadow:0 0 0 3px #edf4ff}.search-ref{flex:1 1;min-width:180px}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:11px;gap:11px}.product-grid-ref{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding:12px}.product-card-ref{border:1px solid #e3e8f0;background:#fff;border-radius:10px;padding:11px;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:145px}.product-card-ref:hover{border-color:#8eb0f6;box-shadow:0 5px 14px #1d4ed814}.product-thumb{height:68px;max-height:68px!important;border-radius:8px;background:linear-gradient(135deg,#f3f7ff,#e7efff);display:grid;place-items:center;color:#2c67e9;position:relative!important;overflow:hidden!important;flex:0 0 68px!important}.product-card-ref b{font-size:10px}.product-card-ref small{font-size:8px;color:#8b96a7}.product-card-ref strong{font-size:11px;margin-top:auto}.order-panel-ref{display:flex;flex-direction:column;min-height:560px}.order-lines-ref{padding:5px 14px;flex:1 1;overflow:auto}.order-line-ref{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:11px 0;border-bottom:1px solid #eef1f5}.order-line-ref b{font-size:10px}.order-line-ref small{display:block;color:#8d98a9;font-size:8px;margin-top:3px}.qty-ref{display:flex;align-items:center;gap:5px;margin-top:6px}.qty-ref button{width:22px;height:22px;border:1px solid #dfe5ef;background:#fff;border-radius:6px}.qty-ref span{font-size:9px;font-weight:800}.order-summary-ref{padding:12px 14px;border-top:1px solid var(--border)}.sum-row-ref{display:flex;justify-content:space-between;font-size:10px;padding:4px 0;color:#66738a}.sum-row-ref.total{font-size:15px;font-weight:900;color:#17233e;padding-top:9px}.pay-grid-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:8px}.pay-ref{border:1px solid #dfe5ef;background:#fff;border-radius:8px;padding:8px;font-size:9px;font-weight:800}.pay-ref.active{background:#edf4ff;color:#2563eb;border-color:#a9c2f7}.inventory-kpi-ref{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;margin-bottom:11px}.mini-kpi-ref{background:#fff;border:1px solid var(--border);border-radius:11px;padding:13px}.mini-kpi-ref span{display:block;font-size:9px;color:#7b879a}.mini-kpi-ref strong{display:block;font-size:19px;margin-top:4px}.form-grid-ref{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;padding:14px}.field-ref label{display:block;font-size:10px;font-weight:750;margin-bottom:5px;color:#526079}.field-ref.full{grid-column:1/-1}.account-grid-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.account-row-ref{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef1f5;font-size:10px}.account-row-ref.total{font-size:13px;font-weight:850;border-top:2px solid var(--border);border-bottom:0;margin-top:4px;padding-top:12px}.app-footer{height:47px;border-top:1px solid var(--border);background:#fff;display:flex;align-items:center;padding:0 24px;gap:10px;font-size:9px;color:#647188}.app-footer b{font-size:18px;color:#101a33;letter-spacing:-.5px}.app-footer div:first-of-type{margin:auto}.app-footer em{font-style:normal;margin:0 7px}.online-dot{color:#18a64b}.login-ref{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 15%,#eaf2ff,#f5f7fb 42%,#eef2f7);padding:25px}.login-card-ref{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:18px;padding:31px;box-shadow:0 25px 65px rgba(22,38,70,.12)}.login-brand-ref{display:flex;align-items:center;gap:10px;margin-bottom:26px}.login-brand-ref .onepos-mark{width:46px;height:46px}.login-brand-ref strong{font-size:27px}.login-brand-ref span{display:block;color:#8290a4;font-size:10px;margin-top:2px}.field-stack{display:grid;grid-gap:13px;gap:13px}.field-stack label{font-size:11px;font-weight:750;display:block;margin-bottom:6px}.full-btn{width:100%;margin-top:5px}.message-ref{font-size:10px;color:#dc2626}.empty-ref{padding:50px 20px;text-align:center;color:#8793a5;font-size:11px}.dark-placeholder{display:none}@media(max-width:1200px){.top-selector{min-width:140px}.brand-grid,.product-grid-ref{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){body:has(.onepos-shell){min-width:0}.topbar{gap:6px;padding:0 10px}.top-brand{min-width:auto}.profile>div,.top-brand span,.top-selector{display:none}.global-search{max-width:none}.sidebar-ref{position:fixed;left:0;top:72px;bottom:0;transform:translateX(-105%);transition:.2s}.sidebar-ref.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:72px 0 0;background:#0f172a66;z-index:35}.mobile-menu{display:grid;border:0;background:transparent}.page-container{padding:18px 12px 50px}.inventory-kpi-ref,.metric-grid-ref{grid-template-columns:repeat(2,1fr)}.account-grid-ref,.dashboard-layout,.split-layout{grid-template-columns:1fr}.page-header-ref{flex-direction:column}.header-actions-ref{width:100%}.app-footer{display:none}}@media(max-width:650px){.brand-grid,.metric-grid-ref,.product-grid-ref{grid-template-columns:1fr 1fr}.global-search{display:none}.page-header-ref h1{font-size:25px}.metric-copy strong{font-size:21px}.top-actions{margin-left:auto}}.tabs-ref{display:flex;gap:25px;border-bottom:1px solid var(--border);margin:-2px 0 11px;padding:0 4px;overflow:auto}.tabs-ref span{padding:10px 0 11px;font-size:11px;font-weight:700;color:#16233f;white-space:nowrap}.tabs-ref span.active{color:#1d63ea;border-bottom:2px solid #2563eb}.tabs-ref select{border:1px solid #dbe2ed;border-radius:8px;padding:6px 9px;background:#fff;font-size:10px}.dashboard-kpi-grid .metric-ref{min-height:104px}.command-grid-ref{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.7fr);grid-gap:11px;gap:11px;margin-top:11px}.command-sales-ref{min-width:0}.command-chart-ref{height:246px;display:flex;padding:13px 15px 5px}.command-y-ref{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#8b96a8;font-size:9px;padding:5px 0 28px}.command-plot-ref{position:relative;flex:1 1;min-width:0;border-left:1px solid #edf1f6}.grid-lines-ref{position:absolute;inset:5px 0 28px;background:repeating-linear-gradient(180deg,#e9eef5 0,#e9eef5 1px,transparent 0,transparent 25%);pointer-events:none}.command-plot-ref svg{position:absolute;inset:5px 0 30px;width:100%;height:calc(100% - 35px)}.command-x-ref{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:space-between;color:#7d899c;font-size:9px;padding:0 8px}.chart-empty-ref{position:absolute;inset:15px 10px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8290a5;gap:5px}.chart-empty-ref b{font-size:12px;color:#394762}.chart-empty-ref span{font-size:9px}.chart-legend-ref{display:flex;align-items:center;gap:18px;padding:0 15px 12px;font-size:9px;color:#5e6b82}.chart-legend-ref span{display:flex;align-items:center;gap:5px}.chart-legend-ref b{margin-left:auto;color:#17233e;font-size:11px}.dot-blue-ref,.dot-soft-ref{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-blue-ref{background:#2563eb}.dot-soft-ref{background:#a8c3fa}.command-quick-ref{grid-template-columns:repeat(2,1fr);padding:12px}.command-quick-ref .quick-ref{min-height:66px}.command-lower-grid-ref{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);grid-gap:11px;gap:11px;margin-top:11px}.command-bottom-grid-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px;margin-top:11px}.cell-muted-ref{display:block;font-size:8px;color:#8a95a7;margin-top:2px}.health-list-ref{padding:2px 15px 8px}.health-row-ref{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf1f6}.health-row-ref:last-child{border-bottom:0}.health-icon-ref{width:31px;height:31px;border-radius:9px;background:#edf7f0;color:#17964b;display:grid;place-items:center;flex:none}.health-icon-ref.warning{background:#fff5e6;color:#d97706}.health-row-ref>div{min-width:0;flex:1 1}.health-row-ref b{display:block;font-size:10px}.health-row-ref span{display:block;color:#8995a8;font-size:8px;margin-top:2px}.health-row-ref em{font-style:normal;font-size:8px;font-weight:800;color:#16964a;background:#c9f5d9;padding:4px 7px;border-radius:20px}.health-row-ref em.warning{color:#b45309;background:#fff0d6}.command-empty-ref{min-height:165px;display:grid;place-items:center}.management-command-kpis .management-kpi{min-height:104px}.management-command-grid-ref{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr) minmax(270px,.75fr);grid-gap:11px;gap:11px;margin-top:11px}.management-trend-card-ref{min-width:0}.dual-chart-ref{height:215px;display:flex;padding:12px 14px 3px}.dual-y-ref{width:38px;display:flex;flex-direction:column;justify-content:space-between;color:#8b96a8;font-size:9px;padding:5px 0 26px}.dual-plot-ref{position:relative;flex:1 1;border-left:1px solid #edf1f6;min-width:0}.dual-plot-ref svg{position:absolute;inset:4px 0 28px;width:100%;height:calc(100% - 32px)}.management-date-ref{min-width:190px}.donut-panel-ref{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:4px;gap:4px;padding:12px 13px 17px;min-height:215px}.donut-ref{width:142px;height:142px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(#2563eb 0 36%,#16a34a 36% 60%,#f97316 60% 78%,#ef4444 78% 90%,#f59e0b 90% 98%,#d7deea 98% 100%);position:relative}.donut-ref:after{content:"";position:absolute;inset:27px;border-radius:50%;background:#fff}.donut-ref>div{position:relative;z-index:1;text-align:center}.donut-ref strong{display:block;font-size:12px}.donut-ref span{display:block;color:#7d899d;font-size:8px;margin-top:2px}.donut-ref.small{width:132px;height:132px;background:conic-gradient(#2563eb 0 100%,#e6ebf3 100%)}.donut-legend-ref{display:grid;grid-gap:8px;gap:8px}.donut-legend-ref span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;grid-gap:6px;gap:6px;font-size:9px;color:#52617a}.donut-legend-ref i{width:8px;height:8px;border-radius:50%}.donut-legend-ref b{font-size:9px;color:#1c2943}.management-command-mid-ref{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr) minmax(260px,.7fr);grid-gap:11px;gap:11px;margin-top:11px}.management-quick-command-ref{grid-template-columns:repeat(2,1fr);padding:12px}.management-quick-command-ref .quick-ref{min-height:62px}.management-command-bottom-ref{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);grid-gap:11px;gap:11px;margin-top:11px}.command-brand-grid-ref{grid-template-columns:repeat(5,1fr)}.brand-round-ref.tone-green{background:#123b20}.brand-round-ref.tone-black{background:#111}.brand-round-ref.tone-red{background:#d71920}.brand-round-ref.tone-gold{background:#b49a63}.management-footer-health-ref{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:11px;gap:11px;margin-top:11px}.health-strip-ref{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:7px 12px;box-shadow:var(--shadow)}.health-strip-ref .health-row-ref{border:0;padding:8px 4px}.promo-command-ref{border-radius:13px;background:linear-gradient(135deg,#0f2348,#1f4e9c);color:#fff;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.promo-command-ref b{font-size:15px}.promo-command-ref span{font-size:10px;opacity:.8;margin-top:5px}.management-tabs-ref button{border:0;background:none;cursor:pointer;font-size:11px;font-weight:700;color:#16233f;padding:10px 0 11px;white-space:nowrap;border-bottom:2px solid transparent}.management-tabs-ref button.active{color:#1d63ea;border-color:#2563eb}@media(max-width:1250px){.management-command-grid-ref{grid-template-columns:1.3fr 1fr}.management-command-grid-ref .management-trend-card-ref{grid-column:1/-1}.management-command-mid-ref{grid-template-columns:1fr 1fr}.management-command-mid-ref>section:first-child{grid-column:1/-1}.command-bottom-grid-ref,.command-grid-ref,.command-lower-grid-ref,.management-command-bottom-ref,.management-footer-health-ref{grid-template-columns:1fr}}@media(max-width:900px){.management-command-kpis{grid-template-columns:repeat(2,1fr)}.management-command-grid-ref,.management-command-mid-ref{grid-template-columns:1fr}.management-command-grid-ref .management-trend-card-ref,.management-command-mid-ref>section:first-child{grid-column:auto}.donut-panel-ref,.health-strip-ref{grid-template-columns:1fr}.command-quick-ref,.management-quick-command-ref{grid-template-columns:1fr 1fr}}.management-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:11px;gap:11px;margin-top:11px}.management-kpi{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:16px 17px;gap:13px;min-width:0}.management-kpi>div:last-child{display:flex;flex-direction:column}.management-kpi span{font-size:9px;color:#69758b;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-kpi strong{font-size:22px;line-height:1.15;color:#101a33;margin-top:4px;letter-spacing:-.5px;white-space:nowrap}.kpi-icon-ref{width:44px;height:44px;border-radius:11px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;flex:none}.kpi-icon-ref.orange{background:#fff0df;color:#f97316}.kpi-change{font-size:8px;color:#16a34a;font-weight:800;margin-top:5px}.kpi-change em{font-style:normal;color:#8490a3;font-weight:500;margin-left:4px}.card-title-ref{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #edf1f6;min-height:47px}.card-title-ref h2,.card-title-ref>h2{margin:0;font-size:12px;line-height:1.2;color:#14203a;font-weight:850}.card-title-ref>span{font-size:9px;color:#8793a6}.select-ref{border:1px solid #dce3ee;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;color:#26334d;outline:none;max-width:190px}.brand-grid-ref{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:9px;gap:9px;padding:12px}.brand-tile-ref{border:1px solid #e3e8f0;border-radius:10px;background:#fff;padding:10px;min-width:0;box-shadow:0 2px 8px rgba(25,45,80,.035)}.brand-tile-top{display:flex;align-items:flex-start;gap:8px;min-width:0}.brand-tile-top b{display:block;font-size:10px;color:#17233e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tile-top small{display:block;font-size:8px;line-height:1.25;color:#7c889c;margin-top:2px;max-width:110px}.brand-round-ref{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:850;flex:none}.dots-ref{font-size:16px;line-height:20px;color:#4b5870;flex:none}.brand-stats-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin-top:10px}.brand-stats-ref span{display:flex;flex-direction:column;text-align:center;color:#8793a6;font-size:7px}.brand-stats-ref strong{font-size:12px;color:#1a2741;line-height:1.1}.active-pill{display:block;text-align:center;padding:5px;border-radius:20px;background:#bff5d5;color:#12803d;font-size:8px;font-weight:800}.section-actions-ref{display:flex;align-items:center;gap:10px}.card-title-ref a,.section-actions-ref a{font-size:9px;color:#155fe7;font-weight:800;text-decoration:none;white-space:nowrap}.top-items-ref{padding:3px 13px 8px}.top-item-row{display:grid;grid-template-columns:23px 28px minmax(0,1fr) auto;align-items:center;grid-gap:7px;gap:7px;padding:10px 0;border-bottom:1px solid #edf1f6;min-width:0}.top-item-row:last-child{border-bottom:0}.top-item-row b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#24314b}.top-item-row strong{font-size:10px;color:#18243d}.rank-ref{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#2563eb;font-size:9px;font-weight:850}.food-thumb-ref{font-size:17px;line-height:1}.quick-grid-ref{display:grid;grid-gap:8px;gap:8px;padding:12px}.quick-ref{display:flex;gap:8px;border:1px solid #e4eaf2;border-radius:10px;background:#fff;color:#17233e;text-decoration:none;padding:10px;min-width:0}.quick-ref .qicon{width:31px;height:31px;border-radius:9px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;flex:none}.quick-ref b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-ref{padding:4px 13px 9px}.activity-row-ref{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6}.activity-row-ref:last-child{border-bottom:0}.activity-icon-ref{width:28px;height:28px;border-radius:50%;background:#edf4ff;color:#2563eb;display:grid;place-items:center}.activity-row-ref b{font-size:9px;color:#25314a}.activity-row-ref b,.activity-row-ref span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row-ref span{font-size:8px;color:#8995a7;margin-top:2px}.activity-row-ref time{font-size:8px;color:#8995a7;white-space:nowrap}.management-command-bottom-ref .card-ref,.management-command-grid-ref .card-ref,.management-command-mid-ref .card-ref{overflow:hidden}@media(max-width:1250px){.management-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid-ref{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.management-kpis{grid-template-columns:1fr}.brand-grid-ref{grid-template-columns:1fr 1fr}.management-date-ref{min-width:0}.management-tabs-ref{gap:16px}}:root{--control-h:40px;--card-radius:13px}.btn-ref,.full-btn,.input-ref,.select-ref{min-height:var(--control-h);line-height:1.1}.btn-ref,.select-ref{padding-top:0;padding-bottom:0}.select-ref{height:var(--control-h)}.header-actions-ref,.section-actions-ref{align-items:center}.card-title-ref{min-height:56px}.card-title-ref>div{min-width:0}.card-title-ref h2{line-height:1.15}.inventory-kpi-ref,.management-kpis,.metric-grid-ref{align-items:stretch}.management-kpi,.metric-ref,.mini-kpi-ref{height:112px;min-height:112px}.management-kpi{display:flex;align-items:center}.management-kpi>div:last-child{min-width:0}.kpi-icon-ref{flex:0 0 42px;width:42px;height:42px}.kpi-change{white-space:nowrap}.brand-grid,.brand-grid-ref,.command-brand-grid-ref{align-items:stretch}.brand-tile,.brand-tile-ref{display:flex;flex-direction:column;height:100%;min-height:164px}.brand-head,.brand-tile-top{min-height:42px;align-items:center}.brand-tile-top>div:nth-child(2){min-width:0;flex:1 1}.brand-head b,.brand-tile-top b{display:block;line-height:1.15;min-height:12px}.brand-head small,.brand-tile-top small{line-height:1.25;min-height:20px}.brand-stats,.brand-stats-ref{margin-top:auto;min-height:40px;align-items:end}.brand-stats-ref>span,.brand-stats>span{min-width:0;text-align:center}.active-pill{height:24px;min-height:24px;display:flex;align-items:center;justify-content:center;margin-top:8px}.command-quick-ref,.management-quick-command-ref,.quick-grid-ref{align-items:stretch}.quick-ref{min-height:66px;height:66px;align-items:center}.quick-ref .qicon{width:32px;height:32px;flex:0 0 32px}.quick-ref b{line-height:1.15;min-height:11px}.top-items-ref .top-item-row,.top-list .top-row{height:47px;min-height:47px;padding:0}.top-item-row>*{align-self:center}.food-thumb-ref{display:grid;place-items:center;width:28px;height:28px}.badge-ref{height:24px;min-height:24px;align-items:center;justify-content:center;line-height:1}.tabs-ref{min-height:43px;align-items:stretch}.management-tabs-ref button{height:43px;display:inline-flex;align-items:center}.table-ref td,.table-ref td>.badge-ref,.table-ref td>a,.table-ref td>button,.table-ref th{vertical-align:middle}.health-row-ref{min-height:54px}.activity-row-ref{min-height:52px;align-items:center}.activity-row-ref>*,.health-row-ref>*{align-self:center}.management-command-bottom-ref>section,.management-command-grid-ref>section,.management-command-mid-ref>section{min-width:0}.management-command-bottom-ref .card-title-ref,.management-command-grid-ref .card-title-ref,.management-command-mid-ref .card-title-ref{height:56px}.management-command-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.management-command-kpis .management-kpi{width:100%}.management-command-bottom-ref .brand-grid-ref{height:auto}.chart-empty-ref{pointer-events:none}.onepos-equal-grid{display:grid;align-items:stretch}.onepos-equal-grid>*{height:100%;min-height:0}.onepos-control-row,.onepos-inline-center{display:flex;align-items:center}.onepos-control-row{gap:9px}@media(max-width:1250px){.management-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile,.brand-tile-ref{min-height:158px}}@media(max-width:900px){.management-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.management-command-grid-ref,.management-command-mid-ref{align-items:stretch}}@media(max-width:650px){.management-command-kpis{grid-template-columns:1fr}.brand-tile,.brand-tile-ref{min-height:150px}}.pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:12px;gap:12px;align-items:stretch}.pos-catalog{min-width:0}.pos-toolbar{display:flex;gap:9px;padding:11px;border-bottom:1px solid var(--border);align-items:center}.pos-search{max-width:none;margin:0;flex:1 1}.pos-category-strip{display:flex;gap:7px;padding:10px 11px;overflow:auto;border-bottom:1px solid #edf0f5}.pos-category-strip button{height:32px;padding:0 13px;border:1px solid #dfe6f1;border-radius:18px;background:#fff;color:#55637b;font-size:10px;font-weight:800;white-space:nowrap}.pos-category-strip button.active{background:#eaf2ff;border-color:#9ebcf7;color:#2163ea}.pos-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100vh - 290px);overflow:auto}.pos-product-card{position:relative;min-height:118px;padding:12px}.pos-product-card .add-product{font-size:8px;color:#2163ea;font-weight:900;margin-top:3px}.pos-order-panel{min-height:calc(100vh - 170px);max-height:calc(100vh - 170px)}.pos-order-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;padding:10px 14px;border-bottom:1px solid #eef1f5}.pos-order-options .input-ref,.pos-order-options .select-ref{width:100%;min-width:0}.pos-adjust-row{display:grid;grid-template-columns:1fr 78px;grid-gap:8px;gap:8px;align-items:center;padding:3px 0;font-size:10px;color:#66738a}.pos-adjust-row .input-ref{padding:7px 8px;text-align:right;width:100%}.pos-payment-head{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px}.pos-payment-head label{display:flex;gap:5px;align-items:center;font-weight:700;color:#66738a}.pos-pay-grid{grid-template-columns:repeat(3,1fr)}.split-payments{display:grid;grid-gap:6px;gap:6px;margin-top:7px}.split-line{display:grid;grid-template-columns:1fr 92px 24px;grid-gap:5px;gap:5px}.split-line .input-ref,.split-line .select-ref{width:100%;padding:8px}.remove-pay{border:1px solid #f0c9c9;background:#fff4f4;color:#dc2626;border-radius:7px;font-weight:900}.add-pay{padding:8px 10px!important;font-size:9px!important}.payment-balance{display:grid;grid-template-columns:1fr auto;grid-gap:4px;gap:4px;font-size:9px;padding:7px 0;border-top:1px solid #eef1f5;margin-top:2px}.payment-balance b{text-align:right}.warn-text{color:#d97706}.ok-text{color:#16a34a}.pos-message{font-size:10px;color:#52617a;margin:8px 0 0;line-height:1.4}.pos-order-panel .btn-ref:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.pos-workspace{grid-template-columns:minmax(0,1fr) 380px}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.pos-workspace{grid-template-columns:1fr}.pos-order-panel{max-height:none;min-height:0}.pos-product-grid{max-height:none}}@media(max-width:650px){.pos-order-options,.pos-toolbar{grid-template-columns:1fr;display:grid}.pos-pay-grid,.pos-product-grid{grid-template-columns:1fr 1fr}}.pos-order-panel{display:grid!important;grid-template-rows:auto auto minmax(80px,1fr) auto!important;min-height:calc(100vh - 170px)!important;max-height:calc(100vh - 170px)!important;height:calc(100vh - 170px)!important;overflow:hidden!important;align-content:stretch!important}.pos-order-panel>.card-title-ref{min-height:47px;flex:none!important}.pos-order-panel>.pos-order-options{flex:none!important;min-height:0}.pos-order-panel>.order-lines-ref{grid-row:3;padding:5px 14px!important;z-index:1!important}.pos-order-panel>.order-lines-ref,.pos-order-panel>.order-summary-ref{min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}.pos-order-panel>.order-summary-ref{grid-row:4;flex:none!important;z-index:3!important;background:#fff!important;border-top:1px solid var(--border)!important}.pos-order-panel .order-line-ref{position:relative;z-index:1}@media(max-width:980px){.pos-order-panel{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.pos-order-panel>.order-lines-ref{flex:0 1 auto!important;min-height:120px!important;max-height:420px!important;overflow-y:auto!important}.pos-order-panel>.order-summary-ref{flex:0 0 auto!important;max-height:none!important;overflow:visible!important}}.language-switcher-ref{display:flex;align-items:center;gap:2px;height:34px;padding:2px;border:1px solid #dce3ee;background:#f7f9fc;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.language-switcher-ref button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;border-radius:7px;height:28px;min-width:32px;padding:0 8px;font-family:inherit;font-size:10px;font-weight:800;line-height:28px;color:#53617a;box-shadow:none;outline:0}.language-switcher-ref button:hover{background:#eaf1ff;color:#245fdc}.language-switcher-ref button.active{background:#2563eb;color:#fff;box-shadow:0 2px 6px rgba(37,99,235,.18)}.language-switcher-ref button:disabled{opacity:.65;cursor:wait}.sync-status-ref{position:fixed;top:10px;left:14px;z-index:60;display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#168044;white-space:nowrap;background:#fff;padding:5px 10px;border-radius:20px;box-shadow:0 4px 14px rgba(20,35,65,.12);border:1px solid var(--border)}.sync-status-ref.offline{color:#b45309}.sync-status-ref span{font-size:11px}.sync-status-ref b{min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;background:#f59e0b;color:#fff;font-size:8px;padding:0 4px}html[dir=rtl] .sync-status-ref{left:auto;right:14px}html[dir=rtl] .app-body,html[dir=rtl] .topbar{direction:rtl}html[dir=rtl] .sidebar-ref{border-right:0;border-left:1px solid var(--border)}html[dir=rtl] .global-search input{text-align:right}html[dir=rtl] .profile{direction:rtl}html[dir=rtl] .top-actions{margin-left:0;margin-right:auto}html[dir=rtl] .page-container,html[dir=rtl] .sidebar-promo{text-align:right}html[dir=rtl] .language-switcher-ref{direction:ltr}:root{--onepos-page-gap:18px;--onepos-card-radius:14px;--onepos-ui-scale:.96}body{line-height:1.5;letter-spacing:0}b,button,h1,h2,h3,h4,h5,h6,input,label,p,select,small,span,strong,td,textarea,th{line-height:1.45;letter-spacing:0}html[dir=rtl] b,html[dir=rtl] button,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6,html[dir=rtl] input,html[dir=rtl] label,html[dir=rtl] p,html[dir=rtl] select,html[dir=rtl] small,html[dir=rtl] span,html[dir=rtl] strong,html[dir=rtl] td,html[dir=rtl] textarea,html[dir=rtl] th{letter-spacing:0}.topbar{height:68px;padding-inline:22px;gap:9px}.top-brand{min-width:190px;gap:9px}.onepos-mark,.top-brand img{width:38px;height:38px}.top-brand strong{font-size:21px}.top-brand span{font-size:9px}.top-selector{height:40px;min-width:168px}.global-search{height:40px}.icon-button{width:40px;height:40px}.profile .avatar{width:38px;height:38px}.sidebar-ref{top:68px;height:calc(100vh - 68px);min-height:calc(100vh - 68px);overflow-y:auto;overflow-x:hidden;padding:16px 11px 14px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sidebar-ref::-webkit-scrollbar{width:6px}.sidebar-ref::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.side-nav-ref{gap:2px}.side-nav-ref a,.sidebar-ref>a{min-height:44px;padding:10px 12px;gap:11px;font-size:13px}.side-nav-ref a svg,.sidebar-ref>a svg{width:20px;height:20px;flex:0 0 20px}.sidebar-promo{min-height:112px;padding:13px 12px}.help-box{min-height:43px!important}.page-container{padding:20px 20px 52px;max-width:1460px}.page-header,.page-header-ref{margin-bottom:12px;gap:12px}.page-header h1,.page-header-ref h1{font-size:27px;line-height:1.12;margin-bottom:4px}.page-header p,.page-header-ref p{font-size:12px;line-height:1.55}.card-ref,.metric-ref{border-color:#dfe5ee;border-radius:var(--onepos-card-radius);box-shadow:0 5px 20px rgba(20,35,65,.055)}.card-title-ref{padding:13px 17px}.card-title-ref h2{line-height:1.25}.section-title-ref{padding:17px 20px 11px;min-height:52px;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title-ref h2{font-size:15px;margin:0 0 4px;line-height:1.25}.section-title-ref p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.section-title-ref>strong{font-size:11px;font-weight:800;color:#2563eb;white-space:nowrap}.dashboard-grid-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}@media(max-width:980px){.dashboard-grid-ref{grid-template-columns:1fr}}.card-ref>h1:first-child,.card-ref>h2:first-child,.card-ref>h3:first-child{margin:0;padding:19px 21px 7px;line-height:1.25}.card-ref>p:first-of-type{margin:0;padding:0 21px 16px;line-height:1.55;color:#68758a}.card-ref>.empty-ref{min-height:110px;padding:32px 22px;line-height:1.6}.table-wrap-ref{padding-inline:0}.table-ref td,.table-ref th{padding:10px 12px;line-height:1.5}.filter-bar{padding:12px 14px;gap:9px}.form-grid-ref{padding:16px;gap:12px}.field-ref label{line-height:1.5}.dashboard-layout{gap:14px;margin-top:14px}.dashboard-layout+.dashboard-layout{margin-top:14px!important}.section-card-ref{margin-top:14px}.dashboard-layout>.card-ref{min-width:0}.dashboard-layout>.card-ref>.card-title-ref{min-height:55px}.section-card-ref .card-title-ref{padding:17px 20px 11px;min-height:62px}.section-card-ref .card-title-ref h2{margin:0 0 7px;line-height:1.25}.section-card-ref .card-title-ref p{margin:0;line-height:1.55}.section-card-ref .chart-box{padding:18px 20px 22px}.chart-box{padding:18px 16px 12px;min-height:250px}.quick-grid-ref{padding:13px;gap:9px}.metric-grid-ref{gap:12px}.metric-ref{min-height:108px;padding:15px 16px}.metric-copy span{font-size:10px}.metric-copy strong{font-size:24px}.legacy-page .page-header h1,.legacy-page .top h1{font-size:27px}.legacy-page .page-header,.legacy-page .top{margin-bottom:12px}.page-area:has(.order-panel-ref) .page-container{height:calc(100vh - 115px);overflow:hidden;padding-top:10px;padding-bottom:10px}.page-area:has(.order-panel-ref) .page-header-ref{flex:0 0 auto;min-height:38px;margin-bottom:8px;align-items:center}.page-area:has(.order-panel-ref) .page-header-ref h1{font-size:24px;line-height:1;margin:0 0 2px}.page-area:has(.order-panel-ref) .page-header-ref p{font-size:10px;line-height:1.3}.page-area:has(.order-panel-ref) .header-actions-ref{gap:7px}.side-nav-ref svg,.sidebar-ref>a svg{transform:scale(.92)}html[dir=rtl] .page-container{text-align:right}html[dir=rtl] .card-title-ref,html[dir=rtl] .filter-bar,html[dir=rtl] .page-header-ref{direction:rtl}html[dir=rtl] .metric-ref,html[dir=rtl] .table-ref td,html[dir=rtl] .table-ref th{text-align:right}.app-body{align-items:stretch}.page-area{min-width:0;overflow-x:hidden}@media(max-width:1200px){.top-brand{min-width:175px}.top-selector{min-width:145px}}@media(max-width:980px){.topbar{height:68px}.sidebar-ref{top:68px}.page-container{padding:17px 14px 48px}.page-area:has(.order-panel-ref) .page-container{height:auto;overflow:visible}}.orders-card-ref{overflow:hidden}.orders-table-wrap{max-height:none}.orders-table-wrap .table-ref{min-width:920px}.order-status-select{min-width:145px;padding:7px 9px;font-size:10px}@media(max-width:980px){.orders-table-wrap{overflow-x:auto}.orders-table-wrap .table-ref{min-width:820px}}.notice-ref{background:#eef4ff;border:1px solid #cfe0fb;color:#1d4ed8;padding:11px 15px;border-radius:10px;font-size:12.5px;margin-bottom:16px}.btn-primary-ref{background:#2463e9!important;color:#fff!important;box-shadow:0 5px 13px rgba(37,99,235,.18)}.btn-secondary-ref{background:#fff!important;border:1px solid var(--border)!important;color:#263653!important}.badge-success-ref{background:#c6f6d9;color:#15803d}.badge-ref.red{background:#fde2e2;color:#b91c1c}.cell-sub-ref{font-size:10px;color:#8290a5;margin-top:2px}.admin-tabs-ref{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.admin-tabs-ref .btn-ref{padding:10px 16px}.admin-list-ref{display:grid;grid-gap:0;gap:0}.admin-row-ref{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:14px;gap:14px;padding:12px 4px;border-bottom:1px solid #eef1f5;font-size:12.5px}.admin-row-ref:last-child{border-bottom:0}.admin-row-ref span{color:var(--muted);font-size:11px}.permission-grid-ref{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:9px;gap:9px;padding:16px}.permission-grid-ref label{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#3c495e}.kpi-tile-grid-ref{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.kpi-tile-ref{display:flex;align-items:center;gap:13px;padding:16px 18px}.kpi-tile-icon-ref{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.kpi-tile-icon-ref.green{background:#e3f8ec;color:#15803d}.kpi-tile-icon-ref.blue{background:#e8f0ff;color:#2563eb}.kpi-tile-icon-ref.orange{background:#fff1de;color:#c2670a}.kpi-tile-icon-ref.red{background:#fde2e2;color:#b91c1c}.kpi-tile-ref span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.kpi-tile-ref strong{display:block;font-size:20px;letter-spacing:-.4px;color:var(--text)}.perf-bars-ref{display:grid;grid-gap:11px;gap:11px}.perf-bar-row-ref{display:grid;grid-template-columns:104px 1fr auto;align-items:center;grid-gap:10px;gap:10px;font-size:12px}.perf-bar-row-ref span{color:#3c495e;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-bar-track-ref{height:8px;background:#eef1f6;border-radius:6px;overflow:hidden}.perf-bar-fill-ref{height:100%;background:linear-gradient(90deg,#2563eb,#5b8def);border-radius:6px}.perf-bar-row-ref b{font-size:11px;color:var(--text);white-space:nowrap}html[dir=rtl] .perf-bar-row-ref{grid-template-columns:auto 1fr 104px}html[dir=rtl] .perf-bar-row-ref span{text-align:right}.brand-card-grid-ref{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;padding:14px 18px 18px}.brand-card-ref{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:13px}.brand-card-badge-ref{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:#2563eb;display:grid;place-items:center;font-weight:800;font-size:15px;flex:0 0 auto}.product-thumb.t-blue{background:linear-gradient(135deg,#eaf1ff,#d9e6fe);color:#2563eb}.product-thumb.t-orange{background:linear-gradient(135deg,#fff3e2,#ffe4bf);color:#c2670a}.product-thumb.t-green{background:linear-gradient(135deg,#e9f9ee,#cdf1da);color:#15803d}.product-thumb.t-purple{background:linear-gradient(135deg,#f2ecff,#e2d4ff);color:#7c3aed}.product-thumb.t-red{background:linear-gradient(135deg,#ffecec,#ffd7d7);color:#dc2626}.product-thumb.t-teal{background:linear-gradient(135deg,#e3faf7,#c8f3ec);color:#0891b2}.kds-board-ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}.kds-column-ref{background:#f6f8fc;border:1px solid var(--border);border-radius:13px;overflow:hidden}.kds-column-head-ref{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:800;color:#fff}.kds-column-head-ref.red{background:#dc2626}.kds-column-head-ref.orange{background:#f59e0b}.kds-column-head-ref.green{background:#16a34a}.kds-column-head-ref b{background:rgba(255,255,255,.25);border-radius:20px;padding:2px 9px;font-size:11px}.kds-column-body-ref{display:grid;grid-gap:10px;gap:10px;padding:12px;max-height:calc(100vh - 260px);overflow-y:auto}.kds-ticket-ref{background:#fff;border:1px solid var(--border);border-radius:11px;padding:12px 13px;box-shadow:var(--shadow)}.kds-ticket-head-ref{display:flex;justify-content:space-between;align-items:center;font-size:13px}.kds-timer-ref{font-size:11px;font-weight:800;border-radius:20px;padding:2px 9px}.kds-timer-ref.red{background:#fde2e2;color:#b91c1c}.kds-timer-ref.orange{background:#fff0d6;color:#b45309}.kds-timer-ref.green{background:#c6f6d9;color:#15803d}.kds-ticket-meta-ref{font-size:10.5px;color:var(--muted);margin:3px 0 9px}.kds-ticket-items-ref{display:grid;grid-gap:5px;gap:5px;border-top:1px dashed var(--border);padding-top:8px}.kds-ticket-item-ref{display:flex;justify-content:space-between;font-size:12px;color:#3c495e}@media(max-width:980px){.kds-board-ref{grid-template-columns:1fr}.kds-column-body-ref{max-height:none}}.menu-photo-thumb-ref{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.menu-photo-cell-ref{width:44px;height:44px;border-radius:9px;border:1px dashed #c7d0de;background:#f8fafc;padding:0;overflow:hidden;display:grid;place-items:center;cursor:pointer}.menu-photo-cell-ref img{width:100%;height:100%;object-fit:cover;display:block}.menu-photo-cell-ref span{font-size:8px;color:#8b96a7;font-weight:700;text-align:center;line-height:1.3}.menu-photo-cell-ref:hover{border-color:#8db0f5}.pos-product-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:1}.legacy-page{display:block}.page-header,.top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin:0 0 18px}.page-header h1,.top h1{font-size:27px;line-height:1.12;margin:0 0 4px;letter-spacing:-.8px;color:var(--text)}.page-header p,.top p{margin:0;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:18px 20px;margin-bottom:14px}.card h2{font-size:16px;margin:0 0 6px;letter-spacing:-.3px;color:var(--text)}.card>p.muted,.card>p:first-of-type{color:var(--muted);font-size:12.5px;margin:0 0 14px}.grid{grid-gap:14px}.grid,.grid-2{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}@media(max-width:900px){.grid-2,.grid[style*="1fr 1fr"]{grid-template-columns:1fr!important}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;align-items:end;margin:4px 0 12px}.form-grid>label{display:flex;flex-direction:column;gap:6px}.card label,.form-grid>label{font-size:11px;font-weight:700;color:#526079}.card label{display:block;margin:0 0 6px}.card input,.card select,.card textarea,.field input,.field select,.field textarea{width:100%;border:1px solid #d9e0eb;border-radius:9px;background:#fff;padding:10px 11px;font-size:12.5px;color:var(--text);outline:none;box-sizing:border-box;font-family:inherit}.card input:focus,.card select:focus,.card textarea:focus,.field input:focus,.field select:focus{border-color:#8db0f5;box-shadow:0 0 0 3px #edf4ff}.field{margin-bottom:12px}.field label{display:block;font-size:11px;font-weight:700;color:#526079;margin-bottom:6px}.btn,.pay{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:10px;padding:11px 16px;font-size:12.5px;font-weight:800;background:#fff;color:#263653;cursor:pointer;font-family:inherit}.btn:hover{border-color:#c2cee0}.btn.primary,.pay{background:var(--primary,#2563eb);color:#fff;border-color:transparent;box-shadow:0 5px 13px rgba(37,99,235,.18)}.btn.primary:hover,.pay:hover{filter:brightness(.94)}.btn.danger{background:#dc2626;color:#fff;border-color:transparent}.btn.secondary{background:#fff;color:#263653}.btn:disabled,.pay:disabled{opacity:.6;cursor:not-allowed}.notice{background:#eef4ff;border:1px solid #cfe0fb;color:#1d4ed8;padding:10px 14px;border-radius:9px;font-size:12.5px;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.kpi span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.kpi strong{display:block;font-size:22px;letter-spacing:-.5px;color:var(--text)}.report-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:12.5px;color:#3c495e}.report-row:last-child{border-bottom:0}.report-row.total{font-weight:800;font-size:14px;border-top:2px solid var(--border);border-bottom:0;margin-top:4px;padding-top:12px;color:var(--text)}.tabs{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}.tabs button{border:1px solid var(--border);background:#fff;color:#4a5872;padding:9px 15px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.tabs button.active{background:var(--primary,#2563eb);color:#fff;border-color:transparent}.table-wrap{overflow-x:auto}.table,table.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f5;font-size:12.5px}.table th{color:#748198;font-size:10px;text-transform:uppercase;background:#fbfcfe;font-weight:800}.table td strong{font-size:12.5px}.badge{display:inline-flex;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;background:#eef2f8;color:#4a5872}.badge.warning{background:#fff0d6;color:#b45309}.badge.success{background:#c6f6d9;color:#15803d}.badge.danger{background:#fde2e2;color:#b91c1c}.page-shell{padding:6px 2px 40px}.main{min-height:100vh;padding:40px 20px;box-sizing:border-box}.main .top{margin-bottom:20px}.main pre{background:#f6f8fc;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:11px;margin-top:14px;overflow:auto}html[dir=rtl] .page-header,html[dir=rtl] .top{direction:rtl;text-align:right}html[dir=rtl] .card label,html[dir=rtl] .field label,html[dir=rtl] .form-grid>label,html[dir=rtl] .table td,html[dir=rtl] .table th{text-align:right}