:root{--background-hsl: 0 0% 100%;--foreground-hsl: 222 47% 11%;--card-hsl: 0 0% 100%;--primary-hsl: 226 70% 55%;--secondary-hsl: 220 14% 96%;--accent-hsl: 160 84% 39%;--muted-hsl: 220 14% 96%;--muted-foreground-hsl: 220 8% 40%;--destructive-hsl: 0 72% 51%;--border-hsl: 220 14% 91%;--ring-hsl: 226 70% 55%;--bg: hsl(var(--secondary-hsl));--surface: hsl(var(--card-hsl));--surface-2: hsl(var(--muted-hsl));--border: hsl(var(--border-hsl));--border-strong:hsl(220 13% 84%);--text: hsl(var(--foreground-hsl));--text-muted: hsl(var(--muted-foreground-hsl));--text-soft: hsl(220 8% 58%);--primary: hsl(var(--primary-hsl));--primary-600: hsl(226 68% 48%);--primary-50: hsl(226 70% 96%);--primary-100: hsl(226 70% 91%);--accent: hsl(var(--accent-hsl));--accent-50: hsl(160 84% 96%);--success: hsl(160 84% 32%);--success-50: hsl(160 84% 94%);--warning: hsl(38 92% 40%);--warning-50: hsl(48 96% 91%);--danger: hsl(var(--destructive-hsl));--danger-50: hsl(0 72% 95%);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-pill: 999px;--shadow-sm: 0 1px 2px hsl(222 47% 11% / .04);--shadow: 0 1px 2px hsl(222 47% 11% / .06), 0 6px 20px hsl(222 47% 11% / .06);--shadow-lg: 0 18px 45px hsl(222 47% 11% / .16);--font-sans: "Tajawal", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-number: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 32px;--lh-tight: 1.3;--lh-base: 1.65}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;color:var(--text);background:var(--bg);direction:rtl;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:var(--lh-tight);margin:0;font-weight:700}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl);font-weight:600}h4{font-size:var(--fs-lg);font-weight:600}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-600)}table,.stat .value,.num,input[type=number]{font-family:var(--font-number);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,.btn,.button-like{font-family:inherit;font-size:var(--fs-md);font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:var(--r-md);padding:9px 16px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:background .15s,box-shadow .15s,transform .05s,color .15s,border-color .15s;white-space:nowrap;min-height:38px}button:hover,.btn:hover,.button-like:hover{background:var(--primary-600);color:#fff}button:active,.btn:active,.button-like:active{transform:translateY(1px)}button:focus-visible,.btn:focus-visible,.button-like:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.btn .icon,button .icon,.button-like .icon{width:16px;height:16px}button.secondary,.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}button.secondary:hover{background:var(--surface-2);border-color:var(--text-muted)}button.ghost,.btn.ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding:6px 10px;min-height:32px}button.ghost:hover{background:var(--surface-2);color:var(--text)}button.danger,.btn.danger{background:var(--danger)}button.danger:hover{background:#991b1b}button.danger.ghost{background:transparent;color:var(--danger)}button.danger.ghost:hover{background:var(--danger-50)}button.sm{padding:5px 10px;min-height:30px;font-size:var(--fs-sm)}button.icon-only{padding:8px;min-height:36px;min-width:36px}input,select,textarea{font-family:inherit;font-size:var(--fs-md);color:var(--text);padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);width:100%;transition:border-color .15s,box-shadow .15s,background .15s;min-height:40px}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:hover,select:hover,textarea:hover{border-color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-muted)}label{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--text);margin-bottom:6px}.field{margin-bottom:var(--sp-4)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}th,td{padding:12px 14px;text-align:right;font-size:var(--fs-md);border-bottom:1px solid var(--border);vertical-align:middle}th{background:var(--surface-2);font-weight:600;color:var(--text-muted);font-size:var(--fs-sm)}tbody tr:nth-child(2n) td{background:#fafbfc}tbody tr:hover td{background:var(--accent-50)}tr:last-child td{border-bottom:none}td .actions{display:inline-flex;gap:var(--sp-2)}tr.selected-row td{background:var(--primary-50)!important}.inventory-layout{display:grid;grid-template-columns:minmax(360px,42%) 1fr;gap:var(--sp-4);align-items:start}.inventory-panel{min-width:0;overflow:hidden}.inventory-items-panel{height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.inventory-items-search{padding:var(--sp-3);border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 auto}.inventory-items-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;height:100%}.inventory-items-panel table{border:0;border-radius:0;box-shadow:none;overflow:visible}.inventory-items-panel thead{position:sticky;top:0;z-index:3}.inventory-items-panel thead th{position:sticky;top:0;z-index:4;background:var(--surface-2)}.inventory-items-panel th,.inventory-items-panel td{white-space:normal}.inventory-movements-panel{overflow-x:auto}.purchase-v2{display:flex;flex-direction:column;gap:var(--sp-3);height:calc(100vh - 108px);min-height:620px;overflow:hidden}.purchase-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-shrink:0}.purchase-title{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.purchase-title svg{color:var(--primary);flex:0 0 auto}.purchase-title h2{font-size:var(--fs-xl);margin:0}.purchase-title p{color:var(--text-muted);font-size:var(--fs-sm)}.purchase-total-chip{display:inline-flex;align-items:baseline;gap:var(--sp-2);padding:7px 12px;border:1px solid hsl(160 84% 72%);border-radius:var(--r-md);background:#e3fdf4;color:#096748;white-space:nowrap}.purchase-total-chip span{font-size:var(--fs-xs);font-weight:700}.purchase-total-chip strong{font-family:var(--font-number);font-size:var(--fs-xl);line-height:1;font-variant-numeric:tabular-nums}.purchase-workspace{display:grid;grid-template-columns:minmax(360px,40%) minmax(0,1fr);gap:var(--sp-3);min-height:0;flex:1;overflow:hidden}.purchase-workspace.single{grid-template-columns:minmax(360px,760px);justify-content:center;overflow:auto}.purchase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0;min-height:0;overflow:hidden}.purchase-form-card,.purchase-list-card{display:flex;flex-direction:column}.purchase-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.purchase-card-header.compact{padding:0 0 var(--sp-2);border-bottom:0}.purchase-card-header h3{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);margin:0}.purchase-card-header h3 svg{color:var(--primary)}.purchase-card-header strong{font-family:var(--font-number);color:var(--primary);font-variant-numeric:tabular-nums}.purchase-settings,.purchase-entry,.purchase-draft-list{padding:var(--sp-3)}.purchase-settings{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);border-bottom:1px solid var(--border);background:var(--surface-2)}.purchase-settings.single{grid-template-columns:1fr}.purchase-entry{display:flex;flex-direction:column;gap:var(--sp-2)}.purchase-entry .field,.purchase-settings .field{margin-bottom:0}.purchase-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.purchase-entry input,.purchase-entry select,.purchase-settings select{min-height:38px}.purchase-entry input{text-align:center;font-size:var(--fs-lg);font-family:var(--font-number)}.purchase-hint{margin-top:4px;padding:5px 8px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs)}.purchase-subtotal{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:6px 8px;border-radius:var(--r-sm);background:var(--primary-50);color:var(--primary)}.purchase-subtotal strong{font-family:var(--font-number);font-size:var(--fs-lg)}.purchase-draft-list{border-top:1px solid var(--border);min-height:0;overflow:auto}.empty-state.compact{padding:var(--sp-5);border-radius:var(--r-md)}.purchase-lines{display:flex;flex-direction:column;gap:var(--sp-2)}.purchase-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.purchase-line strong{display:block;font-size:var(--fs-sm)}.purchase-line span{color:var(--text-muted);font-size:var(--fs-xs)}.purchase-line-total{display:inline-flex;align-items:center;gap:var(--sp-2)}.purchase-line-total b{font-family:var(--font-number);color:var(--primary)}.purchase-save{margin:auto var(--sp-3) var(--sp-3);flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.purchase-search{width:min(320px,45%)}.purchase-search.wide{width:100%}.purchase-search input{min-height:34px}.purchase-history{padding:var(--sp-2);overflow:auto;min-height:0}.purchase-history-row{padding:10px 12px;border-bottom:1px solid var(--border);cursor:default;transition:background .15s}.purchase-history-row:hover{background:var(--accent-50)}.purchase-history-main,.purchase-history-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.purchase-history-main strong{font-size:var(--fs-sm)}.purchase-history-main span,.purchase-history-meta{color:var(--text-muted);font-size:var(--fs-xs)}.purchase-history-main b{font-family:var(--font-number);color:var(--text);font-size:var(--fs-lg);white-space:nowrap}.purchase-history-items{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;color:var(--text-muted);font-size:var(--fs-xs)}.purchase-history-items span{padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2)}.purchase-grid-wrap{padding:var(--sp-3);overflow:auto;min-height:0}.purchase-grid{box-shadow:none}.purchase-grid th,.purchase-grid td{white-space:nowrap}.purchase-grid td strong{white-space:normal}.sales-v2{display:flex;flex-direction:column;gap:var(--sp-3);height:calc(100vh - 108px);min-height:620px;overflow:hidden}.sales-workspace{display:grid;grid-template-columns:minmax(260px,32%) minmax(360px,1fr);gap:var(--sp-3);min-height:0;flex:1;overflow:hidden}.sales-total-chip{display:inline-flex;align-items:baseline;gap:var(--sp-2);padding:7px 12px;border:1px solid hsl(38 92% 72%);border-radius:var(--r-md);background:#fef5d2;color:#774103;white-space:nowrap}.sales-total-chip span{font-size:var(--fs-xs);font-weight:700}.sales-total-chip strong{font-family:var(--font-number);font-size:var(--fs-xl);line-height:1;font-variant-numeric:tabular-nums}.sales-items-card{display:flex;flex-direction:column}.sales-panel-search{margin:var(--sp-2);flex-shrink:0}.sales-panel-search input{min-height:34px}.sales-items-list{padding:0 var(--sp-2) var(--sp-2);overflow:auto;min-height:0}.sales-item-row{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding:8px 10px;margin-bottom:4px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text);text-align:start;white-space:normal}.sales-item-row:hover{background:var(--accent-50);border-color:hsl(var(--accent-hsl) / .25)}.sales-item-row span{font-weight:700;font-size:var(--fs-sm)}.sales-item-row small{color:var(--text-muted);font-size:var(--fs-xs)}.sales-item-row b{font-family:var(--font-number)}.sales-subtotal{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:6px 8px;border-radius:var(--r-sm);background:var(--warning-50);color:var(--warning)}.sales-subtotal strong{font-family:var(--font-number);font-size:var(--fs-lg)}.account-select-card{width:min(680px,100%);margin-inline:auto;padding:var(--sp-4);overflow:visible}.account-select-shell{width:100%;min-height:min(520px,calc(100vh - 160px));display:flex;align-items:flex-start;justify-content:center;padding-top:var(--sp-8)}.account-select-card .select-help{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-2)}.account-select-card .select-help-text{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs)}.party-autocomplete{position:relative;z-index:3}.party-autocomplete-input{position:relative;display:flex;align-items:center;min-height:48px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm)}.party-autocomplete-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.party-autocomplete-input .icon{position:absolute;inset-inline-start:14px;width:17px;height:17px;color:var(--text-soft)}.party-autocomplete-input input{border:0;box-shadow:none;min-height:46px;padding-inline-start:42px;padding-inline-end:78px;font-size:var(--fs-lg)}.party-autocomplete-input input:focus{box-shadow:none}.party-autocomplete-clear,.party-autocomplete-arrow{position:absolute;inset-inline-end:42px;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;color:var(--text-muted);background:transparent}.party-autocomplete-arrow{inset-inline-end:10px}.party-autocomplete-clear:hover,.party-autocomplete-arrow:hover{color:var(--text);background:var(--surface-2)}.party-autocomplete-list{position:absolute;inset-inline:0;top:calc(100% + 6px);max-height:280px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg)}.party-autocomplete-list button{width:100%;min-height:40px;justify-content:flex-start;background:transparent;color:var(--text);border:0;border-radius:var(--r-sm);padding:8px 10px}.party-autocomplete-list button.active,.party-autocomplete-list button:hover{background:var(--primary-50);color:var(--primary)}.party-autocomplete-list button span{font-weight:700}.party-autocomplete-list button small{color:var(--text-muted);margin-inline-start:auto}.party-autocomplete-empty{padding:var(--sp-5);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.party-create-form h3{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:var(--fs-lg)}.party-create-form h3 svg{color:var(--primary)}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);color:var(--text);border-inline-end:1px solid var(--border);padding:0;display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--primary);font-weight:700;font-size:var(--fs-lg);min-height:64px;padding:0 var(--sp-4);border-bottom:1px solid var(--border)}.sidebar .brand .icon{color:var(--primary)}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;padding:var(--sp-3)}.sidebar nav a{display:flex;align-items:center;gap:var(--sp-2);padding:10px 12px;color:var(--text-muted);border-radius:6px;font-size:var(--fs-sm);font-weight:500;transition:background .15s,color .15s}.sidebar nav a .icon{width:16px;height:16px;color:var(--text-muted);flex:0 0 auto}.sidebar nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a:hover .icon{color:var(--text)}.sidebar nav a.active{background:var(--primary-50);color:var(--primary);font-weight:700;box-shadow:none}.sidebar nav a.active .icon{color:var(--primary)}.sidebar .logout button{width:calc(100% - var(--sp-6));margin:var(--sp-3);background:transparent;color:var(--text-muted);border-color:transparent}.sidebar .logout button:hover{background:var(--surface-2);color:var(--text)}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;min-height:60px}.topbar .user-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px 6px 6px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-sm)}.topbar .user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm)}.content{padding:var(--sp-6);overflow:auto;min-height:0}.page-title{font-size:var(--fs-2xl);font-weight:700;margin:0 0 var(--sp-5);color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.section-title{font-size:var(--fs-lg);font-weight:600;color:var(--text);margin:var(--sp-6) 0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.toolbar{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center}.toolbar input[type=search]{max-width:320px}.toolbar>h3{margin:0}.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);padding-inline-start:76px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:var(--sp-2);transition:box-shadow .2s,transform .2s}.stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat .label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.stat .value{font-size:var(--fs-3xl);font-weight:700;color:var(--text);line-height:1.1}.stat .icon-bubble{position:absolute;inset-inline-start:var(--sp-5);top:var(--sp-5);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:var(--primary-50);color:var(--primary)}.stat.warn .icon-bubble{background:var(--warning-50);color:var(--warning)}.stat.danger .icon-bubble{background:var(--danger-50);color:var(--danger)}.stat.success .icon-bubble{background:var(--success-50);color:var(--success)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--sp-4);animation:fade .15s ease-out}.modal{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-6);width:min(640px,100%);max-height:92vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .18s ease-out}.modal h3{margin:0 0 var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xl)}.modal .close{background:transparent;border:none;color:var(--text-muted);padding:4px;min-height:auto;border-radius:var(--r-sm)}.modal .close:hover{background:var(--surface-2);color:var(--text)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.row>*{flex:1;min-width:160px}.row.end{justify-content:flex-end}.spacer{flex:1}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:#eef2f7;color:var(--text)}.badge.ok{background:var(--success-50);color:var(--success)}.badge.warn{background:var(--warning-50);color:var(--warning)}.badge.danger{background:var(--danger-50);color:var(--danger)}.badge.info{background:var(--accent-50);color:var(--accent)}.empty-state{padding:var(--sp-10) var(--sp-6);text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.empty-state .icon{width:36px;height:36px;color:var(--text-soft);margin-bottom:var(--sp-2)}.empty-state h4{color:var(--text);margin-bottom:4px}.empty-state p{font-size:var(--fs-sm)}td.empty{text-align:center;color:var(--text-soft);padding:var(--sp-8)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,440px);align-items:center;justify-content:center;background:radial-gradient(1200px 400px at 80% -10%,hsl(var(--primary-hsl) / .24),transparent 60%),radial-gradient(800px 400px at 0% 110%,hsl(var(--accent-hsl) / .18),transparent 60%),linear-gradient(135deg,#0f1729,#121b31);gap:var(--sp-6);padding:var(--sp-6)}.login-card{background:var(--surface);width:min(420px,100%);justify-self:center;padding:var(--sp-8);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-card .logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary);border-radius:var(--r-md);margin:0 auto var(--sp-3)}.login-card h2{text-align:center;margin:0 0 4px;font-size:var(--fs-2xl)}.login-card .subtitle{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-6)}.login-card form{display:flex;flex-direction:column;gap:var(--sp-3)}.login-card button[type=submit]{width:100%;padding:12px;font-size:var(--fs-md);margin-top:var(--sp-2)}.store-login{direction:rtl}.login-visual{position:relative;min-height:min(720px,calc(100vh - 48px));border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #05080f61;border:1px solid hsl(0 0% 100% / .14);isolation:isolate}.login-visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b111e47,#0b111eb8),radial-gradient(circle at 18% 24%,hsl(var(--primary-hsl) / .32),transparent 34%),radial-gradient(circle at 70% 72%,hsl(var(--accent-hsl) / .22),transparent 36%);z-index:1}.login-visual-overlay{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(28px,5vw,64px);color:#fff;text-align:right}.login-visual-overlay h1{max-width:780px;margin:var(--sp-3) 0 var(--sp-2);font-size:clamp(34px,5vw,70px);line-height:1.12;text-shadow:0 10px 34px hsl(222 47% 4% / .48)}.login-visual-overlay p{max-width:620px;color:#ffffffdb;font-size:clamp(16px,2vw,22px)}.store-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 12px;border-radius:var(--r-pill);background:#ffffff24;border:1px solid hsl(0 0% 100% / .22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:700;font-size:var(--fs-sm)}.store-kicker svg{color:#fcdf69}.store-hero{position:relative;min-height:260px;margin-bottom:var(--sp-5);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.store-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.store-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b111e2e,#0b111ebd),radial-gradient(circle at 20% 30%,hsl(var(--primary-hsl) / .24),transparent 32%)}.store-hero-content{position:relative;z-index:1;min-height:260px;width:min(760px,100%);padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff;text-align:right}.store-hero-content h1{margin:var(--sp-3) 0 var(--sp-2);font-size:clamp(28px,4vw,48px);line-height:1.15}.store-hero-content p{color:#ffffffdb;font-size:var(--fs-lg);max-width:580px}.input-icon{position:relative}.input-icon .icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-soft);pointer-events:none}.input-icon input{padding-inline-start:36px}@media print{.sidebar,.topbar,.toolbar,button{display:none!important}body{background:#fff}.content{padding:0}table{box-shadow:none}}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:var(--sp-2) var(--sp-3);gap:var(--sp-2)}.sidebar .brand{display:none}.sidebar nav{flex-direction:row;gap:4px;overflow-x:auto;flex:1}.sidebar nav a{white-space:nowrap;padding:8px 12px;font-size:var(--fs-sm)}.sidebar nav a .label{display:none}.sidebar nav a .icon{width:20px;height:20px}.sidebar .logout{margin:0}.sidebar .logout button{padding:8px 10px;min-height:36px}.topbar{padding:var(--sp-2) var(--sp-3)}.content{padding:var(--sp-4)}.page-title{font-size:var(--fs-xl)}.stat .value{font-size:var(--fs-2xl)}table,thead,tbody,tr,td,th{font-size:var(--fs-sm)}th,td{padding:10px}.inventory-layout{grid-template-columns:1fr}.purchase-v2,.sales-v2{height:auto;min-height:0;overflow:visible}.purchase-topbar,.purchase-card-header{align-items:stretch;flex-direction:column}.purchase-workspace,.sales-workspace,.purchase-settings{grid-template-columns:1fr;overflow:visible}.purchase-search{width:100%}.login-wrap{grid-template-columns:1fr;padding:var(--sp-4)}.login-visual{min-height:340px}.login-visual-overlay{padding:var(--sp-6)}.login-card{width:min(420px,100%)}.store-hero,.store-hero-content{min-height:220px}}@media (pointer: coarse){button,.btn,input,select,textarea{min-height:44px}}