:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f8fafb;--border: #e3e8ee;--border-strong: #cbd5df;--text: #0f1b2a;--text-2: #4a5a6c;--text-3: #7b8a9b;--primary: #0f766e;--primary-600: #0d6961;--primary-50: #e8f5f3;--primary-100: #cdebe6;--accent: #b7791f;--danger: #c0392b;--danger-50: #fcecea;--success: #15803d;--success-50: #e8f6ec;--amber-50: #fdf6e7;--blue: #2563eb;--blue-50: #eaf1fe;--side: #0c1a26;--side-2: #132535;--side-text: #b6c4d2;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16,32,48,.06), 0 4px 16px rgba(16,32,48,.06);--font: "Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Sans", system-ui, -apple-system, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}h1,h2,h3{margin:0;font-weight:800;letter-spacing:0;color:var(--ink)}.auth-side h1,.auth-side h2,.platform-top h1{color:#fff}.num,.n{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:plaintext;text-align:end}.mono{font-family:var(--mono);font-size:.92em;direction:ltr;unicode-bidi:embed}.muted{color:var(--text-3)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--side);color:var(--side-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--primary);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--side-text);font-weight:400;font-size:11.5px}.nav{padding:6px 10px 16px;display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--side-text);text-decoration:none;font-weight:500}.nav a:hover{background:var(--side-2);color:#fff}.nav a.active{background:var(--primary);color:#fff}.nav-sep{height:1px;background:#1a4a36;margin:8px 6px}.side-foot{margin-top:auto;padding:14px 16px;border-top:1px solid #1A4A36;font-size:12.5px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:58px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:20}.topbar .spacer{flex:1}.topbar .global-search{position:relative;width:min(420px,45vw)}.search-results{position:absolute;inset-inline:0;top:42px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:420px;overflow:auto;padding:6px;z-index:40}.search-results h4{margin:8px 8px 4px;font-size:11.5px;color:var(--text-3);text-transform:uppercase}.search-results button{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:start;border:0;background:none;padding:7px 8px;border-radius:6px;cursor:pointer}.search-results button:hover{background:var(--surface-2)}.user-chip{display:flex;align-items:center;gap:8px;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-100);color:var(--primary);display:grid;place-items:center;font-weight:700}.content{padding:22px 24px 40px;max-width:1480px;width:100%;margin:0 auto}.icon-btn.menu-btn{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head p{margin:4px 0 0;color:var(--text-2)}.page-actions,.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{margin-bottom:14px}.toolbar .grow{flex:1}.grid{display:grid;gap:16px}.g-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.card-head h3{font-size:15px}.card-body{padding:16px}.card-actions{display:flex;gap:6px;flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow)}.stat-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary);flex:none}.stat-amber .stat-icon{background:var(--amber-50);color:var(--accent)}.stat-blue .stat-icon{background:var(--blue-50);color:var(--blue)}.stat-red .stat-icon{background:var(--danger-50);color:var(--danger)}.stat-green .stat-icon{background:var(--success-50);color:var(--success)}.stat-label{color:var(--text-2);font-size:12.5px}.stat-value{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.stat-sub{color:var(--text-3);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:0 14px;height:36px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-lg{height:46px;padding:0 20px;font-size:15.5px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a93226}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#166534}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.icon-btn{border:0;background:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--text-2);display:inline-grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.spinner{width:15px;height:15px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field-error{font-size:12px;color:var(--danger)}.field-hint{font-size:12px;color:var(--text-3)}input:not([type=checkbox]):not([type=radio]),select,textarea{height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 11px;background:var(--surface);width:100%;min-width:0}textarea{height:auto;min-height:70px;padding:8px 11px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.has-error input,.has-error select{border-color:var(--danger)}input[type=number]{direction:ltr;text-align:end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span2{grid-column:1 / -1}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.check input{width:16px;height:16px;accent-color:var(--primary)}.searchbox{position:relative;min-width:220px;flex:1;max-width:380px}.searchbox svg{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);color:var(--text-3)}.searchbox input:not([type=checkbox]){padding-inline-start:34px}.daterange{display:flex;gap:8px}.daterange label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px;color:var(--text-2);font-weight:600}.daterange input{width:150px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:start;font-size:12px;font-weight:700;color:var(--text-2);background:var(--surface-2);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table.dense td,.table.dense th{padding:6px 10px}.table th.num,.table td.num,.table tfoot td.num{text-align:right}.table tbody tr:hover td{background:#fbfcfd}.table.clickable tbody tr{cursor:pointer}.table tfoot td{font-weight:700;background:var(--surface-2);border-top:2px solid var(--border-strong)}.table-loading{padding:40px;display:grid;place-items:center;color:var(--text-3)}.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--text-2);font-size:13px}.pager>div{display:flex;align-items:center;gap:6px}.pager-n{min-width:56px;text-align:center}.empty{padding:34px 10px;text-align:center;color:var(--text-3)}.empty p{margin:6px 0 0}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.badge-gray{background:#eef1f4;color:var(--text-2)}.badge-green{background:var(--success-50);color:var(--success)}.badge-red{background:var(--danger-50);color:var(--danger)}.badge-amber{background:var(--amber-50);color:var(--accent)}.badge-blue{background:var(--blue-50);color:var(--blue)}.badge-teal{background:var(--primary-50);color:var(--primary)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 14px;cursor:pointer;font-weight:600;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.modal-backdrop{position:fixed;inset:0;background:#0c1a2673;display:grid;place-items:center;padding:16px;z-index:100;animation:fade .12s}.modal{background:var(--surface);border-radius:14px;width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.modal-sm{max-width:440px}.modal-md{max-width:640px}.modal-lg{max-width:900px}.modal-xl{max-width:1180px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px}.modal-body{padding:18px;overflow-y:auto}.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dialog-msg{margin:0 0 12px;color:var(--text-2)}@keyframes fade{0%{opacity:0}}.toasts{position:fixed;bottom:18px;inset-inline-start:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}[dir=rtl] .toasts{transform:translate(50%)}.toast{background:#10202e;color:#fff;padding:11px 18px;border-radius:9px;box-shadow:var(--shadow);max-width:560px;font-weight:500;animation:fade .15s}.toast-err{background:var(--danger)}.toast-ok{background:#10202e}.toast-info{background:var(--blue)}.picker{position:relative}.picker-value{display:flex;align-items:center;justify-content:space-between;height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 6px 0 11px;background:var(--primary-50);font-weight:600}[dir=rtl] .picker-value{padding:0 11px 0 6px}.picker-list{position:absolute;inset-inline:0;top:42px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:280px;overflow:auto;padding:4px}.picker-list button{display:block;width:100%;text-align:start;border:0;background:none;padding:8px 9px;border-radius:6px;cursor:pointer}.picker-list button:hover{background:var(--surface-2)}.picker-empty{padding:10px;color:var(--text-3);text-align:center}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-side{background:linear-gradient(160deg,#0c1a26,#0f3b3a);color:#d9e6ee;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.auth-side h2{color:#fff;font-size:30px;line-height:1.3;max-width:440px}.auth-side ul{padding:0;list-style:none;display:grid;gap:10px}.auth-side li{display:flex;gap:10px;align-items:center}.auth-form{display:grid;place-items:center;padding:32px}.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:24px;margin-bottom:6px}.auth-card p{color:var(--text-2);margin:0 0 22px}.auth-card form{display:grid;gap:14px}.wizard{max-width:820px;margin:32px auto;padding:0 16px}.steps{display:flex;gap:8px;margin:14px 0 20px}.steps span{flex:1;height:5px;border-radius:3px;background:var(--border)}.steps span.on{background:var(--primary)}.pos{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:16px;height:calc(100dvh - 208px);min-height:460px}.pos-left{display:flex;flex-direction:column;min-height:0;min-width:0;gap:12px}.pos>*{min-width:0}.pos-scan{display:flex;gap:8px}.pos-scan .scan-input{flex:1;position:relative}.pos-scan .scan-input input:not([type=checkbox]){height:54px;font-size:16px;padding-inline-start:46px;border-width:2px;border-radius:14px;background:var(--surface)}.pos-scan .scan-input svg{position:absolute;inset-inline-start:15px;top:50%;transform:translateY(-50%);color:var(--primary)}.cats{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.cats button{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-height:46px;padding:0 20px;cursor:pointer;white-space:nowrap;font-weight:700;font-size:15px;color:var(--text-2);box-shadow:0 1px 2px #10202e0d}.cats button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0f766e47}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;overflow-y:auto;align-content:start;padding:2px 2px 12px;flex:1;-webkit-overflow-scrolling:touch}.pitem{--tone: var(--primary);position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 14px 14px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:124px;overflow:hidden;box-shadow:0 1px 3px #10202e0f;transition:transform .06s,box-shadow .12s,border-color .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pitem:before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--tone)}.pitem:hover{border-color:var(--tone);box-shadow:0 6px 16px #10202e1a}.pitem:active{transform:scale(.96)}.pitem.in{border-color:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 30%,transparent)}.pitem .pname{font-weight:700;font-size:15.5px;line-height:1.35;flex:1;padding-inline-end:4px}.pitem.in .pname{padding-inline-end:34px}html[dir=ltr] .pitem .pbadge{left:auto;right:10px}.pitem .pprice{align-self:flex-start;font-weight:800;color:#fff;background:var(--tone);border-radius:999px;padding:3px 12px;font-size:14.5px;font-variant-numeric:tabular-nums}.pitem .pstock{font-size:12px;color:var(--text-3)}.pitem .pstock.low{color:var(--danger);font-weight:700}.pitem .pbadge{position:absolute;left:10px;right:auto;top:14px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--text);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}.cart{background:var(--surface);border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;min-height:0;box-shadow:0 8px 28px #10202e1a;overflow:hidden}.cart-head{padding:12px 14px;border-bottom:1px solid var(--border);display:grid;gap:10px;background:var(--surface-2)}.cart-head .btn-sm{height:40px;padding:0 14px;border-radius:10px}.cart-title{display:flex;align-items:center;gap:8px;padding:10px 16px 4px;font-size:16px}.cart-count{background:var(--primary);color:#fff;border-radius:999px;min-width:26px;height:26px;padding:0 8px;display:inline-grid;place-items:center;font-weight:800;font-size:13px}.cart-lines{flex:1;min-height:130px;overflow-y:auto;-webkit-overflow-scrolling:touch}.cline{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 16px;border-bottom:1px solid var(--border)}.cline.sel{background:var(--primary-50)}.cline .cname{font-weight:700;font-size:15px}.cline .ctotal{font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.cline .cmeta{color:var(--text-3);font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cline .icon-btn{width:40px;height:40px}.qtybox{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;background:var(--surface)}.qtybox button{border:0;background:var(--surface-2);width:44px;height:44px;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}.qtybox button:active{background:var(--primary-100)}.qtybox input{width:56px!important;height:44px!important;border:0!important;border-radius:0!important;text-align:center!important;padding:0!important;box-shadow:none!important;font-size:16px!important;font-weight:700}.cart-sum{padding:12px 16px;border-top:1px solid var(--border);display:grid;gap:4px;background:var(--surface-2)}.cart-sum .r{display:flex;justify-content:space-between;align-items:center;color:var(--text-2)}.cart-sum .grand{font-size:26px;font-weight:800;color:var(--text);margin-top:6px;padding-top:8px;border-top:1px dashed var(--border-strong)}.cart-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px 14px 14px}.cart-actions .btn{height:48px;border-radius:12px;font-size:14.5px}.cart-actions .pay{grid-column:1 / -1;height:66px;font-size:21px;border-radius:16px;box-shadow:0 8px 20px #0f766e4d}.pos-bar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pos-bar .btn-sm{height:40px;border-radius:12px;padding:0 14px}.pos-bar .info{display:flex;gap:14px;color:var(--text-2);font-size:13px;align-items:center;flex-wrap:wrap}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pay-total{font-size:38px;font-weight:800;text-align:center;padding:16px;background:var(--primary-50);border-radius:14px;color:var(--primary);font-variant-numeric:tabular-nums}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick .btn{height:52px;font-size:16px;border-radius:12px}.pay-lines{display:grid;gap:8px}.pay-line{display:grid;grid-template-columns:1fr 130px 32px;gap:6px;align-items:center}.change{font-size:22px;font-weight:800;color:var(--success)}.offline-pill{background:var(--danger-50);color:var(--danger);border-radius:999px;padding:3px 10px;font-weight:700;font-size:12px}@media (max-height: 860px){.pos{height:calc(100dvh - 142px);min-height:380px;gap:12px}.pos-bar{flex-wrap:nowrap;overflow-x:auto;margin-bottom:8px;gap:8px}.pos-bar>*{flex:none}.pos-bar .info>span:not(:first-child){display:none}.pos-bar .btn-sm,.seg button{height:36px}.pos-scan .scan-input input:not([type=checkbox]){height:46px}.cats button{min-height:38px;padding:0 16px}.pgrid{gap:10px}.pitem{min-height:100px;padding:12px 12px 10px}.cart-head{padding:8px 12px;gap:6px}.cart-head .btn-sm{height:34px}.cart-head input,.cart-head select{height:38px}.cart-title{display:none}.cline{padding:6px 14px;gap:2px 8px;grid-template-areas:"n t" "m a"}.cline>:nth-child(1){grid-area:n}.cline>:nth-child(2){grid-area:t}.cline>:nth-child(3){grid-area:m}.cline>:nth-child(4){grid-area:a}.cline .icon-btn{width:36px;height:36px}.cart-actions{grid-template-columns:auto auto 1fr!important}.cart-actions .pay{grid-column:auto;min-width:0;font-size:16px;padding:0 8px}.cart-actions .btn:nth-child(3){display:none}.cart-actions .btn:nth-child(1),.cart-actions .btn:nth-child(2){font-size:0;gap:0;padding:0;width:46px}.qtybox button{width:38px;height:38px}.qtybox input{height:38px!important}.cart-sum{padding:8px 14px;gap:2px}.cart-sum .r:nth-child(1),.cart-sum .r:nth-child(3){display:none}.cart-sum .grand{font-size:22px;margin-top:2px;padding-top:4px}.cart-actions{padding:8px 12px 10px;gap:8px}.cart-actions .btn{height:40px}.cart-actions .pay{height:54px;font-size:19px}}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:3px;gap:2px}.seg button{border:0;background:transparent;height:36px;padding:0 16px;border-radius:9px;font-weight:700;color:var(--text-2);cursor:pointer;touch-action:manipulation}.seg button.on{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0f766e4d}.v-list .pgrid{grid-template-columns:1fr;gap:6px}.v-list .pitem{flex-direction:row;align-items:center;min-height:58px;padding:8px 16px;border-radius:12px;gap:14px}.v-list .pitem:before{inset-inline:auto;inset-inline-start:0;top:0;bottom:0;width:5px;height:auto}.v-list .pitem .pname{font-size:15px}.v-list .pitem .pstock{min-width:90px;text-align:end}.v-list .pitem .pbadge{position:static;order:-1}.v-scan{grid-template-columns:minmax(0,1fr) minmax(420px,54%)}.scan-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:linear-gradient(160deg,var(--primary-50),var(--surface));border:2px dashed var(--primary);border-radius:20px;padding:24px;color:var(--primary)}.scan-hero h2{margin:0;font-size:30px;color:var(--text)}.scan-hero p{margin:0}.scan-last{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:12px 20px;font-size:20px;font-weight:700;box-shadow:var(--shadow)}.scan-total{font-size:64px;font-weight:800;color:var(--primary);line-height:1.1;margin-top:6px}@media (pointer: coarse){.cline .icon-btn{width:46px;height:46px}.pitem{min-height:132px}}.bars{display:flex;align-items:flex-end;gap:4px;height:180px;padding-top:10px}.bars .bar{flex:1;background:var(--primary-100);border-radius:4px 4px 0 0;position:relative;min-height:2px}.bars .bar:hover{background:var(--primary)}.bars .bar .tip{display:none;position:absolute;bottom:calc(100% + 4px);inset-inline-start:50%;transform:translate(-50%);background:#10202e;color:#fff;padding:3px 7px;border-radius:5px;font-size:11.5px;white-space:nowrap;z-index:3}[dir=rtl] .bars .bar .tip{transform:translate(50%)}.bars .bar:hover .tip{display:block}.bar-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);margin-top:6px}.hbar{display:grid;gap:9px}.hbar-row{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:10px;align-items:center;font-size:13px}.hbar-track{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.hbar-fill{height:100%;background:var(--primary);border-radius:4px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-weight:600}.tree-row{display:flex;align-items:center;gap:8px}.qrbox{display:inline-block;padding:8px;background:#fff;border:1px solid var(--border);border-radius:8px}.notice{background:var(--amber-50);border:1px solid #f1dcae;color:#7a5410;border-radius:9px;padding:11px 14px}.notice.info{background:var(--blue-50);border-color:#cfdcf8;color:#1e3a8a}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}.perm-mod{grid-column:1 / -1;margin-top:10px;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:4px}.lines-editor td input,.lines-editor td select{height:34px}.statement-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.right-sum{display:grid;gap:4px;max-width:360px;margin-inline-start:auto}.right-sum div{display:flex;justify-content:space-between;gap:16px}.right-sum .grand{font-weight:800;font-size:17px;border-top:1px solid var(--border);padding-top:6px}.fin-table td:first-child{padding-inline-start:14px}.fin-table tr.sub td{font-weight:700;background:var(--surface-2)}.fin-table tr.total td{font-weight:800;border-top:2px solid var(--text)}@media (max-width: 1180px){.pos,.v-scan{grid-template-columns:minmax(0,1fr) 380px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-inline-start:0;top:0;width:262px;z-index:90;transform:translate(-100%);transition:transform .18s}[dir=rtl] .sidebar{transform:translate(100%)}.app.nav-open .sidebar{transform:none;box-shadow:0 0 40px #00000059}.icon-btn.menu-btn{display:inline-grid}.pos{grid-template-columns:1fr;height:auto}.pgrid{max-height:46vh}.cart{min-height:480px}.g3,.g2,.g-2-1{grid-template-columns:1fr}.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}.pay-grid{grid-template-columns:1fr}}@media (max-width: 640px){.content{padding:14px 12px 30px}.topbar{padding:0 10px;gap:6px}.topbar .global-search{width:auto;flex:1;min-width:0}.topbar .searchbox{min-width:0}.topbar .btn span,.topbar .avatar{display:none}.topbar .btn{padding:0 8px}.search-results{position:fixed;inset-inline:8px;top:60px}.hbar-row{grid-template-columns:minmax(80px,42%) 1fr auto}.g4,.form-grid{grid-template-columns:1fr}.user-chip .uname{display:none}.daterange input{width:130px}}.backdrop-nav{display:none}@media (max-width: 960px){.app.nav-open .backdrop-nav{display:block;position:fixed;inset:0;background:#00000059;z-index:80}}.auth-alt{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.auth-alt .btn{justify-content:center}.signup{max-width:980px;margin:0 auto;padding:28px 16px 48px}.signup h1{font-size:26px;margin-bottom:4px}.signup>p{margin:0 0 20px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px}.plan{text-align:start;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;font:inherit;color:inherit;display:grid;gap:6px}.plan:hover{border-color:var(--primary-100)}.plan-name{font-weight:800;font-size:16px}.plan-price b{font-size:30px;color:var(--primary)}.plan-price span{color:var(--text-2)}.plan ul{margin:6px 0 0;padding-inline-start:18px;color:var(--text-2);display:grid;gap:3px}.signup-done{text-align:center;display:grid;gap:12px;justify-items:center;padding:34px 20px}.signup-done>svg{color:var(--success);background:var(--success-50);border-radius:50%;padding:10px;box-sizing:content-box}.signup-done h1{font-size:24px}.signup-done p{margin:0}.store-code{font-size:46px;font-weight:800;letter-spacing:6px;color:var(--primary);background:var(--primary-50);border:2px dashed var(--primary-100);border-radius:14px;padding:8px 28px;direction:ltr}.sub-banner{display:flex;align-items:center;gap:10px;padding:9px 20px;font-weight:600;text-decoration:none;border-bottom:1px solid}.sub-banner b{margin-inline-start:auto;text-decoration:underline;white-space:nowrap}.sub-amber{background:var(--amber-50);color:#7a5410;border-color:#f1dcae}.sub-red{background:var(--danger-50);color:var(--danger);border-color:#f3c7c1}.sub-big{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;font-size:16px;color:var(--text-2)}.sub-big b{font-size:44px;color:var(--primary);line-height:1}.usage-list{display:grid;gap:14px}.usage-list>div{display:grid;gap:6px}.usage{display:flex;align-items:center;gap:10px}.usage .hbar-track{flex:1}.usage span{min-width:54px;text-align:end;font-weight:700}.renew-steps{margin:0;padding-inline-start:20px;display:grid;gap:12px}.bank-box{margin-top:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;max-width:520px}.copy-line{display:flex;gap:8px;align-items:center}.copy-line input{direction:ltr;font-family:ui-monospace,monospace;font-size:12.5px}.platform-top{background:#0c1a26;color:#fff}.platform-top .brand-mark{background:var(--forest)}@media (max-width: 640px){.sub-banner{flex-wrap:wrap;padding:9px 12px}.sub-banner b{margin-inline-start:0}.store-code{font-size:34px;letter-spacing:3px}}.platform-top .btn-ghost,.platform-top .icon-btn{color:#e6eef4}.platform-top .btn-ghost:hover,.platform-top .icon-btn:hover{background:#ffffff14}:root{--ink: #0A2E51;--forest: #0A6B3B;--emerald: #24B484;--lime: #6CCC6C;--primary: #0A6B3B;--primary-600: #07562F;--primary-50: #E6F4EC;--primary-100: #C6E5D2;--accent: #A97B1E;--sand: #F3E7C9;--side: #072B1E;--side-2: #0F4A32;--side-text: #BFD6C8;--bg: #F2F5F8;--surface-2: #F8FAFC;--border: #E1E8EF;--border-strong: #C9D5E1;--text: #0E2238;--text-2: #44566B;--text-3: #5E7087;--font: "Segoe UI Variable Text", "Segoe UI", "SF Arabic", "Geeza Pro", "Noto Sans Arabic", Tahoma, system-ui, -apple-system, Arial, sans-serif;--brand-gradient: linear-gradient(135deg, #04261A 0%, #08442B 42%, #0A6B3B 78%, #1A9157 100%);--orbit: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%20fill='none'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%3E%3Cstop%20offset='0'%20stop-color='%2324B484'%20stop-opacity='0'/%3E%3Cstop%20offset='.6'%20stop-color='%2324B484'/%3E%3Cstop%20offset='1'%20stop-color='%236CCC6C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20transform='rotate%28-20%20320%20320%29'%3E%3Cellipse%20cx='320'%20cy='320'%20rx='300'%20ry='118'%20stroke='%23fff'%20stroke-opacity='.10'%20stroke-width='1.5'/%3E%3Cellipse%20cx='320'%20cy='320'%20rx='236'%20ry='92'%20stroke='%23fff'%20stroke-opacity='.07'%20stroke-width='1.5'/%3E%3Cellipse%20cx='320'%20cy='320'%20rx='300'%20ry='118'%20stroke='url%28%23g%29'%20stroke-width='5'%20stroke-linecap='round'%20stroke-dasharray='520%201500'%20stroke-dashoffset='-980'/%3E%3C/g%3E%3C/svg%3E")}.logo{flex:none;display:block}.brand-logo{width:36px;height:36px;border-radius:9px;object-fit:contain;background:#fff;flex:none}.sidebar{background:linear-gradient(180deg,#072b1e,#06301f)}.sidebar .side-foot{position:relative}.side-contact{margin-top:6px;opacity:.85}.side-contact a{color:var(--lime);text-decoration:none}.nav a.active{background:#6ccc6c29;color:#fff;box-shadow:inset 3px 0 0 var(--lime)}[dir=rtl] .nav a.active{box-shadow:inset -3px 0 0 var(--lime)}.auth-side{position:relative;overflow:hidden;background:var(--brand-gradient);isolation:isolate}.auth-side:before{content:"";position:absolute;z-index:-1;width:880px;height:880px;inset-inline-end:-300px;bottom:-330px;background:var(--orbit) center / contain no-repeat;pointer-events:none}.auth-side h2{color:#fff}.auth-side li svg{color:var(--lime)}.brandmark{display:flex;align-items:center;gap:12px}.brandmark b{display:block;font-size:26px;line-height:1.1;letter-spacing:0}.brandmark small{display:block;opacity:.8;font-size:12.5px}.auth-side .brandmark b{color:#fff;font-size:30px}.contact-card{position:relative;z-index:1;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#ffffff12;border:1px solid rgba(108,204,108,.35);border-radius:12px;padding:12px 14px}.contact-who{display:grid;gap:2px}.contact-who span{font-size:12px;opacity:.8}.contact-who b{color:#fff;font-size:17px}.contact-who .mono{color:var(--lime);font-size:16px;opacity:1;letter-spacing:.5px}.contact-actions{display:flex;gap:8px}.contact-actions .btn{text-decoration:none}.contact-wa{background:#1faf5a;border-color:#1faf5a;color:#fff}.contact-wa:hover{background:#188f49}.contact-call{background:transparent;border-color:#6ccc6c99;color:var(--lime)}.contact-compact{font-size:13px;color:var(--text-2)}.contact-compact a{color:var(--primary);font-weight:700;text-decoration:none}.auth-mobile-brand,.auth-mobile-contact{display:none}.signup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border)}.signup-head .brandmark b{color:var(--primary)}.plan.on{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-50)}.store-code{background:var(--primary-50);border-color:var(--emerald)}.platform-top{background:linear-gradient(90deg,#06301f,#08442b);border-bottom:3px solid;border-image:linear-gradient(90deg,#0a6b3b,#24b484,#6ccc6c) 1}@media (max-width: 960px){.auth-mobile-brand{display:block;margin-bottom:18px}.auth-mobile-brand .brandmark b{color:var(--primary)}.auth-mobile-contact{display:block;margin-top:14px;text-align:center}}@media (max-width: 960px){.auth-form{padding-top:40px;background:linear-gradient(90deg,#0a6b3b,#24b484,#6ccc6c) top / 100% 4px no-repeat,var(--bg)}}@media (max-width: 400px){.auth-form{padding-inline:16px}.auth-card,.auth-card form,.auth-alt{min-width:0}.auth-alt .btn{white-space:normal;height:auto;min-height:36px;text-align:center}}.auth-side .brandmark .logo{width:56px;height:56px;border-radius:15px;box-shadow:0 6px 20px #030e2059}.auth-side .brandmark b{font-size:34px}