*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Tahoma,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.table{display:table}.grid{display:grid}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--red: #ed1c24;--zunion-red: #ed1c24;--zunion-red-dark: #bd141a;--zunion-red-soft: #fb7185;--red-dark: #bd141a;--dark: #27272a;--muted: #71717a;--line: #e4e4e7;--bg: #f4f4f5;--panel: #ffffff;--control-height: 33px;--control-padding-x: 9px;--control-font-size: 13px;--form-gap: 9px;--section-padding: 11px 12px;color:var(--dark);background:var(--bg);font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;direction:rtl}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--red);font-weight:700;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(237,28,36,.08),transparent 40%),var(--bg)}.error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.error-card{width:min(560px,100%);text-align:center}.error-card h1{margin:0 0 8px}.error-card p{color:var(--muted)}.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 50px #27272a1f}.login-logo{width:270px;height:92px;display:block;margin:0 auto 20px}.login-card h1,.topbar h1,.panel h2{margin:0}.login-card p,.topbar p,.muted{color:var(--muted)}.login-card label,.order-form label{display:grid;gap:7px;color:#3f3f46;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--dark);padding:10px 12px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #ed1c241f}.primary-btn,.ghost-btn{border:1px solid transparent;border-radius:7px;padding:10px 16px;font-weight:800}.primary-btn{background:var(--red);color:#fff}.primary-btn:hover{background:var(--red-dark)}.ghost-btn{background:#fff;border-color:var(--line);color:var(--dark)}.compact{padding:7px 12px;font-size:13px}.notice{margin:12px 0;border:1px solid #fecaca;border-radius:7px;background:#fff1f2;color:#9f1239;padding:10px 12px;font-size:14px}.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#262626;color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:8px}.sidebar-logo{width:210px;height:76px;margin:0 auto 14px;border-radius:4px}.logo-secret-button{border:0;background:transparent;padding:0;cursor:pointer}.logo-secret-button:focus-visible{outline:3px solid rgba(217,4,22,.35);outline-offset:3px}.sidebar button.logo-secret-button,.sidebar-logo-button{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0 0 10px;padding:0!important;border-radius:12px;background:transparent;color:inherit;box-shadow:none}.sidebar button.logo-secret-button:hover{background:transparent;transform:none}.top-logo-button{flex:0 0 auto}.sidebar button{border:0;border-radius:7px;background:transparent;color:#fff;padding:11px 12px;text-align:right;font-weight:800}.sidebar button:hover,.sidebar button.active{background:var(--red)}.content{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;border-bottom:1px solid var(--line);background:#fffffff5;padding:14px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-logo{width:160px;height:54px;flex:0 0 auto}.page{padding:22px}.stack{display:grid;gap:16px}.stats-grid,.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-grid button{min-height:94px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--dark);font-size:18px;font-weight:900;box-shadow:0 8px 28px #27272a0f}.quick-grid button:hover{border-color:var(--red);color:var(--red)}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #27272a0f}.stat-card{padding:16px}.stat-card span{display:block;color:var(--muted);font-size:13px;font-weight:700}.stat-card strong{display:block;margin-top:8px;font-size:28px}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.alerts-list,.import-actions{display:grid;gap:10px}.alert-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #fde68a;border-radius:7px;background:#fffbeb;padding:10px 12px}.alert-item.late{border-color:#fecaca;background:#fff1f2}.alert-item strong{color:var(--red)}.alert-item small{color:var(--muted)}.form-grid,.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.order-basic-row,.order-finance-row,.operation-item-row{display:grid;gap:12px;align-items:start}.order-finance-row{grid-template-columns:repeat(8,minmax(0,1fr))}.operation-add-btn,.operation-delete-btn{align-self:end;min-width:46px}.image-clipboard-field{display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;outline:none}.image-clipboard-field.active,.image-clipboard-field:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #ed1c241f}.image-field-label{color:#000;font-weight:800;font-size:14px}.image-field-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.image-paste-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:32px}.image-empty-state{display:inline-flex;align-items:center;min-height:32px;border:1px dashed var(--line);border-radius:999px;padding:0 12px;color:var(--muted)!important;font-size:13px;font-weight:800}.image-preview-box{border:1px dashed var(--line);border-radius:8px;background:#f8fafc;padding:8px}.image-file-meta{display:grid;gap:3px;color:var(--zunion-red);font-weight:700;font-size:12px}.image-file-meta small{color:var(--zunion-red);font-weight:700}.form-grid.two{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-grid>label:nth-child(1),.product-form-grid>label:nth-child(2){grid-column:span 1}.product-form-grid>label:nth-child(3){grid-column:1 / -1}.product-form-grid>.product-image-field{grid-column:1 / -1}.product-image-field small{color:var(--zunion-red);font-weight:800}.order-form{display:grid;gap:14px}.form-section{display:grid;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}.form-section h3{margin:0;color:var(--navy);font-size:20px}.field-error{color:var(--red);font-size:12px;font-weight:800}.add-product-inline{margin-top:8px}.operation-methods{display:grid;gap:10px}.operation-method-row{display:grid;grid-template-columns:1fr auto;gap:8px}.upload-preview{width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#f8fafc;margin-top:8px}.table-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f8fafc}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.created-order-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:#bbf7d0!important;background:#f0fdf4!important}.created-order-panel h2{margin:0 0 4px;color:#000!important;font-size:16px}.created-order-panel p{margin:0}.print-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:var(--zunion-red)!important;color:var(--zunion-red)!important}.print-order-btn svg{color:inherit;stroke:currentColor}.line-items{display:grid;gap:12px;border:1px dashed var(--line);border-radius:8px;padding:14px}.line-item{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:8px;background:#fafafa;padding:12px}.line-item h4{grid-column:1 / -1;margin:0}.line-remove{width:-moz-max-content;width:max-content;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;padding:8px 12px;font-weight:800}.filters{align-items:end}.check{display:flex;align-items:center;gap:8px;font-weight:800}.check input,.file-btn input{width:auto}.file-btn{display:inline-flex;justify-content:center;position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-preview-link{display:inline-flex;width:-moz-max-content;width:max-content;border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px 9px;font-size:12px}.table-wrap{overflow:auto;max-height:calc(100vh - 260px);background:#fff;border:1px solid var(--line);border-radius:8px}table{width:100%;min-width:1760px;border-collapse:separate;border-spacing:0;font-size:13px}.accounts-table table,.audit-table table{min-width:980px}.history-list{display:flex;flex-wrap:wrap;gap:8px}.history-list span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 10px}.stay-check{margin-top:10px}th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:right;vertical-align:middle;white-space:nowrap}th{position:sticky;top:0;z-index:2;background:#f4f4f5;color:#3f3f46;font-weight:900}tr.overdue td{background:#fff1f2}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-amber{background:#fffbeb;color:#b45309}.badge-violet{background:#f5f3ff;color:#6d28d9}.badge-green{background:#ecfdf5;color:#047857}.badge-gray{background:#f4f4f5;color:#52525b}.badge-red{background:#fff1f2;color:#be123c}.actions{display:flex;gap:7px;align-items:center}.actions button,.actions select,.pagination button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px 9px;font-size:12px;font-weight:800}.danger-text{color:var(--red)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px}.pagination button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.sidebar-logo{width:140px;height:50px;margin:0}.stats-grid,.quick-grid,.form-grid,.filters,.form-grid.two,.line-item{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page{padding:14px}.topbar{align-items:flex-start;flex-direction:column-reverse}.stats-grid,.quick-grid,.form-grid,.filters,.form-grid.two,.alert-item,.line-item{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.filters,.pagination,.actions{display:none!important}.app{display:block}.page{padding:0}.table-wrap{max-height:none;overflow:visible;border:0}}.app{direction:ltr;grid-template-columns:minmax(0,1fr) 260px;width:100%;overflow-x:hidden}.content,.sidebar{direction:rtl}.sidebar{position:sticky;right:0;left:auto;grid-column:2;width:260px;min-width:260px}.content{grid-column:1;min-width:0;overflow-x:hidden}.page{max-width:100%;overflow-x:hidden}.finance-modern{gap:16px}.finance-hero{display:grid;grid-template-columns:290px minmax(280px,1fr) minmax(520px,1.4fr);gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.finance-title h2{margin:0;color:var(--ink);font-size:28px;font-weight:900}.finance-title span{display:block;margin-top:8px;color:var(--muted);font-weight:800}.finance-month{display:grid;grid-template-columns:1fr 120px;gap:12px}.finance-stat-row,.finance-bottom-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-form-card{padding:20px}.finance-type-actions{display:flex;gap:10px;flex-wrap:wrap}.success-btn{border:1px solid transparent;border-radius:9px;background:#10a957;color:#fff;font-weight:900;box-shadow:0 8px 18px #10a95733}.finance-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.finance-form label,.finance-account-select{display:grid;gap:8px;color:var(--ink);font-weight:900}.finance-account-select{grid-column:1 / -1}.finance-account-select .account-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-account-select .account-buttons button,.account-filter{min-height:50px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:var(--navy);font-weight:900}.finance-account-select .account-buttons button.account-active,.account-filter.active{border-color:var(--red);color:var(--red);background:#fff5f6;box-shadow:0 8px 18px #d904161f}.finance-save-row{grid-column:1 / -1;display:flex;justify-content:flex-start;gap:12px}.finance-save-row .primary-btn{min-width:180px}.success-note{margin:12px 0 0;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;color:#15803d;padding:10px 12px;font-weight:800}.finance-toolbar{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.finance-table{max-height:none}.finance-table table{min-width:1120px}.finance-table th,.finance-table td{text-align:center}.mini-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:999px;background:#fff1f2;color:var(--red);padding:5px 10px;font-weight:900}@media(max-width:1100px){.app{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.sidebar{position:sticky;top:0;grid-column:1;width:100%;min-width:0;height:auto;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}.content{grid-column:1}.finance-hero,.finance-form{grid-template-columns:1fr}.finance-stat-row,.finance-bottom-totals,.finance-account-select .account-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.finance-stat-row,.finance-bottom-totals,.finance-month,.finance-account-select .account-buttons{grid-template-columns:1fr}}:root{--red: #d90416;--red-dark: #ae0010;--navy: #061f3b;--navy-deep: #001427;--ink: #061426;--muted: #6b7280;--line: #e7ebf1;--bg: #f7f8fb;--panel: #ffffff;--shadow: 0 10px 28px rgba(6, 31, 59, .08)}body{background:var(--bg);color:var(--ink)}.app{grid-template-columns:minmax(0,1fr) 282px}.sidebar{grid-column:2;grid-row:1;z-index:40;overflow-y:auto;background:radial-gradient(circle at 30% 0,rgba(31,95,151,.28),transparent 32%),linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);padding:12px 12px 24px;gap:10px;box-shadow:-12px 0 36px #00142724}.content{grid-column:1;grid-row:1;position:relative;z-index:1}.sidebar-logo{width:100%;height:96px;-o-object-fit:contain;object-fit:contain;background:var(--red);border-radius:12px;padding:15px 18px;margin:0 0 10px;box-shadow:0 12px 28px #0000002e}.sidebar button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:52px;border-radius:9px;padding:12px 18px;color:#ffffffeb;font-size:15px;transition:background .15s ease,transform .15s ease}.sidebar button:hover{background:#ffffff14}.sidebar button.active{background:var(--red);box-shadow:0 10px 24px #d9041652}.sidebar button:last-child{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);border-radius:0}.sidebar button:before{width:28px;text-align:center;font-size:20px;opacity:.92}.sidebar button:nth-of-type(1):before{content:"⌂"}.sidebar button:nth-of-type(2):before{content:"+"}.sidebar button:nth-of-type(3):before{content:"👤"}.sidebar button:nth-of-type(4):before{content:"⌕"}.sidebar button:nth-of-type(5):before{content:"↕"}.sidebar button:nth-of-type(6):before{content:"⚙"}.sidebar button:nth-of-type(7):before{content:"⚒"}.sidebar button:nth-of-type(8):before{content:"👥"}.sidebar button:nth-of-type(9):before{content:"▥"}.sidebar button:nth-of-type(10):before{content:"⇅"}.sidebar button:nth-of-type(11):before{content:"!"}.sidebar button:nth-of-type(12):before{content:"◷"}.sidebar button:nth-of-type(13):before{content:"⚙"}.sidebar button:nth-of-type(14):before{content:"⇥"}.topbar{min-height:88px;padding:18px 30px;background:#fffffffa;box-shadow:0 1px #061f3b14}.topbar h1{color:var(--ink);font-size:26px;font-weight:900}.topbar p{margin:5px 0 0;font-size:14px}.top-logo{display:none}.page{padding:24px 30px 28px}.stack{gap:20px}.quick-grid,.stats-grid{gap:14px}.quick-grid button,.stat-card,.panel,.login-card,.error-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.quick-grid button{position:relative;min-height:104px;padding:18px 22px;text-align:right;overflow:hidden}.quick-grid button:after{content:"+";position:absolute;left:24px;top:50%;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;transform:translateY(-50%);background:#fff1f2;color:var(--red);font-size:34px}.quick-grid button:nth-child(2):after{content:"⌕";color:#075ec9;background:#eef5ff}.quick-grid button:nth-child(3):after{content:"+";color:#159447;background:#ecfdf3}.quick-grid button:nth-child(4):after{content:"↕";color:#d29200;background:#fff7e6}.stat-card{min-height:92px;padding:18px 20px;position:relative}.stat-card span{color:var(--ink);font-size:14px}.stat-card strong{font-size:27px;color:var(--ink)}.stat-card:before{content:"";position:absolute;left:18px;top:22px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#d9041626,#d904160a)}.stat-card.danger strong{color:var(--red)}.panel{padding:20px}.panel-head{margin-bottom:16px}.panel-head h2,.panel-head h3{color:var(--ink);font-weight:900}input,select,textarea{min-height:44px;border-color:#dfe5ed;border-radius:9px}.primary-btn{border-radius:9px;background:var(--red);box-shadow:0 8px 18px #d9041638}.ghost-btn{border-radius:9px}.table-wrap{border-radius:12px;border-color:var(--line);box-shadow:var(--shadow)}table{min-width:1520px}th{background:var(--navy);color:#fff;height:52px;border-bottom:0}td{height:48px;background:#fff}tr:nth-child(2n) td{background:#fcfdff}.badge{border-radius:8px;padding:6px 11px}.badge-blue{background:#eaf2ff;color:#0b57b7}.badge-amber{background:#fff3df;color:#d97706}.badge-violet{background:#f3ecff;color:#7c3aed}.badge-green{background:#eaf8ee;color:#15803d}.badge-gray{background:#eef2f7;color:#475569}.badge-red{background:#fff0f2;color:var(--red)}.empty-cell{padding:28px!important;text-align:center;color:var(--muted)}.screenshot-dashboard .screenshot-stats{grid-template-columns:repeat(7,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.dashboard-grid.three{grid-template-columns:1fr 1fr 1fr}.dashboard-table table{min-width:920px}.finance-screen .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-actions input,.inline-actions select{min-width:min(360px,100%)}body,.content,.topbar,.topbar h1,.topbar p,.panel,.panel h2,.panel h3,.panel-head h2,.panel-head h3,.login-card,.login-card h1,.login-card p,.login-card label,.order-form label,label,.muted,.empty-cell,.field-error,.notice,.success-note,.stat-card,.stat-card span,.stat-card strong,.donut-card,.history-list,.pagination,.filters,.finance-title,.finance-title span,.finance-form,.finance-toolbar,.account-filter{color:#000}input:not([type=button]):not([type=submit]):not([type=reset]),select,textarea,td,.mini-pill,.record-value,.data-value{color:var(--zunion-red)}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}th{color:#000}.primary-btn,.success-btn,.primary-btn *,.success-btn *,.sidebar button,.sidebar button *,.sidebar-parent,.sidebar-parent *,.sidebar-subitem,.sidebar-subitem *,.sidebar-subitem.active,.sidebar-subitem.active *,.sidebar-logout,.sidebar-logout *,.account-filter.active,.account-filter.active *{color:#fff}.ghost-btn,.ghost-btn *,.account-buttons button,.actions button{color:#000}.primary-btn:disabled,.success-btn:disabled,button:disabled{color:#ffe4e6;cursor:not-allowed}@media print{body{color:#111827;background:#fff}.sidebar,.topbar,.sidebar-overlay,.mobile-menu-btn,.filters,.actions,.pagination,button,input,select,textarea,.no-print{display:none!important}.app,.content,.main-content,.panel,.table-wrap{display:block!important;width:100%!important;margin:0!important;box-shadow:none!important;border:0!important}table{min-width:0!important;width:100%!important;border-collapse:collapse}th,td{color:#111827!important;background:#fff!important;border:1px solid #cbd5e1!important}thead{display:table-header-group}tr{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}.account-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.operation-screen .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.donut-card{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px}.donut-ring{width:160px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#ef4444 0 48%,#3b82f6 48% 82%,#22c55e 82% 100%);position:relative}.donut-ring:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}.alert-item{grid-template-columns:170px minmax(0,1fr) 110px;border-color:#f6dc92;border-radius:10px}.login-page{background:radial-gradient(circle at 20% 20%,rgba(217,4,22,.12),transparent 30%),linear-gradient(135deg,#fff,#f4f7fb)}.login-card{width:min(500px,100%);border-radius:16px;padding:32px}.login-logo{width:330px;height:116px;-o-object-fit:contain;object-fit:contain;background:var(--red);border-radius:12px;padding:16px 22px}@media(max-width:1100px){.app{grid-template-columns:minmax(720px,1fr) 240px;overflow-x:auto}.sidebar{grid-column:2;position:sticky;top:0;height:100vh;flex-direction:column;flex-wrap:nowrap}.sidebar-logo{width:100%;height:82px}.content{grid-column:1}}@media print{.sidebar,.topbar,.filters,.pagination,.actions{display:none!important}.app{display:block}}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{background:var(--bg);min-width:0}.panel,.card,.modal,.table-wrap,.table-wrapper,.form-grid,.settings-form,.role-card,.topbar,.inline-actions,.email-container,.email-cell,.account-email{min-width:0;max-width:100%}.email-text{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;color:var(--zunion-red)!important;unicode-bidi:plaintext}.email-text--wrap{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.email-cell{width:190px;max-width:220px;overflow:hidden}.email-cell>*{min-width:0}.account-email{display:inline-block;width:auto;max-width:180px;vertical-align:middle}input[type=email]{direction:ltr;text-align:left;min-width:0;max-width:100%}@media print{.email-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;direction:ltr;text-align:left}.email-cell{width:auto;max-width:none}}.app{display:block!important;width:100%!important;min-height:100vh;max-width:100%;direction:rtl;overflow-x:hidden!important}.sidebar{position:fixed!important;top:0;right:0;left:auto;z-index:50;width:260px!important;min-width:260px!important;max-width:260px!important;height:100vh!important;padding:14px 12px 18px;overflow-y:auto;overflow-x:hidden;flex-direction:column!important;flex-wrap:nowrap!important}.sidebar-logo{width:min(220px,100%)!important;height:100px!important;max-height:100px;margin:0 auto 14px!important;border-radius:14px;padding:14px 18px}.sidebar button{width:100%;min-height:0!important;height:50px;max-height:52px;padding:0 18px!important;gap:12px;font-size:18px;line-height:1;flex:0 0 auto}.content{width:calc(100% - 260px)!important;max-width:calc(100% - 260px);min-width:0!important;min-height:100vh;margin-right:260px;margin-left:0;overflow-x:hidden!important}.topbar{position:sticky;top:0;z-index:20;min-height:0!important;height:88px;max-height:88px;padding:16px 24px!important;overflow:hidden}.topbar h1{max-width:100%;font-size:clamp(26px,2.4vw,34px);line-height:1.15}.topbar p{font-size:16px;line-height:1.4}.page{width:100%;max-width:100%;padding:20px 24px 24px!important;overflow-x:hidden!important}.stack,.panel,.stat-card,.quick-grid button,.finance-hero,.finance-form-card,.table-wrap{max-width:100%;min-width:0}.panel{padding:20px!important;border-radius:16px}.stats-grid,.quick-grid,.finance-stat-row,.finance-bottom-totals,.operation-screen .stats-grid,.finance-screen .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finance-stat-row,.finance-bottom-totals,.finance-screen .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:0!important;height:auto;max-height:120px;padding:18px 20px!important;overflow:hidden}.stat-card strong{font-size:clamp(22px,2vw,30px)}.stat-card:before{width:52px;height:52px}.quick-grid button{min-height:88px!important;height:auto;padding:16px 18px!important;font-size:17px}.form-grid,.filters,.form-grid.two,.line-item,.finance-form,.order-basic-row,.order-finance-row,.operation-item-row{display:grid;gap:14px}.order-basic-row{grid-template-columns:repeat(5,minmax(0,1fr))}.order-finance-row{grid-template-columns:repeat(7,minmax(0,1fr))}.operation-item-row{grid-template-columns:minmax(220px,1.2fr) auto minmax(220px,1fr) minmax(220px,1fr) auto}input,select,textarea{min-height:0!important;height:46px;max-width:100%;padding:0 14px;font-size:15px;border-radius:10px}textarea{height:auto;min-height:92px!important;padding-top:12px}.table-wrap,.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;border-radius:14px}table{width:100%;min-width:900px!important;max-width:none;border-collapse:separate}th,td{padding:9px 10px;height:44px;text-align:center}label,.topbar,.topbar *,.panel h1,.panel h2,.panel h3,.panel-head h2,.panel-head h3,.form-section h3,.login-card,.login-card *,.muted,.empty-cell,.stat-card,.stat-card *,.finance-title,.finance-title *,.pagination,.pagination *,th{color:#000!important}th{background:#f8fafc!important}input:not([type=button]):not([type=submit]):not([type=reset]),select,textarea,td,td *,.mini-pill,.record-value,.data-value{color:var(--zunion-red)!important}.email-text,.topbar .email-text,.panel .email-text,.table-wrap .email-text{color:var(--zunion-red)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280!important}input::placeholder,textarea::placeholder{color:#6b7280!important}.orders-list-table-wrap{border:1px solid #e5e7eb;border-radius:10px;background:#fff}.orders-list-table{min-width:1180px!important;border-collapse:collapse;table-layout:fixed}.orders-list-table th,.orders-list-table td{border:1px solid #d9dee8;height:40px;padding:8px 10px;text-align:center;vertical-align:middle;white-space:nowrap}.orders-list-table th{position:sticky;top:0;z-index:2;background:#f8fafc!important;color:#000!important;font-weight:800}.orders-list-table td{font-weight:700}.table-sort-button{border:0;background:transparent;color:#000!important;font:inherit;font-weight:800;cursor:pointer;padding:0}.table-sort-button:hover,.table-sort-button:focus-visible{color:var(--zunion-red)!important;outline:none}.orders-list-table .badge{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:28px;border-radius:8px;font-weight:800}.settings-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 18px;padding:16px;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2}.settings-danger-zone strong{color:#000!important;font-weight:900}.settings-danger-zone p{margin:6px 0 0}button,button *,.ghost-btn,.ghost-btn *,.actions button,.actions button *,.account-buttons button,.account-buttons button *{color:#000!important}.primary-btn,.primary-btn *,.success-btn,.success-btn *,.sidebar button,.sidebar button *,.sidebar-subitem,.sidebar-subitem *,.sidebar-parent,.sidebar-parent *,.sidebar-logout,.sidebar-logout *,.account-filter.active,.account-filter.active *{color:#fff!important}.print-order-btn,.print-order-btn *{color:var(--zunion-red)!important}.field-error,.notice{color:#9f1239!important}@media print{th,th *{color:#000!important;background:#f8fafc!important}td,td *,.record-value,.data-value{color:var(--zunion-red)!important}}.finance-hero{grid-template-columns:minmax(220px,.8fr) minmax(220px,.9fr) minmax(0,1.6fr);gap:14px;padding:18px!important}.finance-title h2{font-size:clamp(24px,2.2vw,30px)}.finance-month{grid-template-columns:minmax(0,1fr) 104px}.finance-account-select .account-buttons,.account-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.three{grid-template-columns:minmax(0,1fr) minmax(300px,.6fr)}.dashboard-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.donut-card{min-height:220px}.donut-ring{width:138px}@media(max-width:1200px){.stats-grid,.quick-grid,.finance-stat-row,.finance-bottom-totals,.operation-screen .stats-grid,.finance-screen .stats-grid,.dashboard-grid,.dashboard-grid.three,.form-grid,.filters,.form-grid.two,.line-item,.finance-form,.finance-hero,.order-basic-row,.order-finance-row,.operation-item-row{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-item-row .operation-add-btn,.operation-item-row .operation-delete-btn{align-self:stretch}}@media(max-width:1024px){.sidebar{width:220px!important;min-width:220px!important;max-width:220px!important}.content{width:calc(100% - 220px)!important;max-width:calc(100% - 220px);margin-right:220px}.sidebar button{font-size:16px;padding:0 14px!important}}@media(max-width:768px){.sidebar{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:220px}.content{width:100%!important;max-width:100%;margin-right:0}.topbar{height:auto;max-height:none}.page{padding:14px!important}.stats-grid,.quick-grid,.finance-stat-row,.finance-bottom-totals,.operation-screen .stats-grid,.finance-screen .stats-grid,.dashboard-grid,.dashboard-grid.three,.form-grid,.filters,.form-grid.two,.line-item,.finance-form,.finance-hero,.order-basic-row,.order-finance-row,.operation-item-row,.finance-month,.finance-account-select .account-buttons,.account-buttons{grid-template-columns:1fr}}.stat-card{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-width:0;overflow:hidden}.stat-card:before{display:none!important;content:none!important}.stat-text{flex:1 1 auto;min-width:0;display:grid;gap:6px;text-align:right}.stat-card span:not(.stat-icon):not(.account-pills):not(.logo-preview-value){color:var(--ink);font-size:clamp(15px,1.2vw,18px)!important;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.stat-card strong{display:block;max-width:100%;margin:0!important;color:var(--ink);font-size:clamp(24px,2.2vw,34px)!important;font-weight:800;line-height:1.15;overflow-wrap:anywhere;word-break:break-word}.stat-card.long-value strong{font-size:clamp(18px,1.5vw,24px)!important;line-height:1.35}.stat-icon,.action-icon{flex:0 0 56px;width:56px;height:56px;display:inline-grid;place-items:center;border-radius:999px;background:#fff1f2;color:var(--red)}.stat-card.danger .stat-icon{background:#fee2e2;color:var(--red)}.stat-card:not(.danger):nth-child(2n) .stat-icon{background:#eef5ff;color:#075ec9}.stat-card:not(.danger):nth-child(3n) .stat-icon{background:#ecfdf3;color:#159447}.account-pills{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.account-pills i{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;background:#eef5ff;color:var(--navy);padding:3px 9px;font-size:13px;font-style:normal;font-weight:800}.logo-preview-value{display:grid;gap:5px;max-width:100%}.logo-preview-value img{width:min(132px,100%);height:42px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:var(--red);padding:6px 10px}.logo-preview-value small{color:var(--muted);font-size:12px;font-weight:600;direction:ltr;text-align:right;overflow-wrap:anywhere}.quick-grid button.action-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;overflow:hidden}.quick-grid button.action-card:after{display:none!important;content:none!important}.action-copy{min-width:0;text-align:right}.action-copy strong{display:block;color:var(--ink);font-size:clamp(17px,1.4vw,20px);font-weight:800;line-height:1.3;overflow-wrap:anywhere}.action-card:nth-child(2n) .action-icon{background:#eef5ff;color:#075ec9}.action-card:nth-child(3n) .action-icon{background:#ecfdf3;color:#159447}.action-card:nth-child(4n) .action-icon{background:#fff7e6;color:#d29200}.finance-modern .finance-hero{grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;align-items:start}.finance-modern .finance-title{grid-column:1}.finance-modern .finance-month{grid-column:2;align-self:center}.finance-modern .finance-stat-row{grid-column:1 / -1;width:100%;grid-template-columns:repeat(3,minmax(220px,1fr))!important}.finance-modern .finance-stat-row .stat-card{min-height:112px}.finance-modern .finance-stat-row .stat-card span:not(.stat-icon):not(.account-pills):not(.logo-preview-value){white-space:normal;word-break:normal;overflow-wrap:break-word}.screenshot-dashboard .screenshot-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:1200px){.screenshot-dashboard .screenshot-stats,.finance-modern .finance-hero,.finance-modern .finance-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-modern .finance-title,.finance-modern .finance-month,.finance-modern .finance-stat-row{grid-column:1 / -1}}@media(max-width:768px){.screenshot-dashboard .screenshot-stats,.finance-modern .finance-hero,.finance-modern .finance-stat-row{grid-template-columns:1fr!important}}.app{--sidebar-width: 300px}.sidebar{width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;max-width:var(--sidebar-width)!important;padding:14px 14px 18px!important;gap:12px!important;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0}.content{width:calc(100% - var(--sidebar-width))!important;max-width:calc(100% - var(--sidebar-width));margin-right:var(--sidebar-width)}.sidebar-close,.hamburger-btn{display:none}.sidebar-menu{display:grid;gap:10px;flex:0 0 auto}.sidebar-menu button:before,.sidebar-logout:before,.sidebar-close:before{display:none!important;content:none!important}.sidebar-section{display:grid;gap:0}.sidebar button.sidebar-parent{height:58px;max-height:none;border-radius:12px;padding:0 16px!important;justify-content:space-between;background:transparent;color:#fff;font-size:18px;font-weight:900}.sidebar-section.has-active>.sidebar-parent,.sidebar-section.open>.sidebar-parent{background:var(--red);box-shadow:0 14px 30px #d9041647}.sidebar-parent-copy{display:inline-flex;align-items:center;gap:12px;min-width:0}.sidebar-toggle{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:24px;line-height:1}.sidebar-submenu{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;pointer-events:none;transition:grid-template-rows .24s ease,opacity .2s ease,padding .24s ease,visibility .24s ease}.sidebar-section.open .sidebar-submenu{grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;padding-top:8px}.sidebar-submenu-inner{min-height:0;overflow:hidden;display:grid;gap:8px;padding-inline:8px 4px}.sidebar button.sidebar-subitem{height:40px;max-height:none;min-height:40px!important;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#fffffff5;color:var(--red);padding:0 14px!important;justify-content:center;gap:8px;font-size:14px;font-weight:800}.sidebar button.sidebar-subitem:hover{border-color:#fff;background:#fff;transform:translate(-2px)}.sidebar button.sidebar-subitem.active{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 10px 22px #d9041640}.sidebar button.sidebar-subitem,.sidebar button.sidebar-subitem span,.sidebar button.sidebar-subitem svg{background:#fff!important;color:var(--zunion-red)!important;border-color:var(--zunion-red)!important;stroke:currentColor;fill:none;opacity:1}.sidebar button.sidebar-subitem:hover,.sidebar button.sidebar-subitem:hover span,.sidebar button.sidebar-subitem:hover svg{background:#fff1f2!important;color:var(--zunion-red)!important;border-color:var(--zunion-red)!important}.sidebar button.sidebar-subitem.active,.sidebar button.sidebar-subitem.active span,.sidebar button.sidebar-subitem.active svg{background:var(--zunion-red)!important;color:#fff!important;border-color:var(--zunion-red)!important}.sidebar button.sidebar-subitem:disabled,.sidebar button.sidebar-subitem.disabled,.sidebar button.sidebar-subitem:disabled span,.sidebar button.sidebar-subitem.disabled span,.sidebar button.sidebar-subitem:disabled svg,.sidebar button.sidebar-subitem.disabled svg{background:#e5e7eb!important;color:#4b5563!important;border-color:#d1d5db!important;opacity:1;cursor:not-allowed}.sidebar button.sidebar-subitem:focus-visible{outline:3px solid rgba(237,28,36,.35);outline-offset:2px}.sidebar button.sidebar-logout{margin-top:auto;height:52px;border-top:1px solid rgba(255,255,255,.12);border-radius:12px;justify-content:center;font-size:17px}.sidebar button.sidebar-logout:hover{background:#ffffff1a}.sidebar-overlay{display:none}@media(max-width:1024px){.app{--sidebar-width: 300px}.content{width:100%!important;max-width:100%;margin-right:0}.sidebar{position:fixed!important;top:0;right:0;width:min(320px,86vw)!important;min-width:0!important;max-width:min(320px,86vw)!important;height:100vh!important;transform:translate(110%);transition:transform .25s ease;z-index:80}.sidebar.drawer-open{transform:translate(0)}.sidebar.drawer-open+.sidebar-overlay{display:block;position:fixed;inset:0;z-index:70;border:0;background:#000b1994}.sidebar-close{display:inline-grid!important;place-items:center;position:absolute;top:10px;left:10px;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:50%!important;background:#ffffff1f!important;color:#fff!important}.hamburger-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.topbar{display:flex;flex-direction:row!important;align-items:center!important}}@media(max-width:1200px){.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-form-grid>label{grid-column:span 1!important}.product-form-grid>.product-image-field{grid-column:1 / -1!important}}@media(max-width:700px){.product-form-grid{grid-template-columns:1fr!important}.product-form-grid>label,.product-form-grid>.product-image-field{grid-column:1 / -1!important}}body,input,select,textarea,button,table{font-variant-numeric:tabular-nums}.panel,.content-card,.modal{padding:12px!important;border-radius:9px!important}.form-section{padding:var(--section-padding)!important;margin-bottom:10px;gap:var(--form-gap);border-radius:9px!important}.form-section h3{font-size:16px}.order-form,.stack{gap:10px}.form-grid,.filters,.form-grid.two,.line-item,.finance-form,.order-basic-row,.order-finance-row,.operation-item-row{-moz-column-gap:10px!important;column-gap:10px!important;row-gap:var(--form-gap)!important}.login-card label,.order-form label,label{gap:4px;font-size:12.5px;line-height:1.25}input,select{min-height:var(--control-height)!important;height:var(--control-height)!important;padding:4px var(--control-padding-x)!important;font-size:var(--control-font-size)!important;border-radius:7px!important}textarea{min-height:68px!important;height:auto!important;padding:7px var(--control-padding-x)!important;font-size:var(--control-font-size)!important;border-radius:7px!important}.primary-btn,.ghost-btn,.actions button,.actions select,.pagination button{min-height:34px!important;height:34px;padding:5px 11px!important;font-size:13px;border-radius:7px}.compact,.ghost-btn.compact,.primary-btn.compact{min-height:31px!important;height:31px;padding:5px 10px!important;font-size:12px}.stat-card{padding:14px 16px!important}.quick-grid button{min-height:72px!important;padding:12px 14px!important;font-size:15px}.image-clipboard-field{padding:8px 9px!important;gap:6px;border-radius:8px!important}.image-field-actions{gap:6px}.image-paste-btn{min-height:30px!important;height:30px!important;font-size:12px!important}.image-empty-state{min-height:56px!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important}.image-preview-box{padding:6px}.upload-preview{max-height:140px;margin-top:6px}th,td{height:32px!important;padding:6px 7px!important;font-size:12px}.badge{padding:3px 8px;font-size:11.5px;min-height:24px}.numeric-value,input[type=number],input[type=tel],input[type=date]{font-variant-numeric:tabular-nums}@media(max-width:768px){input,select,.primary-btn,.ghost-btn,.actions button,.pagination button{min-height:40px!important;height:40px}textarea{min-height:82px!important}}@media(max-width:560px){.topbar{height:auto;max-height:none;min-height:76px;padding:12px 14px!important}.topbar h1{font-size:21px}.topbar p{font-size:13px}}.red-date-picker{display:grid;gap:4px;justify-items:center;text-align:center;color:#000!important}.red-date-picker>span:first-child{color:#000!important;font-weight:800}.delivery-date-field{position:relative;display:inline-flex;width:132px;max-width:100%;height:var(--control-height)!important;min-height:var(--control-height)!important}.delivery-date-input{position:relative;z-index:1;width:100%;height:100%!important;min-height:100%!important;padding:5px 12px!important;border:0!important;border-radius:999px!important;background:var(--zunion-red)!important;color:#fff!important;font-size:var(--control-font-size)!important;font-weight:800;text-align:center;direction:ltr;box-shadow:0 5px 14px #e1001938;outline:none}.delivery-date-display{position:absolute;inset:0 32px 0 10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:#fff!important;font-size:var(--control-font-size);font-weight:800;line-height:1;direction:ltr;white-space:nowrap}.delivery-date-input::-moz-placeholder{color:#fff!important;opacity:1}.delivery-date-input::placeholder{color:#fff!important;opacity:1}.delivery-date-input::-webkit-datetime-edit,.delivery-date-input::-webkit-datetime-edit-fields-wrapper,.delivery-date-input::-webkit-datetime-edit-text,.delivery-date-input::-webkit-datetime-edit-month-field,.delivery-date-input::-webkit-datetime-edit-day-field,.delivery-date-input::-webkit-datetime-edit-year-field{color:transparent}.delivery-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:1}.delivery-date-input:hover{filter:brightness(.97)}.delivery-date-input:focus{box-shadow:0 0 0 3px #e1001929,0 5px 14px #e1001938}@media(max-width:768px){.delivery-date-field{width:158px;height:40px!important;min-height:40px!important}}@media print{.delivery-date-field{width:auto;height:auto!important;min-height:0!important}.delivery-date-input{display:none!important}.delivery-date-display{position:static;color:#000!important}}.sidebar button.logo-secret-button{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0 0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}.sidebar button.logo-secret-button:hover{background:transparent!important;transform:none!important}.sidebar button.logo-secret-button .sidebar-logo{margin:0 auto 14px!important}