:root{--primary:#0f766e;--primary-hover:#0a5d57;--primary-light:#0f766e1f;--primary-pale:#5eead4;--secondary:#0ea5e9;--secondary-light:#0ea5e91a;--accent:#84cc16;--accent-dark:#4d7c0f;--accent-light:#84cc161f;--bg:#f8fffe;--surface:#fff;--text-strong:#111827;--text:#1f2937;--text-secondary:#475569;--text-muted:#94a3b8;--border:#d1dbe5;--border-light:#e2e8f0;--border-subtle:#f1f5f9;--shadow-sm:0 1px 4px #0b13240f;--shadow-md:0 4px 12px #0b132414;--shadow-lg:0 8px 30px #0b132426;--sidebar-bg:#105e56;--sidebar-text:#ffffffbd;--sidebar-text-hover:#fff;--sidebar-border:#ffffff1a;--sidebar-active:#fbbf24;--sidebar-active-bg:#fbbf242e;--danger:#dc2626;--danger-light:#fef2f2;--danger-border:#fecaca;--danger-hover-bg:#dc262640;--warning:#d97706;--warning-light:#d977061a;--focus-ring:0 0 0 3px var(--primary-light);--row-hover:#f0fdfa;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:.15s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--surface:#1a1d27;--text-strong:#f8fafc;--text:#e5e7eb;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-light:#5eead41a;--primary-pale:#5eead4;--border:#2d3344;--border-light:#252836;--border-subtle:#1e2130;--shadow-sm:0 1px 4px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #00000073;--sidebar-bg:#0b0f18;--sidebar-text:#ffffff9e;--sidebar-text-hover:#fff;--sidebar-border:#ffffff0f;--sidebar-active:#fbbf24;--sidebar-active-bg:#fbbf2426;--danger-light:#dc26261f;--danger-border:#dc262640;--danger-hover-bg:#dc262633;--warning-light:#d977061f;--secondary-light:#0ea5e91f;--accent-light:#84cc161f;--row-hover:#ffffff0a;--focus-ring:0 0 0 3px #5eead429}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"tnum" 1, "lnum" 1;direction:rtl;height:100vh;font-family:Cairo,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow:hidden}h1,h2,h3,h4{color:var(--text-strong);letter-spacing:-.005em;line-height:1.3}h1{font-weight:700}h2,h3,h4{font-weight:600}p{line-height:1.6}#root{min-height:100vh}input,select,textarea,button{font-family:Cairo,system-ui,sans-serif}a,button,input,select,textarea{transition:border-color var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition), opacity var(--transition)}@media (width<=768px){body{height:auto;overflow:auto}}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}:hover{scrollbar-color:var(--primary) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:hover::-webkit-scrollbar-thumb{background:#94a3b8}:hover::-webkit-scrollbar-thumb:hover{background:var(--primary)}::-webkit-scrollbar-corner{background:0 0}[data-theme=dark] *{scrollbar-color:#475569 transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] :hover::-webkit-scrollbar-thumb{background:#64748b}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--primary)}[data-theme=dark] :hover::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{color:var(--text-strong);letter-spacing:-.01em;align-items:center;gap:.55rem;margin:0;font-size:1.4rem;font-weight:700;line-height:1.25;display:flex}.page-header-icon{color:var(--primary);font-size:1.3rem}.page-subtitle{color:var(--text-secondary);margin:.2rem 0 0;font-size:.85rem;font-weight:400;line-height:1.5}.header-actions{gap:.5rem;display:flex}.section-title,.card-title{color:var(--text-strong);letter-spacing:-.005em;margin:0 0 .6rem;font-size:.95rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary svg{font-size:1.05rem}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 2px 8px #0f766e40}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.btn-sm{background:var(--surface);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn-sm svg{font-size:.9rem}.btn-sm:hover{background:var(--primary-light);border-color:var(--primary)}.btn-sm-danger{color:var(--danger)!important;border-color:var(--danger-border)!important}.btn-sm-danger:hover{background:var(--danger-light)!important;border-color:var(--danger)!important;color:var(--danger)!important}.btn-lg{border-radius:var(--radius-md);padding:.65rem 2rem;font-size:.95rem}.table-container{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--bg);text-align:start;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light);padding:.75rem 1rem;font-size:.76rem;font-weight:600}.data-table td{color:var(--text);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.cell-name{color:var(--text-strong);font-weight:600}.cell-mono{letter-spacing:.02em;color:var(--text-secondary);font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.cell-num{text-align:center;font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum" 1, "zero" 1, "ss01" 1;letter-spacing:.005em;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace}.num-sep{color:inherit;opacity:.4;vertical-align:.08em;margin:0 .05em;font-size:.7em;font-weight:400}.num-decimal{font-size:.85em;font-weight:inherit;color:inherit;opacity:.62;letter-spacing:.01em}.num-money{font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum" 1, "zero" 1, "ss01" 1;letter-spacing:.005em;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace}.dt-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-inline-start:.4em;font-size:.92em;font-weight:500}.dt-pair{vertical-align:middle;flex-direction:column;line-height:1.2;display:inline-flex}.dt-time-main{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:inherit;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:1em;font-weight:700}.dt-date-sub{color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;font-size:.74em;font-weight:500}.duration-value{font-variant-numeric:tabular-nums;direction:ltr;align-items:baseline;font-family:ui-monospace,Consolas,monospace;display:inline-flex}.dur-num{letter-spacing:.04em;font-size:1.1em;font-weight:700}.dur-sep{color:var(--text-muted);opacity:.55;margin:0 .12em;font-size:.95em;font-weight:600}.duration-live .dur-sep{animation:1.2s ease-in-out infinite dur-pulse}@keyframes dur-pulse{0%,to{opacity:.85}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.duration-live .dur-sep{opacity:.55;animation:none}}.num-currency{color:var(--text-muted);letter-spacing:.04em;margin-inline-start:.15em;font-family:Cairo,system-ui,sans-serif;font-size:.72em;font-weight:500}.num-sign{opacity:.85;margin-inline-end:.05em;font-weight:700}.cell-actions{gap:.35rem;display:flex}.cell-notes{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-muted);font-size:.8rem;overflow:hidden}.empty-cell{text-align:center;color:var(--text-muted);font-size:.875rem;font-weight:400;padding:2.5rem 1rem!important}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;padding:.22rem .7rem;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-role{background:var(--secondary-light);color:var(--secondary)}.badge-active{background:var(--accent-light);color:var(--accent-dark)}.badge-inactive{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.alert{border-radius:var(--radius-sm);align-items:center;gap:.55rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.5;display:flex}.alert svg{flex-shrink:0;font-size:1.1rem}.alert-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.alert-success{background:var(--accent-light);color:var(--accent-dark);border:1px solid #84cc1640}.error-text,.required{color:var(--danger)}.modal-overlay{z-index:200;background:#0b132480;justify-content:center;align-items:center;padding:1.5rem;animation:.15s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:calc(100vh - 3rem);box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:#00000014 transparent;padding:1.75rem;animation:.2s modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-header h2{color:var(--text-strong);letter-spacing:-.005em;margin:0;font-size:1.1rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.3rem;font-size:1.2rem;display:flex}.modal-close:hover{color:var(--danger);background:var(--danger-light)}.modal-actions{justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);letter-spacing:.005em;margin-bottom:.4rem;font-size:.83rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-strong);background:var(--surface);box-sizing:border-box;padding:.55rem .75rem;font-family:Cairo,system-ui,sans-serif;font-size:.88rem;line-height:1.5}.form-group textarea{resize:vertical;min-height:60px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-error{background:var(--danger-light);color:var(--danger);border-radius:var(--radius-sm);border:1px solid var(--danger-border);align-items:center;gap:.4rem;margin-bottom:1rem;padding:.6rem .85rem;font-size:.83rem;display:flex}.form-error svg{flex-shrink:0;font-size:1rem}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{width:auto;accent-color:var(--primary)}.filter-bar{align-items:stretch;gap:.75rem;margin-bottom:1.25rem;display:flex}.filter-bar .dd-wrap{flex:0 0 220px;width:220px}.search-box{flex:1;position:relative}.search-icon{inset-inline:auto .75rem;color:var(--text-muted);pointer-events:none;font-size:1.05rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;padding-inline-end:2.3rem;font-size:.88rem}.search-box input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.filter-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);min-width:160px;padding:.55rem .75rem;font-size:.88rem}.filter-select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.date-range{align-items:center;gap:.5rem;display:flex}.date-range input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);padding:.45rem .6rem;font-size:.85rem}.date-range input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.date-range span{color:var(--text-secondary);font-size:.85rem}.quick-filters{gap:.3rem;display:flex}.quick-filters button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.35rem .75rem;font-size:.8rem}.quick-filters button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.stock-low{color:var(--warning);font-weight:600}.stock-zero{color:var(--danger);font-weight:600}.amount-in{color:var(--accent-dark);font-weight:700}.amount-out{color:var(--danger);font-weight:700}.export-btns{gap:.3rem;display:flex}.btn-export{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.btn-export svg{font-size:.85rem}.btn-export-excel{color:#16a34a;background:#16a34a0f;border-color:#16a34a4d}.btn-export-excel:hover{color:#fff;background:#16a34a;border-color:#16a34a}.btn-export-pdf{color:var(--danger);background:#dc26260f;border-color:#dc26264d}.btn-export-pdf:hover{background:var(--danger);color:#fff;border-color:var(--danger)}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] .modal::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=dark] .modal{scrollbar-color:#ffffff1a transparent}[data-theme=dark] .stock-low{color:#fbbf24}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header h1{font-size:1.2rem}.header-actions{flex-wrap:wrap;width:100%}.filter-bar{flex-direction:column}.filter-select{width:100%;min-width:0}.filter-bar .dd-wrap{flex:auto;width:100%}.form-row{grid-template-columns:1fr}.modal{max-width:calc(100vw - 1.5rem);padding:1.25rem}.modal-actions{flex-direction:column-reverse;gap:.5rem}.modal-actions button{justify-content:center;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.date-range,.quick-filters,.export-btns{flex-wrap:wrap}}@media (width<=480px){.page-header h1{font-size:1.05rem}.btn-primary,.btn-secondary{padding:.45rem .85rem;font-size:.8rem}.btn-sm{padding:.25rem .55rem;font-size:.75rem}.data-table th,.data-table td{padding:.5rem .6rem;font-size:.8rem}}.layout{height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:240px;color:var(--sidebar-text);top:0;inset-inline-start:0;z-index:100;flex-direction:column;display:flex;position:fixed;bottom:0}.sidebar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;justify-content:center;align-items:center;padding:1rem 1.25rem;display:flex}.sidebar-logo-img{object-fit:contain;width:auto;height:46px}.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-nav:hover{scrollbar-color:#ffffff1f transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .2s}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff1f}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-nav a{color:var(--sidebar-text);border-inline-start:3px solid #0000;align-items:center;gap:.65rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a svg{flex-shrink:0;font-size:1.1rem}.sidebar-nav a:hover{color:var(--sidebar-text-hover);background:#ffffff0f}.sidebar-nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);border-inline-start-color:var(--sidebar-active);font-weight:600}.sidebar-nav a.active svg{color:var(--sidebar-active)}.nav-group{margin:.05rem 0}.nav-group-toggle{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:start;background:0 0;border:none;border-inline-start:3px solid #0000;align-items:center;gap:.65rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-group-toggle svg:first-child{flex-shrink:0;font-size:1.1rem}.nav-chevron{opacity:.55;margin-inline-start:auto;font-size:.85rem;transition:transform .2s}.nav-group-open .nav-chevron{opacity:1;transform:rotate(180deg)}.nav-group-toggle:hover{color:var(--sidebar-text-hover);background:#ffffff0f}.nav-group-open,.nav-group-open svg{color:var(--sidebar-active)}.nav-group-items{border-inline-start:1px solid #ffffff1a;margin-inline-start:2rem;padding:.1rem 0}.nav-group-items a{padding-inline-start:1rem;font-size:.82rem}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:1rem 1.25rem}.user-info{margin-bottom:.7rem}.user-info-text{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--sidebar-text-hover);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--sidebar-active);margin-top:2px;font-size:.72rem}.sidebar-footer-actions{gap:.4rem;display:flex}.theme-toggle-btn{width:36px;color:var(--sidebar-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;transition:background .15s,color .15s,border-color .15s;display:flex}.theme-toggle-btn:hover{color:var(--sidebar-active);background:#ffffff1f;border-color:#ffffff2e}.sidebar-action-btn{color:var(--sidebar-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .5rem;font-size:.8rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-action-btn svg{font-size:1rem}.logout-btn:hover{background:var(--danger-hover-bg);color:var(--danger-border);border-color:#dc262659}.main-content{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;height:100vh;min-height:100vh;margin-inline-start:240px;padding:1.5rem 2rem;overflow-y:auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;transition:background .2s}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-topbar,.sidebar-close-btn,.sidebar-overlay{display:none}@media (width<=1024px){.sidebar{width:200px}.main-content{margin-inline-start:200px;padding:1.25rem}}@media (width<=768px){.mobile-topbar{background:var(--sidebar-bg);height:52px;color:var(--sidebar-text-hover);z-index:99;align-items:center;gap:.6rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{color:var(--sidebar-text-hover);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;font-size:1.4rem;display:flex}.mobile-topbar-logo{object-fit:contain;width:auto;height:26px}.sidebar{z-index:200;width:260px;transition:transform .25s;transform:translate(100%)}[dir=ltr] .sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)!important}.sidebar-close-btn{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:.2rem;font-size:1.2rem;display:flex}.sidebar-overlay{z-index:199;background:#00000073;display:block;position:fixed;inset:0}.main-content{padding:1rem;height:auto;min-height:100vh;margin-inline-start:0;padding-top:62px}.layout{flex-direction:column;height:auto}}@media (width<=480px){.main-content{padding:58px .75rem .75rem}}.login-page{min-height:100vh;display:flex}.lp-form-side{background:#fafbfc;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 2rem 1.25rem;display:flex;position:relative}.lp-form{width:100%;max-width:370px}.lp-form-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.lp-logo-img{object-fit:contain;width:auto;max-width:280px;height:96px}.lp-form-title{text-align:center;color:var(--text-strong);letter-spacing:-.015em;margin:0 0 .35rem;font-size:1.5rem;font-weight:700;line-height:1.25}.lp-form-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 1.75rem;font-size:.88rem;font-weight:400;line-height:1.5}.lp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.lp-error svg{flex-shrink:0;font-size:1rem}.lp-field{margin-bottom:1.1rem}.lp-field label{color:#333;margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.lp-input-wrap{position:relative}.lp-input-icon{inset-inline-end:.8rem;color:#bbb;pointer-events:none;font-size:1rem;transition:color .15s;position:absolute;top:50%;transform:translateY(-50%)}.lp-input-wrap input{padding:.7rem .85rem;color:#1a1a2e;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding-inline-end:2.5rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.lp-input-wrap input::placeholder{color:silver}.lp-input-wrap input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #0f766e14}.lp-input-wrap input:focus~.lp-input-icon{color:var(--primary)}.lp-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:.6rem;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.lp-btn svg{font-size:1.1rem}.lp-btn:hover:not(:disabled){background:var(--primary-hover)}.lp-btn:active:not(:disabled){transform:scale(.99)}.lp-btn:disabled{opacity:.6;cursor:not-allowed}.lp-credits{bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffffd9;border:1px solid #0f172a0f;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute;inset-inline:1.25rem;box-shadow:0 2px 10px #0f172a0a}.lp-credits:hover{border-color:#0f766e2e;box-shadow:0 4px 16px #0f172a0f}.lp-credits-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;min-width:0;display:flex}.lp-credits-logo{object-fit:contain;flex-shrink:0;width:auto;height:32px}.lp-credits-tagline{color:#475569;margin:0;font-size:.7rem;font-weight:600;line-height:1.4}.lp-credits-divider{background:linear-gradient(#0000,#0f172a1a 50%,#0000);flex-shrink:0;width:1px;height:28px}.lp-credits-contact{flex-wrap:wrap;justify-content:center;row-gap:.25rem}.lp-credits-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-inline-end:1px solid #0f766e2e;margin-inline-end:.25rem;padding-inline-end:.35rem;font-size:.6rem;font-weight:700}.lp-credits-link{color:#475569;direction:ltr;align-items:center;gap:.3rem;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;text-decoration:none;transition:color .15s;display:inline-flex}.lp-credits-link svg{color:var(--primary);flex-shrink:0;font-size:.85rem}.lp-credits-link:hover{color:var(--primary)}.lp-support-fab{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);background:#fffffff5;border:1px solid #25d36633;border-radius:999px;align-items:center;gap:.7rem;padding:.5rem 1rem .5rem .5rem;font-family:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.35s ease-out lp-support-slide;display:inline-flex;position:fixed;top:1.25rem;left:1.25rem;box-shadow:0 6px 20px #0f172a0f,0 2px 6px #25d36614}[dir=rtl] .lp-support-fab{padding:.5rem .5rem .5rem 1rem}@keyframes lp-support-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lp-support-fab:hover{border-color:#25d36673;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1a,0 3px 10px #25d3662e}.lp-support-icon-wrap{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;box-shadow:0 3px 8px #25d36652}.lp-support-icon-wrap:after{content:"";bottom:0;background:#4ade80;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.8s ease-out infinite lp-support-dot;position:absolute;inset-inline-end:0;box-shadow:0 0 #4ade8099}@keyframes lp-support-dot{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.lp-support-icon{color:#fff;font-size:1.2rem}.lp-support-text{text-align:start;flex-direction:column;line-height:1.1;display:flex}.lp-support-label{color:var(--text);letter-spacing:.2px;font-size:.82rem;font-weight:700}.lp-support-sub{color:#128c7e;align-items:center;gap:.25rem;margin-top:3px;font-size:.66rem;font-weight:600;display:flex}.lp-support-sub:before{content:"";background:#25d366;border-radius:50%;width:6px;height:6px}.lp-brand-side{flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.lp-brand-side:before{content:"";opacity:.035;z-index:0;background-image:radial-gradient(circle at 25% 25%,#fff 1px,#0000 1px),radial-gradient(circle at 75% 75%,#fff 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.lp-orb{filter:blur(60px);opacity:.12;z-index:0;border-radius:50%;position:absolute}.lp-orb-1{background:var(--primary-pale);width:300px;height:300px;top:-80px;left:-60px}.lp-orb-2{opacity:.06;background:#fff;width:200px;height:200px;bottom:10%;right:-40px}.lp-orb-3{background:var(--primary);opacity:.15;width:160px;height:160px;bottom:-40px;left:30%}.lp-brand-content{z-index:1;text-align:start;flex-direction:column;align-items:flex-start;max-width:400px;display:flex;position:relative}.lp-brand-logo-area{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-self:flex-start;align-items:center;margin-bottom:1.75rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 8px 40px #0000001f,inset 0 1px #ffffff1a}.lp-brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000026);width:auto;max-width:200px;height:56px}.lp-logo-divider{background:linear-gradient(270deg,#ffffff4d,#ffffff0d);width:100%;height:1px;margin-bottom:1.25rem}[dir=ltr] .lp-logo-divider{background:linear-gradient(90deg,#ffffff4d,#ffffff0d)}.lp-brand-name{color:#fff;letter-spacing:-.01em;margin:0 0 .55rem;font-size:1.65rem;font-weight:700;line-height:1.25}.lp-brand-tagline{color:#ffffffc7;max-width:340px;margin:0 0 1.75rem;font-size:.9rem;font-weight:400;line-height:1.75}.lp-brand-divider{background:#ffffff40;border-radius:2px;width:48px;height:2px;margin-bottom:1.75rem}.lp-features{gap:1.25rem;display:flex}.lp-feature{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .85rem;transition:background .2s;display:flex}.lp-feature:hover{background:#ffffff1f}.lp-feature-icon{color:#fff;background:#ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.lp-feature span{color:#fffc;white-space:nowrap;font-size:.75rem;font-weight:600}@media (width<=900px){.login-page{flex-direction:column}.lp-brand-side{flex:none;min-height:180px;padding:1.5rem}.lp-brand-content{text-align:center;align-items:center}.lp-brand-logo-area{justify-content:center;margin-bottom:.75rem;padding:.85rem 1.5rem}.lp-brand-logo-img{height:48px}.lp-brand-tagline,.lp-logo-divider,.lp-brand-divider{display:none}.lp-brand-name{margin-bottom:.75rem;font-size:1.3rem}.lp-features{gap:.75rem}.lp-feature{padding:.4rem .65rem}.lp-feature-icon{width:28px;height:28px;font-size:.85rem}.lp-feature span{font-size:.7rem}.lp-form-side{flex:1;padding:1.5rem}}@media (width<=480px){.lp-brand-side{min-height:140px;padding:1rem}.lp-features{display:none}.lp-brand-logo-area{padding:.6rem 1.2rem}.lp-brand-logo-img{height:36px}.lp-brand-name{font-size:1.1rem}.lp-form-side{padding:1.25rem 1.25rem 1rem}.lp-form-title{font-size:1.2rem}.lp-logo-img{height:44px}.lp-credits{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1.25rem;position:static}.lp-credits-divider{background:linear-gradient(90deg,#0000,#0f172a1a,#0000);width:100%;height:1px}.lp-support-fab{padding:.4rem;top:.85rem;left:.85rem}[dir=rtl] .lp-support-fab{padding:.4rem}.lp-support-text{display:none}.lp-support-icon-wrap{width:32px;height:32px}.lp-support-icon{font-size:1.05rem}}.dashboard{text-align:start}.dash-header{background:linear-gradient(135deg,#0f766e0f 0%,#0ea5e90a 100%);border:1px solid #0f766e14;border-radius:14px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.dash-header-content{align-items:center;gap:.85rem;display:flex}.dash-header-icon{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.dash-header h1{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.dash-subtitle{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.3rem;font-size:.82rem;font-weight:400;display:flex}.dash-role-badge{background:var(--primary-light);color:var(--primary);border-radius:6px;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.dash-loading-container{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;font-size:.85rem;display:flex}.dash-spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dash-stats{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);color:var(--text);align-items:center;gap:.85rem;padding:1.1rem 1.15rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light);transform:translateY(-2px)}.stat-card:before{content:"";top:0;border-start-start-radius:12px;border-end-start-radius:12px;width:4px;height:100%;position:absolute;inset-inline-start:0}.stat-teal:before{background:var(--primary)}.stat-green:before{background:#10b981}.stat-red:before{background:var(--danger)}.stat-blue:before{background:var(--secondary)}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.stat-teal .stat-icon{color:var(--primary);background:#0f766e1a}.stat-green .stat-icon{color:#10b981;background:#10b9811a}.stat-red .stat-icon{color:var(--danger);background:#dc26261a}.stat-blue .stat-icon{color:var(--secondary);background:#0ea5e91a}.stat-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.stat-value{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:ui-monospace,Consolas,monospace;font-size:1.2rem;font-weight:700}.stat-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.74rem;font-weight:500}.stat-badge{color:var(--text-muted);background:var(--bg);white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;position:absolute;top:.6rem;left:.75rem}.dash-stats-secondary{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.25rem;display:grid}.stat-mini{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border-radius:10px;align-items:center;gap:.5rem;padding:.7rem .85rem;text-decoration:none;transition:all .15s;display:flex}.stat-mini:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0b13240f}.sm-icon{flex-shrink:0;font-size:1.1rem}.sm-sky{color:#0ea5e9}.sm-orange{color:#d97706}.sm-amber{color:#f59e0b}.sm-red{color:var(--danger)}.sm-value{font-variant-numeric:tabular-nums;color:var(--text-strong);font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;font-weight:700}.sm-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.dash-actions-section{margin-bottom:1.25rem}.dash-actions-section h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.dash-actions{grid-template-columns:repeat(7,1fr);gap:.55rem;display:grid}.action-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .4rem;text-decoration:none;transition:all .2s;display:flex}.action-card span{color:var(--text);text-align:center;letter-spacing:.005em;font-size:.72rem;font-weight:600;line-height:1.35}.action-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light);transform:translateY(-2px)}.ac-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex}.ac-bg-teal{color:#0f766e;background:#0f766e1a}.ac-bg-blue{color:#0ea5e9;background:#0ea5e91a}.ac-bg-sky{color:#0284c7;background:#38bdf81a}.ac-bg-green{color:#16a34a;background:#22c55e1a}.ac-bg-violet{color:#7c3aed;background:#8b5cf61a}.ac-bg-purple{color:#9333ea;background:#a855f71a}.ac-bg-cyan{color:#0891b2;background:#06b6d41a}.ac-bg-orange{color:#d97706;background:#f59e0b1a}.ac-bg-emerald{color:#059669;background:#10b9811a}.ac-bg-pink{color:#db2777;background:#ec48991a}.ac-bg-indigo{color:#4f46e5;background:#6366f11a}.ac-bg-gray{color:#4b5563;background:#6b72801a}.ac-bg-slate{color:#475569;background:#4755691a}.ac-teal:hover{border-color:#0f766e}.ac-blue:hover{border-color:#0ea5e9}.ac-sky:hover{border-color:#0284c7}.ac-green:hover{border-color:#16a34a}.ac-violet:hover{border-color:#7c3aed}.ac-purple:hover{border-color:#9333ea}.ac-cyan:hover{border-color:#0891b2}.ac-orange:hover{border-color:#d97706}.ac-emerald:hover{border-color:#059669}.ac-pink:hover{border-color:#db2777}.ac-indigo:hover{border-color:#4f46e5}.ac-gray:hover{border-color:#4b5563}.ac-slate:hover{border-color:#475569}.dash-panels{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:1rem;display:grid}.panel-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);border-top:3px solid var(--primary);padding:.95rem 1.1rem}.panel-border-orange{border-top-color:#f59e0b}.panel-border-red{border-top-color:var(--danger)}.panel-card h3{color:var(--text-strong);letter-spacing:-.005em;align-items:center;gap:.45rem;margin:0;font-size:.88rem;font-weight:600;display:flex}.panel-icon{font-size:.95rem}.panel-icon-teal{color:var(--primary)}.panel-icon-orange{color:#d97706}.panel-icon-red{color:var(--danger)}.panel-empty{color:var(--text-muted);text-align:center;padding:1.25rem 0;font-size:.78rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-link{color:var(--primary);font-size:.72rem;font-weight:500;text-decoration:none}.section-link:hover{text-decoration:underline}.recent-list{flex-direction:column;display:flex}.recent-item{border-bottom:1px solid var(--border-subtle);padding:.5rem 0}.recent-item:last-child{border-bottom:none}.ri-main{justify-content:space-between;align-items:center;display:flex}.ri-invoice{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:.78rem;font-weight:600}.ri-amount{color:var(--primary);font-family:ui-monospace,Consolas,monospace;font-size:.82rem;font-weight:700}.ri-meta{color:var(--text-muted);justify-content:space-between;margin-top:.15rem;font-size:.68rem;display:flex}.ri-payment{border-radius:4px;padding:.05rem .35rem;font-size:.62rem;font-weight:600}.ri-cash{color:#059669;background:#10b9811a}.ri-card{color:#0ea5e9;background:#0ea5e91a}.ri-credit{color:#d97706;background:#f59e0b1a}.bottom-list{margin-top:.25rem}.bottom-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.78rem;display:flex}.bottom-item:last-child{border-bottom:none}.bi-name{color:var(--text);font-weight:500}.bi-stock-bar{align-items:center;gap:.15rem;font-family:ui-monospace,Consolas,monospace;font-size:.72rem;display:flex}.bi-stock{font-weight:700}.stock-low{color:#d97706}.stock-zero{color:var(--danger)}.bi-sep,.bi-min{color:var(--text-muted)}.bi-expiry-badge{border-radius:6px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.eb-near{color:#d97706;background:#f59e0b1a}.eb-expired{color:var(--danger);background:#dc262614}[data-theme=dark] .dash-header{background:linear-gradient(135deg,#0f766e1a 0%,#0ea5e90f 100%);border-color:#0f766e26}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 16px #00000040}[data-theme=dark] .stat-mini:hover{box-shadow:0 3px 10px #0003}[data-theme=dark] .action-card:hover{box-shadow:0 6px 16px #00000040}[data-theme=dark] .eb-near,[data-theme=dark] .stock-low,[data-theme=dark] .sm-orange{color:#fbbf24}@media (width<=1024px){.dash-stats,.dash-stats-secondary{grid-template-columns:repeat(2,1fr)}.dash-actions{grid-template-columns:repeat(4,1fr)}.dash-panels{grid-template-columns:1fr}}@media (width<=768px){.dash-stats{grid-template-columns:1fr 1fr;gap:.65rem}.dash-stats-secondary{grid-template-columns:1fr 1fr}.dash-actions{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.dash-stats{grid-template-columns:1fr}.dash-stats-secondary{grid-template-columns:1fr 1fr}.dash-actions{grid-template-columns:repeat(2,1fr)}.dash-header{padding:1rem}.dash-header h1{font-size:1.1rem}}.dash-open-shift{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;margin-bottom:1.25rem;padding:1rem 1.1rem .95rem;display:flex;position:relative;overflow:hidden}.dash-open-shift:before{content:"";top:0;background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);opacity:.85;height:3px;position:absolute;inset-inline:0}.dos-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dos-head-left{align-items:center;gap:.75rem;min-width:0;display:flex}.dos-icon{background:var(--primary-light);width:42px;height:42px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.dos-title-block{flex-direction:column;gap:.2rem;min-width:0;display:flex}.dos-title-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.dos-title{color:var(--text);font-size:.98rem;font-weight:700}.dos-num{color:var(--primary);letter-spacing:.5px;font-family:ui-monospace,Consolas,monospace;font-size:.88rem}.dos-subtitle{color:var(--text-secondary);font-size:.82rem;font-weight:500}.dos-actions{flex-shrink:0;gap:.4rem;display:flex}.dos-actions .btn-primary,.dos-actions .btn-sm{text-decoration:none}.dos-chips{border-top:1px dashed var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:.6rem;padding-top:.75rem;display:grid}.dos-chip{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:.6rem;min-width:0;padding:.55rem .75rem;display:flex}.dos-chip>div{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.dos-chip-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.dos-chip-cap{color:var(--text-muted);letter-spacing:.01em;font-size:.72rem;font-weight:500}.dos-chip-val{color:var(--text);font-size:.92rem;font-weight:700;line-height:1.25}.dos-chip-live .dos-chip-icon{color:var(--primary)}.dos-chip-money .dos-chip-icon{color:var(--success,#10b981)}.dos-chip-money .dos-chip-val{font-family:ui-monospace,Consolas,monospace}@media (width<=768px){.dos-head{align-items:stretch}.dos-actions{flex-wrap:wrap;justify-content:flex-end}.dos-chips{grid-template-columns:1fr}}.dash-no-shift{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);align-items:center;gap:1.1rem;margin-bottom:1.25rem;padding:1.25rem 1.4rem;display:flex;position:relative;overflow:hidden}.dash-no-shift:hover{box-shadow:var(--shadow-md,0 4px 12px #0f766e14);border-color:var(--border)}.dash-no-shift:before{content:"";top:0;background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);opacity:.7;height:3px;position:absolute;inset-inline:0}.dns-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex;position:relative}.dns-icon:after{content:"";pointer-events:none;border:1.5px dashed #0f766e38;border-radius:18px;position:absolute;inset:-4px}.dns-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.dns-title{color:var(--text);letter-spacing:-.003em;margin:0;font-size:1rem;font-weight:600}.dns-message{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:400;line-height:1.6}.dns-cta{flex-shrink:0;min-height:42px;padding-inline:1.25rem;text-decoration:none}@media (width<=768px){.dash-no-shift{text-align:start;flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.1rem}.dns-cta{justify-content:center;width:100%}}.pagination-wrapper{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem 0;display:flex}.pagination-info{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.pagination-controls{align-items:center;gap:.2rem;display:flex}.pg-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:32px;height:32px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0 .35rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.pg-btn:hover:not(:disabled):not(.pg-active){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pg-active:hover{background:var(--primary-hover)}.pg-dots{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 .25rem;font-size:.8rem}.pg-btn svg{font-size:.95rem}[dir=ltr] .pg-icon-flip{transform:scaleX(-1)}.pagination-size select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;padding:.3rem .5rem;font-family:inherit;font-size:.8rem}.pagination-size select:focus{border-color:var(--primary);outline:none}@media (width<=768px){.pagination-wrapper{flex-direction:column;align-items:center;gap:.5rem}.pagination-info{order:2}.pagination-controls{order:1}.pagination-size{order:3}}@media (width<=480px){.pg-btn{min-width:28px;height:28px;font-size:.75rem}.pg-btn svg{font-size:.85rem}}.dd-wrap{width:100%;position:relative}.dd-trigger{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;text-align:start;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;display:flex}.dd-trigger:hover:not(:disabled){border-color:var(--primary)}.dd-open .dd-trigger{border-color:var(--primary);box-shadow:var(--focus-ring)}.dd-trigger:disabled{opacity:.55;cursor:not-allowed}.dd-value{color:var(--text)}.dd-placeholder{color:var(--text-muted)}.dd-chevron{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:transform .2s}.dd-open .dd-chevron{color:var(--primary);transform:rotate(180deg)}.dd-menu{top:calc(100% + 4px);background:var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);width:100%;max-height:240px;box-shadow:var(--shadow-md);z-index:250;padding:.25rem;animation:.12s dd-fade;position:absolute;inset-inline:0;overflow-y:auto}@keyframes dd-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dd-option{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.88rem;display:flex}.dd-option:hover{background:var(--row-hover);color:var(--primary)}.dd-option-selected{background:var(--primary-light);color:var(--primary);font-weight:600}.dd-check{color:var(--primary);flex-shrink:0;font-size:.95rem}.dd-empty{text-align:center;color:var(--text-muted);padding:.85rem;font-size:.82rem}.users-page{text-align:start}.users-page .actions-cell{flex-wrap:wrap;gap:.4rem;display:flex}.users-page .btn-outline{color:var(--text-secondary);border-color:var(--border);background:0 0}.users-page .btn-outline:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.form-success{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);border:1px solid var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .85rem;font-size:.83rem;display:flex}.form-success svg{flex-shrink:0;font-size:1rem}.settings-page{text-align:start;max-width:820px}.settings-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-bottom:1.25rem;padding:1.5rem}.card-title{color:var(--text);border-bottom:1px solid var(--border-light);align-items:center;gap:.45rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.card-title svg{color:var(--primary);font-size:1.15rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid .full-width{grid-column:1/-1}.settings-page .form-group{margin-bottom:0}.settings-page .form-group label{align-items:center;gap:.3rem;display:flex}.label-icon{color:var(--text-muted);font-size:.95rem}.settings-page .checkbox-group label{margin-bottom:0;padding-top:1.5rem}.logo-section{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.logo-preview{border:1px solid var(--border-light);background:var(--bg);border-radius:10px;width:80px;height:80px;position:relative;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-remove{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.7rem;display:flex;position:absolute;top:2px;left:2px}.logo-placeholder{border:2px dashed var(--border);width:80px;height:80px;color:var(--text-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.logo-placeholder svg{font-size:1.5rem}.logo-upload-btn{background:var(--surface);color:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.logo-upload-btn:hover{background:var(--primary);color:#fff}.logo-hint{color:var(--text-muted);width:100%;margin-top:.25rem;font-size:.75rem}.print-layout-picker{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:1.25rem}.print-layout-label{color:var(--text);margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:block}.print-layout-options{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.print-layout-opt{background:var(--bg);border:2px solid var(--border-light);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .75rem;transition:all .15s;display:flex}.print-layout-opt:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.print-layout-active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary-light)}.print-layout-icon{color:var(--text-muted);font-size:1.5rem}.print-layout-active .print-layout-icon{color:var(--primary)}.print-layout-name{color:var(--text);font-size:.85rem;font-weight:600}.print-layout-active .print-layout-name{color:var(--primary)}.print-layout-desc{color:var(--text-muted);font-size:.7rem}.dark-mode-row{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.dark-mode-info{align-items:center;gap:.65rem;display:flex}.dark-mode-icon{color:var(--primary);font-size:1.25rem}.dark-mode-label{color:var(--text);font-size:.88rem;font-weight:600;display:block}.dark-mode-hint{color:var(--text-muted);font-size:.72rem;display:block}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-switch.toggle-on{background:var(--primary)}.toggle-knob{top:3px;background:#fff;border-radius:50%;width:18px;height:18px;transition:inset .2s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.toggle-switch.toggle-on .toggle-knob{inset-inline-start:calc(100% - 21px)}.lang-picker{flex-shrink:0;gap:.3rem;display:flex}.lang-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:.35rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600}.lang-btn:hover{border-color:var(--primary);color:var(--primary)}.lang-active{background:var(--primary);color:#fff;border-color:var(--primary)}.lang-active:hover{background:var(--primary-hover);color:#fff}.settings-actions{margin-top:.5rem}.sys-card{border-top:3px solid var(--primary);padding:1rem 1.25rem}.sys-grid{grid-template-columns:1fr 1fr;gap:.5rem 1.25rem;margin-top:.5rem;display:grid}.sys-item{flex-direction:column;gap:.15rem;display:flex}.sys-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.sys-value{color:var(--text);font-size:.85rem;font-weight:600}.sys-mono{font-family:ui-monospace,Consolas,monospace}.sys-badge{border-radius:20px;align-items:center;width:fit-content;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.sys-badge-healthy{background:var(--accent-light);color:var(--accent-dark)}.sys-badge-degraded{color:#b45309;background:#eab30826}.sys-badge-down{color:var(--danger);background:#dc26261f}.sys-badge-unknown{background:var(--bg);color:var(--text-muted)}@media (width<=768px){.form-grid,.print-layout-options{grid-template-columns:1fr}.theme-palette-grid{grid-template-columns:repeat(3,1fr)}.dark-mode-row{flex-wrap:wrap;gap:.75rem}.logo-section{flex-direction:column;align-items:flex-start}.sys-grid{grid-template-columns:1fr}}@media (width<=480px){.theme-palette-grid{grid-template-columns:repeat(2,1fr)}.settings-card{padding:1rem}}.settings-card-desc{color:var(--text-muted);margin:-.25rem 0 .85rem;font-size:.85rem;line-height:1.5}.pm-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.55rem;margin-top:.85rem;display:grid}.pm-section-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;font-size:.78rem;font-weight:600}.pm-checkbox{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.6rem;padding:.65rem .9rem;display:flex}.pm-checkbox:hover{border-color:var(--border)}.pm-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:.18rem}.pm-checkbox-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.pm-checkbox-label{color:var(--text);font-size:.92rem;font-weight:600;line-height:1.3}.pm-checkbox-on{background:var(--primary-light);border-color:var(--primary)}.pm-checkbox-on .pm-checkbox-label{color:var(--primary)}.pm-checkbox-other{grid-column:1/-1;align-items:flex-start}.pm-checkbox-help{color:var(--text-muted);align-items:flex-start;gap:.4rem;font-size:.78rem;font-weight:400;line-height:1.55;display:flex}.pm-checkbox-help svg{color:var(--text-muted);flex-shrink:0;margin-top:.15rem}.pm-checkbox-other.pm-checkbox-on .pm-checkbox-help{color:var(--text-secondary)}.pm-checkbox-other.pm-checkbox-on .pm-checkbox-help svg{color:var(--primary)}@media (width<=480px){.pm-checkbox-grid{grid-template-columns:1fr 1fr}}.products-page{text-align:start}.cat-select-wrapper{align-items:center;gap:.5rem;display:flex}.cat-select-wrapper select{flex:1}.cat-add-btn{border:1px dashed var(--primary);background:var(--surface);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.cat-add-btn svg{font-size:.9rem}.cat-add-btn:hover{background:var(--primary);color:#fff;border-style:solid}.modal-product{max-width:520px}.categories-page{text-align:start}.cell-desc{color:var(--text-secondary);font-size:.85rem}.skeleton{background:linear-gradient(90deg, var(--border-subtle) 0%, var(--border-light) 50%, var(--border-subtle) 100%);vertical-align:middle;background-size:200% 100%;border-radius:4px;width:100%;height:.85rem;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{opacity:.55;animation:none}}.skeleton-cards{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.skeleton-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.skeleton-card-body{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}@media (width<=1024px){.skeleton-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.skeleton-cards{grid-template-columns:1fr}}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:3rem 1.25rem;display:flex}.empty-state-compact{background:0 0;border:none;padding:2rem 1rem}.empty-state-icon{background:var(--bg);width:64px;height:64px;color:var(--border);border-radius:16px;justify-content:center;align-items:center;margin-bottom:.6rem;font-size:1.8rem;display:flex}.empty-state-icon svg{opacity:.7;font-size:1.8rem}.empty-state-title{color:var(--text-strong);letter-spacing:-.005em;margin:0;font-size:1rem;font-weight:600}.empty-state-hint{color:var(--text-muted);max-width:360px;margin:0;font-size:.85rem;line-height:1.55}.empty-state-action{margin-top:.9rem}.suppliers-page{text-align:start}.toast-container{bottom:1rem;z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;inset-inline-end:1rem}.toast{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);cursor:pointer;pointer-events:auto;border-inline-start:4px solid var(--primary);border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;animation:.18s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-inline-start-color:var(--accent-dark)}.toast-error{border-inline-start-color:var(--danger)}.toast-warning{border-inline-start-color:var(--warning)}.toast-info{border-inline-start-color:var(--secondary)}.toast-icon{flex-shrink:0;align-items:center;font-size:1.15rem;display:flex}.toast-success .toast-icon{color:var(--accent-dark)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--secondary)}.toast-message{color:var(--text-strong);flex:1;font-size:.88rem;font-weight:500;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:.2rem;display:flex}.toast-close:hover{color:var(--text);background:var(--bg)}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=480px){.toast-container{max-width:none;inset-inline:.5rem}}.customers-page,.inventory-page{text-align:start}.filter-tabs{border-bottom:2px solid var(--border-light);gap:.35rem;margin-bottom:1rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.3rem;margin-bottom:-2px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--primary)}.tab-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.tab-count{background:var(--danger);color:#fff;border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.tab-count:empty{display:none}.expiry-expired{color:var(--danger);font-weight:600}.expiry-near{color:#d97706;font-weight:500}.expiry-label{font-size:.7rem}.modal-wide{width:90vw;max-width:900px}.movements-table-wrapper{max-height:70vh;overflow-y:auto}.qty-in{color:var(--accent-dark);font-weight:600}.qty-out{color:var(--danger);font-weight:600}.count-info{background:var(--bg);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.count-info strong{color:var(--text);font-family:ui-monospace,Consolas,monospace}.count-diff{border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.diff-ok{background:var(--accent-light);color:var(--accent-dark)}.diff-alert{color:#d97706;background:#d977061a}@media (width<=768px){.inv-tabs{flex-wrap:wrap}}.purchases-page,.purchase-create-page,.purchase-details-page{text-align:start}.purchase-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-bottom:1rem;padding:1.25rem}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.btn-add-item{border-color:var(--primary)!important;color:var(--primary)!important}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.barcode-scanner-row{background:var(--bg);border:1.5px dashed var(--border);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.6rem .75rem;transition:border-color .15s;display:flex}.barcode-scanner-row:focus-within{border-color:var(--primary);border-style:solid}.barcode-icon{color:var(--text-muted);flex-shrink:0;font-size:1.3rem}.barcode-scanner-row:focus-within .barcode-icon{color:var(--primary)}.barcode-input{color:var(--text);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;padding:.3rem 0;font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.barcode-input::placeholder{color:var(--text-muted);letter-spacing:0;font-family:inherit}.barcode-msg{white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;animation:.2s ease-out barcode-fade;display:flex}.barcode-msg-ok{color:var(--accent-dark)}.barcode-msg-err{color:var(--danger)}.barcode-msg svg{font-size:.9rem}@keyframes barcode-fade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.items-table-wrapper{overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:700px}.items-table th{background:var(--bg);text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border-light);padding:.5rem .6rem;font-size:.75rem;font-weight:700}.items-table td{padding:.35rem .4rem}.items-table select,.items-table input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;border-radius:6px;padding:.4rem .5rem;font-size:.85rem}.items-table select:focus,.items-table input:focus{border-color:var(--primary);outline:none}.btn-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem;font-size:1rem;display:flex}.btn-remove:hover{background:var(--danger-light)}.btn-remove:disabled{opacity:.3;cursor:not-allowed}.purchase-footer{flex-direction:column;gap:1rem;display:flex}.footer-fields{grid-template-columns:1fr 1fr 2fr;gap:.75rem;display:grid}.totals-section,.totals-card{flex-direction:column;gap:.4rem;max-width:320px;margin-inline-end:auto;display:flex}.total-row{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.total-val{font-family:ui-monospace,Consolas,monospace}.total-final{color:var(--text);border-top:1px solid var(--border-light);padding-top:.4rem;font-size:1.05rem;font-weight:700}.btn-save-invoice{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;display:flex}.btn-save-invoice svg{font-size:1.15rem}.btn-save-invoice:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #0f766e40}.btn-save-invoice:active:not(:disabled){transform:scale(.99)}.btn-save-invoice:disabled{opacity:.55;cursor:not-allowed}.info-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid}.info-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem;display:block}.info-value{color:var(--text);font-weight:600}.info-notes{border-top:1px solid var(--border-light);color:var(--text-secondary);margin-top:.75rem;padding-top:.75rem;font-size:.875rem}@media (width<=768px){.form-grid-3,.footer-fields{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.items-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.btn-save-invoice{font-size:.9rem}}@media (width<=480px){.info-grid{grid-template-columns:1fr}.purchase-card{padding:1rem}}.pos-layout{text-align:start;gap:1rem;height:calc(100vh - 3rem);display:flex}.pos-products-panel{background:var(--surface);border-radius:var(--radius-md);width:340px;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.pos-products-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.pos-products-header h2{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.pos-products-count{color:var(--text-muted);background:var(--bg);border-radius:8px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.pos-products-search{border-bottom:1px solid var(--border-light);padding:.6rem .75rem;position:relative}.pos-products-search input{padding:.45rem .65rem;border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;padding-inline-end:2.2rem;font-size:.82rem}.pos-products-search input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.pos-products-list{scrollbar-width:thin;scrollbar-color:#00000014 transparent;flex:1;overflow-y:auto}.pos-products-list::-webkit-scrollbar{width:4px}.pos-products-list::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.pos-products-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.82rem}.pos-product-row{border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:start;background:0 0;align-items:center;gap:.5rem;width:100%;padding:.5rem .85rem;transition:background .1s;display:flex}.pos-product-row:last-child{border-bottom:none}.pos-product-row:hover{background:var(--primary-light)}.pos-pr-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.pos-pr-price{color:var(--primary);flex-shrink:0;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;font-weight:700}.pos-pr-stock{color:var(--text-muted);text-align:center;flex-shrink:0;min-width:22px;font-size:.68rem;font-weight:600}.pr-stock-low{color:#d97706}.pr-stock-zero{color:var(--danger)}.pos-invoice-panel{flex-direction:column;flex:1;min-width:0;display:flex}.pos-success{background:var(--accent-light);color:var(--accent-dark);border:1px solid #84cc1640;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.55rem .85rem;font-size:.82rem;font-weight:600;display:flex}.pos-success .btn-sm{margin-inline-end:auto;border-color:var(--accent-dark)!important;color:var(--accent-dark)!important}.pos-success .btn-sm+.btn-sm{margin-inline-end:0}.pos-empty-state{height:100%;min-height:180px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pos-empty-state svg{opacity:.25;font-size:2.2rem}.pos-items{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);flex:1;overflow-y:auto}.pos-table{border-collapse:collapse;width:100%}.pos-table th{background:var(--bg);text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border-light);z-index:1;padding:.55rem .65rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.pos-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.45rem .65rem}.pos-row-num{color:var(--text-muted);text-align:center;width:28px;font-size:.72rem;font-weight:600}.pos-product-cell{flex-direction:column;gap:.05rem;display:flex}.pos-item-barcode{color:var(--text-muted);font-family:ui-monospace,Consolas,monospace;font-size:.65rem}.pos-input{border:1px solid var(--border);color:var(--text);background:var(--surface);text-align:center;border-radius:6px;padding:.35rem .4rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.pos-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.pos-qty{width:58px}.pos-price{width:85px}.pos-price:disabled{background:var(--bg);color:var(--text-secondary)}.pos-line-total{color:var(--primary);text-align:center;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;font-weight:700}.pos-footer{border-top:2px solid var(--border-light);margin-top:.6rem;padding-top:.6rem}.pos-footer-top{align-items:flex-end;gap:.7rem;margin-bottom:.7rem;display:flex}.pos-footer-bottom{align-items:stretch;gap:.75rem;display:flex}.pos-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.pos-field label{color:var(--text-secondary);letter-spacing:.01em;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:inline-flex}.pos-field-icon{color:var(--primary);opacity:.85;font-size:.95rem}.pos-footer-top{--pos-control-h:42px}.pos-field input{height:var(--pos-control-h);border:1.5px solid var(--border);color:var(--text-strong);background:var(--surface);box-sizing:border-box;transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;padding:0 .75rem;font-size:.88rem}.pos-field input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.pos-field-customer{flex:1.6 260px;min-width:220px}.pos-customer-dd .dd-trigger{height:var(--pos-control-h);border-width:1.5px;border-radius:8px;padding:0 .85rem;font-size:.88rem}.dd-drop-up .dd-menu{animation:.12s dd-fade-up;top:auto;bottom:calc(100% + 4px)}@keyframes dd-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pos-field-payment{flex:2 360px;min-width:280px}.payment-pills{height:var(--pos-control-h);background:var(--bg);border:1.5px solid var(--border);box-sizing:border-box;border-radius:8px;align-items:stretch;gap:2px;width:100%;padding:3px;display:flex}.pay-pill{min-width:0;color:var(--text-secondary);letter-spacing:.01em;cursor:pointer;transition:background var(--transition), color var(--transition), box-shadow var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:0 .5rem;font-family:Cairo,system-ui,sans-serif;font-size:.82rem;font-weight:600;display:flex}.pay-pill:hover{color:var(--primary)}.pay-pill-active,.pay-pill-active:hover{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0f766e4d}[data-theme=dark] .payment-pills{background:#ffffff08}.pos-field-discount{flex:0 0 130px}.pos-field-discount input{text-align:end;font-variant-numeric:tabular-nums;width:100%;font-family:ui-monospace,Consolas,monospace;font-weight:600}.pos-totals{background:var(--bg);border-radius:10px;flex-direction:column;flex:1;gap:.15rem;padding:.55rem .8rem;display:flex}.pos-total-row{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.pos-total-row span:last-child{font-family:ui-monospace,Consolas,monospace;font-weight:600}.pos-items-count{color:var(--text-muted);padding-bottom:.15rem;font-size:.7rem}.pos-total-final{color:var(--text);border-top:1px solid var(--border-light);margin-top:.1rem;padding-top:.3rem;font-size:1.1rem;font-weight:700}.pos-save-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;min-height:52px;padding:0 1.5rem;font-size:.95rem;font-weight:700;transition:background .15s;display:flex}.pos-save-btn:hover:not(:disabled){background:var(--primary-hover)}.pos-save-btn:disabled{opacity:.5;cursor:not-allowed}.pos-save-btn svg{font-size:1.1rem}[data-theme=dark] .pos-products-list{scrollbar-color:#ffffff14 transparent}[data-theme=dark] .pos-products-list::-webkit-scrollbar-thumb{background:#ffffff14}@media (width<=1024px){.pos-products-panel{width:280px}}@media (width<=768px){.pos-layout{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.pos-products-panel{order:-1;width:100%;max-height:280px}.pos-invoice-panel{min-height:0}.pos-footer-top{flex-wrap:wrap}.pos-footer-bottom{flex-direction:column}.pos-save-btn{width:100%;min-height:44px}.pos-totals{width:100%}.pos-field-customer,.pos-field-payment{flex:100%;min-width:0}.pos-field-discount{flex:100%}.payment-pills{flex-wrap:wrap;height:auto}.pay-pill{flex:28%;min-height:36px}}@media (width<=480px){.pos-products-panel{max-height:220px}.pos-table th,.pos-table td{padding:.35rem .4rem;font-size:.78rem}}.pos-confirm-modal{max-width:460px}.pos-confirm-body{flex-direction:column;gap:1rem;padding:.25rem 0 .5rem;display:flex}.pos-confirm-amount{background:var(--surface);border-radius:var(--radius-md);border:1px solid #15803d40;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1rem;display:flex}.pos-confirm-amount-cap{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.pos-confirm-amount-val{font-variant-numeric:tabular-nums slashed-zero;color:#15803d;letter-spacing:.005em;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace;font-size:2rem;font-weight:800}.pos-confirm-meta{flex-direction:column;gap:.45rem;display:flex}.pos-confirm-meta-row{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.pos-confirm-meta-cap{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:inline-flex}.pos-confirm-meta-cap svg{font-size:.95rem}.pos-confirm-meta-val{color:var(--text-strong);font-size:.92rem;font-weight:700}.pos-confirm-credit{color:var(--warning)}.pos-confirm-breakdown{background:var(--bg);border:1px dashed var(--border-light);border-radius:var(--radius-sm);flex-direction:column;gap:.3rem;padding:.75rem .85rem;display:flex}.pos-confirm-line{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.pos-confirm-line span:last-child{font-variant-numeric:tabular-nums slashed-zero;color:var(--text);direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace;font-weight:600}.pos-confirm-question{background:var(--accent-light);color:var(--accent-dark);border-radius:var(--radius-sm);border:1px solid #84cc1640;align-items:center;gap:.55rem;padding:.85rem 1rem;font-size:.92rem;font-weight:600;line-height:1.4;display:flex}.pos-confirm-question svg{flex-shrink:0;font-size:1.15rem}.pos-confirm-question-credit{color:var(--warning);background:#d9770614;border-color:#d9770640}.pos-confirm-confirm{min-width:180px}.sales-page,.sale-details-page{text-align:start}.row-cancelled{opacity:.5}.sale-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:1rem;padding:1.25rem}.sale-details-page .info-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid}.sale-details-page .info-label{color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem;display:block}.sale-details-page .info-value{color:var(--text);font-weight:600}.sale-details-page .totals-card{flex-direction:column;gap:.4rem;max-width:280px;margin-inline-end:auto;display:flex}.sale-details-page .total-row{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.sale-details-page .total-val{font-family:ui-monospace,Consolas,monospace}.sale-details-page .total-final{color:var(--text);border-top:1px solid var(--border-light);padding-top:.4rem;font-size:1.05rem;font-weight:700}.modal-return{max-width:520px}.return-table{border-collapse:collapse;width:100%}.return-table th{background:var(--bg);text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border-light);padding:.5rem .6rem;font-size:.8rem;font-weight:700}.return-table td{border-bottom:1px solid var(--border-subtle);padding:.5rem .6rem}.return-table input{border:1px solid var(--border);text-align:center;border-radius:6px;width:80px;padding:.35rem .5rem;font-size:.85rem}.print-invoice{color:#000;direction:rtl;font-family:Cairo,system-ui,sans-serif}.print-small{max-width:300px;margin:0 auto;padding:.75rem;font-size:11px}.ps-identity{text-align:center;padding-bottom:.3rem}.ps-logo{object-fit:contain;width:44px;height:44px;margin:0 auto .25rem;display:block}.ps-name{letter-spacing:.3px;color:#000;margin:0 0 .2rem;font-size:16px;font-weight:700;line-height:1.25}.ps-contact-line{color:#444;margin:0;font-size:9.5px;line-height:1.5}.ps-custom-text{color:#666;margin:.2rem 0 0;font-size:9px}.ps-divider{border:none;border-top:1px dashed #aaa;margin:.4rem 0}.ps-divider-bold{border-top:1.5px solid #000}.ps-inv-title{text-align:center;color:#333;letter-spacing:.3px;margin-bottom:.3rem;font-size:11.5px;font-weight:700}.ps-info{flex-direction:column;gap:.05rem;display:flex}.ps-info-row{justify-content:space-between;padding:.05rem 0;font-size:10px;line-height:1.6;display:flex}.ps-info-row span:first-child{color:#555}.ps-info-row span:last-child{font-weight:600}.ps-table{border-collapse:collapse;width:100%;margin:.25rem 0;font-size:10.5px}.ps-table thead{border-bottom:1.5px solid #000}.ps-table th{text-align:right;padding:.2rem .1rem;font-size:10px;font-weight:700}.ps-table td{text-align:right;border-bottom:1px dotted #bbb;padding:.2rem .1rem}.ps-center{text-align:center}.ps-totals{flex-direction:column;gap:.05rem;font-size:11px;display:flex}.ps-total-row{justify-content:space-between;padding:.1rem 0;display:flex}.ps-total-final{border-top:1.5px solid #000;margin-top:.2rem;padding-top:.25rem;font-size:14px;font-weight:700}.ps-footer{text-align:center;color:#666;margin-top:.25rem;font-size:9.5px}.print-full{max-width:800px;margin:0 auto;padding:2rem 2.5rem;font-size:14px}.pf-header{border-bottom:2.5px solid #111;margin-bottom:1rem;padding-bottom:.75rem}.pf-header-cols{align-items:flex-start;gap:1.25rem;display:flex}.pf-col-identity{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;min-width:140px;display:flex}.pf-logo{object-fit:contain;flex-shrink:0;width:72px;height:72px}.pf-pharmacy-name{text-align:center;color:#111;letter-spacing:.2px;overflow-wrap:break-word;max-width:200px;margin:0;font-size:20px;font-weight:700;line-height:1.25}.pf-col-contact{padding-top:.2rem;border-inline-start:1.5px solid #ddd;flex-direction:column;flex:1;gap:.1rem;padding-inline-start:1.25rem;display:flex}.pf-contact-row{color:#444;font-size:11px;line-height:1.65}.pf-col-invoice{border-inline-start:1.5px solid #ddd;flex-shrink:0;min-width:195px;padding-inline-start:1.25rem}.pf-inv-type{text-align:center;color:#111;letter-spacing:.5px;border-bottom:1.5px solid #ccc;margin-bottom:.45rem;padding-bottom:.4rem;font-size:14px;font-weight:700}.pf-inv-rows{flex-direction:column;gap:.1rem;display:flex}.pf-inv-row{justify-content:space-between;font-size:11px;line-height:1.65;display:flex}.pf-inv-row span:first-child{color:#666}.pf-inv-row span:last-child{color:#111;font-weight:600}.pf-custom-header{text-align:center;color:#666;border-top:1px solid #e5e5e5;margin-top:.6rem;padding-top:.5rem;font-size:11px}.pf-details-bar{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:4px;gap:2rem;margin-bottom:1rem;padding:.6rem 1rem;display:flex}.pf-detail{gap:.4rem;font-size:12.5px;display:flex}.pf-detail-label{color:#888}.pf-detail-label:after{content:":"}.pf-detail-value{color:#111;font-weight:600}.pf-table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:13px}.pf-table thead{color:#fff;background:#222}.pf-table th{text-align:right;padding:.55rem .75rem;font-size:12.5px;font-weight:600}.pf-table td{text-align:right;border-bottom:1px solid #e5e5e5;padding:.5rem .75rem}.pf-table tbody tr:nth-child(2n){background:#f9f9f9}.pf-center{text-align:center}.pf-col-num{text-align:center;width:40px}.pf-col-name{min-width:180px}.pf-col-qty{text-align:center;width:70px}.pf-col-price{text-align:center;width:100px}.pf-col-total{text-align:center;width:110px}.pf-totals-area{justify-content:flex-start;margin-bottom:1.5rem;display:flex}.pf-totals{border:1px solid #ddd;border-radius:4px;min-width:280px;overflow:hidden}.pf-total-row{border-bottom:1px solid #eee;justify-content:space-between;padding:.45rem 1rem;font-size:13px;display:flex}.pf-total-row:last-child{border-bottom:none}.pf-total-final{color:#fff;background:#222;padding:.55rem 1rem;font-size:15px;font-weight:700}.pf-footer-area{text-align:center;border-top:1px solid #ddd;padding-top:1rem}.pf-footer-text{color:#666;margin-bottom:.3rem;font-size:12px}.pf-footer-brand{color:#aaa;letter-spacing:.3px;font-size:10px}.sp-page{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem 1.25rem 2rem;display:flex}.sp-toolbar{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;max-width:820px;margin:0 auto;display:flex}.sp-toolbar .btn-primary,.sp-toolbar .btn-secondary{text-decoration:none}@media print{@page{margin:0}html,body{margin:0!important;padding:0!important}.sidebar,.mobile-topbar,.no-print{display:none!important}.main-content{background:#fff!important;margin:0!important;padding:0!important}.layout{background:#fff!important}.sp-page{gap:0!important;padding:0!important}.print-invoice{color:#000!important;background:#fff!important}.print-small{max-width:300px;margin:0;padding:.5rem}.print-full{max-width:100%;padding:10mm 15mm}.pf-details-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f7f7f7!important}.pf-table thead{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#222!important}.pf-table tbody tr:nth-child(2n){-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f9f9f9!important}.pf-total-final{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;background:#222!important}}@media screen{.print-small{color:#000;border:1px solid var(--border-light);background:#fff;border-radius:10px;margin:2rem auto;box-shadow:0 2px 16px #0000001a}.print-full{color:#000;border:1px solid var(--border-light);background:#fff;border-radius:8px;margin:1.5rem auto;box-shadow:0 4px 24px #0000001f}}.cash-page{text-align:start}.btn-out{color:var(--danger)!important;border-color:var(--danger)!important}.btn-out:hover{background:var(--danger-light)!important}.cash-cards{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.cash-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.card-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.card-value{font-family:ui-monospace,Consolas,monospace;font-size:1.35rem;font-weight:700}.card-balance .card-value{color:var(--primary)}.card-in .card-value{color:var(--accent-dark)}.card-out .card-value{color:var(--danger)}.card-count .card-value{color:var(--secondary)}.card-balance{border-top:3px solid var(--primary)}.card-in{border-top:3px solid var(--accent)}.card-out{border-top:3px solid var(--danger)}.card-count{border-top:3px solid var(--secondary)}.cash-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}@media (width<=768px){.cash-cards{grid-template-columns:1fr 1fr}.cash-filter{flex-direction:column;align-items:stretch}}@media (width<=480px){.cash-cards{grid-template-columns:1fr}}.expenses-page{text-align:start}.expense-summary{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-secondary);border-inline-start:3px solid var(--danger);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.expense-summary strong{color:var(--danger);font-family:ui-monospace,Consolas,monospace;font-size:1.1rem}.expense-count{color:var(--text-muted);font-size:.8rem}.expense-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.report-page{text-align:start}.report-page .page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.report-page .page-header h1{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.report-filter{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.report-filter input,.report-filter select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;padding:.45rem .6rem;font-size:.85rem}.report-filter input:focus,.report-filter select:focus{border-color:var(--primary);outline:none}.report-filter span{color:var(--text-secondary);font-size:.85rem}.report-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.report-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);border-top:3px solid var(--primary);flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.report-card .rc-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.report-card .rc-value{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:1.2rem;font-weight:700}.report-card.rc-green{border-top-color:var(--accent)}.report-card.rc-green .rc-value{color:var(--accent-dark)}.report-card.rc-red{border-top-color:var(--danger)}.report-card.rc-red .rc-value{color:var(--danger)}.report-card.rc-blue{border-top-color:var(--secondary)}.report-card.rc-blue .rc-value{color:var(--secondary)}.stmt-header{gap:2rem;margin-bottom:1rem;font-size:.9rem;display:flex}.stmt-header div{flex-direction:column;display:flex}.stmt-header .stmt-label{color:var(--text-muted);font-size:.75rem}.stmt-header .stmt-val{font-family:ui-monospace,Consolas,monospace;font-weight:700}.report-page .alert{border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.report-page .alert svg{flex-shrink:0;font-size:1.1rem}.report-page .alert-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.btn-print{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.btn-print:hover{border-color:var(--primary);color:var(--primary)}.reports-landing{text-align:start}.reports-landing h1{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.reports-section{margin-bottom:2rem}.reports-section h2{color:var(--text-secondary);border-bottom:1px solid var(--border-light);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.report-link{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid var(--border-subtle);align-items:center;gap:.85rem;padding:1.1rem 1.15rem;text-decoration:none;transition:all .2s;display:flex}.report-link:hover{box-shadow:var(--shadow-md);border-color:var(--border-light);transform:translateY(-2px)}.rl-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.rl-text{flex-direction:column;gap:.15rem;display:flex}.rl-title{color:var(--text);font-size:.9rem;font-weight:700}.rl-desc{color:var(--text-muted);font-size:.75rem;font-weight:400}.rl-teal .rl-icon{color:#0f766e;background:#0f766e1f}.rl-teal:hover{border-color:#0f766e}.rl-blue .rl-icon{color:#0ea5e9;background:#0ea5e91f}.rl-blue:hover{border-color:#0ea5e9}.rl-green .rl-icon{color:#16a34a;background:#22c55e1f}.rl-green:hover{border-color:#16a34a}.rl-orange .rl-icon{color:#d97706;background:#f59e0b1f}.rl-orange:hover{border-color:#d97706}.rl-red .rl-icon{color:#dc2626;background:#ef44441f}.rl-red:hover{border-color:#dc2626}.rl-emerald .rl-icon{color:#059669;background:#10b9811f}.rl-emerald:hover{border-color:#059669}.rl-pink .rl-icon{color:#db2777;background:#ec48991f}.rl-pink:hover{border-color:#db2777}.rl-violet .rl-icon{color:#7c3aed;background:#8b5cf61f}.rl-violet:hover{border-color:#7c3aed}@media print{.sidebar{display:none!important}.main-content{margin:0!important;padding:.5rem!important}.report-filter,.btn-print,.header-actions{display:none!important}.report-page .page-header{margin-bottom:.5rem}.report-cards{break-inside:avoid}.table-container{box-shadow:none}.data-table th,.data-table td{padding:.4rem .5rem;font-size:11px}}@media (width<=768px){.reports-grid{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr 1fr}.stmt-header{flex-wrap:wrap;gap:1rem}}@media (width<=480px){.report-cards{grid-template-columns:1fr}.report-link{padding:.85rem}}.backup-page{text-align:start;max-width:700px}.backup-page .page-header{margin-bottom:1.5rem}.backup-page .page-header h1{color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.backup-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-bottom:1.25rem;padding:1.5rem}.backup-card-header{gap:1rem;margin-bottom:1.25rem;display:flex}.backup-card-icon{flex-shrink:0;margin-top:.15rem;font-size:1.75rem}.icon-green{color:var(--accent-dark)}.icon-blue{color:var(--secondary)}.export-data-btns{gap:.6rem;display:flex}.btn-export-data{cursor:pointer;border:1px solid;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-export-data:disabled{opacity:.5;cursor:not-allowed}.btn-export-data svg{font-size:1.1rem}.btn-excel-data{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-excel-data:hover:not(:disabled){color:#fff;background:#16a34a}.btn-pdf-data{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-pdf-data:hover:not(:disabled){color:#fff;background:#dc2626}.backup-card-header h2{color:var(--text);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.backup-card-header p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.btn-lg{align-items:center;gap:.4rem;padding:.65rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-lg svg{font-size:1.1rem}[data-theme=dark] .btn-excel-data{background:#16a34a1f;border-color:#16a34a40}[data-theme=dark] .btn-pdf-data{background:#dc26261f;border-color:#dc262640}@media (width<=768px){.backup-page{max-width:100%}.export-data-btns{flex-direction:column}}.sc-page{text-align:start}.sc-new-modal{max-width:520px}.sc-type-btns{gap:.5rem;display:flex}.sc-type-btn{border:2px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .15s}.sc-type-btn:hover{border-color:var(--primary);color:var(--primary)}.sc-type-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.sc-product-picker{margin-top:.75rem}.sc-picker-search{margin-bottom:.5rem;position:relative}.sc-picker-search input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;border-radius:8px;padding:.5rem 2.2rem .5rem .7rem;font-size:.85rem}.sc-picker-search input:focus{border-color:var(--primary);outline:none}.sc-picker-list{border:1px solid var(--border-light);border-radius:8px;max-height:220px;overflow-y:auto}.sc-picker-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:background .1s;display:flex}.sc-picker-item:last-child{border-bottom:none}.sc-picker-item:hover{background:var(--row-hover)}.sc-picker-item.selected{background:var(--primary-light)}.sc-picker-item input{accent-color:var(--primary)}.sc-pi-name{color:var(--text);flex:1;font-weight:500}.sc-pi-barcode{color:var(--text-muted);font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.sc-picker-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.8rem}.sc-picker-count{color:var(--primary);margin-top:.4rem;font-size:.78rem;font-weight:600}.sc-info-bar{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.sc-info-item{flex-direction:column;gap:.1rem;display:flex}.sc-info-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.sc-info-value{color:var(--text);font-size:.85rem;font-weight:600}.sc-toolbar{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.sc-filter-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.3rem;padding:.5rem .8rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.sc-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.sc-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sc-table th{padding:.6rem .75rem;font-size:.75rem}.sc-table td{padding:.45rem .75rem}.sc-qty-input{border:1px solid var(--border);width:75px;color:var(--text);text-align:center;background:var(--surface);border-radius:6px;padding:.35rem .4rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.sc-qty-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.sc-reason-select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;min-width:110px;padding:.3rem .4rem;font-size:.78rem}.sc-reason-select:focus{border-color:var(--primary);outline:none}.sc-note-input{border:1px solid var(--border);width:100%;min-width:80px;color:var(--text);background:var(--surface);border-radius:6px;padding:.3rem .4rem;font-size:.78rem}.sc-note-input:focus{border-color:var(--primary);outline:none}.sc-row-diff{background:#f59e0b0a}.text-muted{color:var(--text-muted);font-size:.78rem}.sc-complete-btn{background:var(--accent-dark)!important}.sc-complete-btn:hover:not(:disabled){background:#3f6212!important}.sc-confirm{text-align:center;padding:.5rem 0 1rem}.sc-confirm-icon{color:var(--primary);margin-bottom:.5rem;font-size:2.5rem}.sc-confirm h2{color:var(--text);margin:0 0 .5rem;font-size:1.15rem}.sc-confirm p{color:var(--text-secondary);margin:0 0 .3rem;font-size:.85rem}.sc-confirm-diff{color:var(--danger);margin-top:.5rem;font-weight:700}@media (width<=768px){.sc-items-table{min-width:700px}.sc-items-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.sales-returns-page,.sales-return-create-page,.sales-return-details-page{text-align:start}.sr-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-bottom:1rem;padding:1.25rem}.sr-card-title{color:var(--text);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.sr-search-row{align-items:stretch;gap:.5rem;display:flex}.sr-results{margin-top:.75rem}.sr-invoice-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.sr-invoice-info{color:var(--text-secondary);flex-wrap:wrap;gap:2rem;font-size:.88rem;display:flex}.sr-label{color:var(--text-muted);margin-bottom:.1rem;font-size:.8rem;display:block}.sr-value{color:var(--text);font-weight:600}.sr-items-table-wrap{overflow-x:auto}.sr-item-row{cursor:pointer;transition:background .12s}.sr-item-row:hover:not(.sr-item-disabled){background:var(--row-hover)}.sr-item-selected{background:var(--primary-light)!important}.sr-item-disabled{opacity:.4;cursor:not-allowed}.sr-check{border:2px solid var(--border);color:#0000;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto;font-size:1rem;transition:all .15s;display:flex}.sr-checked{background:var(--primary);border-color:var(--primary);color:#fff}.sr-qty-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;width:70px;color:var(--text);background:var(--surface);padding:.35rem .5rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.sr-qty-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.sr-qty-input:disabled{opacity:.4;cursor:not-allowed}.sr-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);min-width:120px;padding:.3rem .4rem;font-size:.78rem}.sr-select:disabled{opacity:.4;cursor:not-allowed}.sr-summary{gap:1.25rem;margin-bottom:1.25rem;display:flex}.sr-summary-note{flex:1}.sr-summary-note label{color:var(--text);margin-bottom:.35rem;font-size:.83rem;font-weight:600;display:block}.sr-summary-note textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface);resize:vertical;box-sizing:border-box;min-height:56px;padding:.55rem .75rem;font-family:inherit;font-size:.88rem}.sr-summary-note textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.sr-summary-totals{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);align-self:flex-end;min-width:240px;overflow:hidden}.sr-summary-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;padding:.55rem .85rem;font-size:.85rem;display:flex}.sr-summary-row:last-child{border-bottom:none}.sr-summary-val{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-weight:600}.sr-summary-final{background:var(--primary);color:#fff;font-size:.95rem;font-weight:700}.sr-summary-final .sr-summary-val{color:#fff}.sr-totals{flex-direction:column;justify-content:flex-end;gap:.3rem;display:flex}.sr-total-row{color:var(--text-secondary);justify-content:space-between;font-size:.88rem;display:flex}.sr-total-final{color:var(--text);border-top:1px solid var(--border-light);padding-top:.35rem;font-size:1.05rem;font-weight:700}.sr-detail-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem 1.5rem;display:grid}.sr-note{border-top:1px solid var(--border-light);color:var(--text-secondary);margin-top:.75rem;padding-top:.75rem;font-size:.85rem}@media (width<=768px){.sr-detail-grid{grid-template-columns:1fr 1fr}.sr-invoice-info{flex-direction:column;gap:.5rem}.sr-summary{flex-direction:column}.sr-summary-totals{min-width:0}.sr-items-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sr-footer-grid{grid-template-columns:1fr}}@media (width<=480px){.sr-detail-grid{grid-template-columns:1fr}.sr-card{padding:1rem}}.docs-layout{height:100vh;display:flex}.docs-sidebar{background:linear-gradient(180deg, var(--sidebar-bg) 0%, color-mix(in srgb, var(--sidebar-bg) 92%, #000) 100%);width:280px;color:var(--sidebar-text);top:0;inset-inline-start:0;z-index:100;border-inline-end:1px solid var(--sidebar-border);flex-direction:column;display:flex;position:fixed;bottom:0;box-shadow:4px 0 18px #0000000f}[dir=rtl] .docs-sidebar{box-shadow:-4px 0 18px #0000000f}.docs-sidebar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:.7rem;padding:1.4rem 1.25rem 1.1rem;display:flex}.docs-sidebar-logo-tile{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 70%, #000) 100%);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex;box-shadow:0 4px 12px #0f766e40,inset 0 1px #ffffff26}.docs-sidebar-title-block{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.docs-sidebar-title-block h2{color:var(--sidebar-active);letter-spacing:-.005em;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.docs-sidebar-subtitle{color:var(--sidebar-text);opacity:.6;letter-spacing:.01em;font-size:.72rem;font-weight:500;line-height:1.2}.docs-sidebar-close{display:none}.docs-back-btn{color:var(--sidebar-text-hover);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);text-align:start;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.55rem;margin:.85rem 1rem .5rem;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.docs-back-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.docs-back-btn:active{transform:scale(.98)}.docs-back-btn svg{transition:transform var(--transition);flex-shrink:0;font-size:1rem}.docs-back-btn:hover svg{transform:translate(2px)}[dir=rtl] .docs-back-btn:hover svg{transform:translate(-2px)}.docs-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:.4rem .5rem .85rem;overflow-y:auto}.docs-nav:hover{scrollbar-color:#ffffff24 transparent}.docs-nav::-webkit-scrollbar{width:4px}.docs-nav::-webkit-scrollbar-track{background:0 0}.docs-nav::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.docs-nav:hover::-webkit-scrollbar-thumb{background:#ffffff24}.docs-nav-group{margin:.15rem 0}.docs-nav-group-toggle{width:100%;color:var(--sidebar-text);cursor:pointer;transition:background var(--transition), color var(--transition);text-align:start;letter-spacing:.005em;opacity:.85;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.docs-nav-group-label{text-align:start;flex:1}.docs-nav-group-toggle:hover{opacity:1;color:var(--sidebar-text-hover);background:#ffffff0d}.docs-nav-group-open{opacity:1;color:var(--sidebar-active)}.docs-nav-chevron{opacity:.55;flex-shrink:0;font-size:.85rem;transition:transform .2s}.docs-nav-group-open .docs-nav-chevron{opacity:1;transform:rotate(180deg)}.docs-nav-group-items{flex-direction:column;gap:.1rem;padding:.25rem 0 .3rem;display:flex}.docs-nav-group-items a{padding:.5rem .65rem;color:var(--sidebar-text);transition:background var(--transition), color var(--transition), border-color var(--transition);border-inline-start:2px solid #0000;border-radius:8px;align-items:center;gap:.6rem;margin-inline-start:.6rem;padding-inline-start:.85rem;font-size:.86rem;font-weight:500;line-height:1.35;text-decoration:none;display:flex}.docs-nav-item-icon{width:22px;height:22px;color:var(--sidebar-text);transition:background var(--transition), color var(--transition);background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.docs-nav-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.docs-nav-group-items a:hover{color:var(--sidebar-text-hover);background:#ffffff0f}.docs-nav-group-items a:hover .docs-nav-item-icon{color:var(--sidebar-text-hover);background:#ffffff1a}.docs-nav-group-items a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);border-inline-start-color:var(--sidebar-active);font-weight:600}.docs-nav-group-items a.active .docs-nav-item-icon{background:var(--primary);color:#fff}.docs-sidebar-footer{border-top:1px solid var(--sidebar-border);color:var(--sidebar-text);opacity:.55;letter-spacing:.01em;flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.74rem;display:flex}.docs-footer-brand{font-weight:600}.docs-footer-version{font-variant-numeric:tabular-nums;direction:ltr;font-family:ui-monospace,Consolas,monospace}.docs-content{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;height:100vh;min-height:100vh;margin-inline-start:280px;padding:1.5rem 2rem;overflow-y:auto}.docs-content::-webkit-scrollbar{width:6px}.docs-content::-webkit-scrollbar-track{background:0 0}.docs-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.docs-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.docs-mobile-topbar,.docs-overlay{display:none}@media (width<=1024px){.docs-sidebar{width:250px}.docs-content{margin-inline-start:250px;padding:1.25rem}}@media (width<=768px){.docs-mobile-topbar{background:var(--sidebar-bg);height:52px;color:var(--sidebar-text-hover);z-index:99;align-items:center;gap:.6rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.docs-mobile-menu-btn{color:var(--sidebar-text-hover);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;font-size:1.4rem;display:flex}.docs-mobile-title{color:var(--primary-pale);align-items:center;gap:.4rem;font-size:1rem;font-weight:700;display:flex}.docs-mobile-title svg{font-size:1.1rem}.docs-sidebar{z-index:200;width:260px;transition:transform .25s;transform:translate(100%)}[dir=ltr] .docs-sidebar{transform:translate(-100%)}.docs-sidebar-open{transform:translate(0)!important}.docs-sidebar-close{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:.2rem;font-size:1.2rem;display:flex}.docs-overlay{z-index:199;background:#00000073;display:block;position:fixed;inset:0}.docs-content{padding:1rem;height:auto;min-height:100vh;margin-inline-start:0;padding-top:62px}.docs-layout{flex-direction:column;height:auto}}@media (width<=480px){.docs-content{padding:58px .75rem .75rem}}.docs-home{max-width:860px;margin:0 auto;padding:2rem 0}.docs-home-header{text-align:center;margin-bottom:2.5rem}.docs-home-icon{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.8rem;display:flex}.docs-home-header h1{color:var(--text);margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.docs-home-subtitle{color:var(--text-muted);margin:0;font-size:.92rem}.docs-home-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.docs-home-card{background:var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-md);text-align:start;cursor:pointer;padding:1.25rem;font-family:inherit;transition:all .15s}.docs-home-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.docs-card-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.2rem;display:flex}.docs-home-card h3{color:var(--text);margin:0 0 .3rem;font-size:.95rem;font-weight:600}.docs-home-card p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}@media (width<=1024px){.docs-home-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.docs-home{padding:1rem 0}.docs-home-header{margin-bottom:1.5rem}.docs-home-header h1{font-size:1.25rem}.docs-home-icon{width:52px;height:52px;font-size:1.5rem}.docs-home-grid{grid-template-columns:1fr}}.doc-page{max-width:780px;margin:0 auto;padding:2rem 0}.doc-page-header{border-bottom:2px solid var(--border-light);align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.doc-page-icon{color:var(--primary);flex-shrink:0;font-size:1.6rem}.doc-page-header h1{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.doc-page-body{line-height:1.8}.doc-not-found{text-align:center;color:var(--text-muted);padding:4rem 1rem}.doc-not-found h2{color:var(--text);margin-bottom:.5rem;font-size:1.3rem}.doc-h2{color:var(--text);border-bottom:1px solid var(--border-light);margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:1.15rem;font-weight:700}.doc-h3{color:var(--text);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.doc-p{color:var(--text);margin:0 0 1rem;font-size:.92rem}.doc-list{margin:0 0 1.25rem;padding-inline-start:1.5rem}.doc-list li{color:var(--text);margin-bottom:.4rem;font-size:.9rem;line-height:1.7}.doc-note{border-radius:var(--radius-sm);border-inline-start:3px solid;align-items:flex-start;gap:.6rem;margin:1rem 0;padding:.75rem 1rem;font-size:.88rem;line-height:1.6;display:flex}.doc-note-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.doc-note-tip{background:var(--accent-light);color:var(--accent-dark);border-color:var(--accent-dark)}.doc-note-warning{background:var(--warning-light);color:var(--warning);border-color:var(--warning)}.doc-note-info{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.doc-steps{margin:1rem 0 1.25rem}.doc-steps-title{color:var(--text);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.doc-steps-list{counter-reset:none;margin:0;padding:0;list-style:none}.doc-step{color:var(--text);align-items:flex-start;gap:.75rem;margin-bottom:.6rem;font-size:.9rem;display:flex}.doc-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:.05rem;font-size:.75rem;font-weight:700;display:flex}.doc-step-text{padding-top:.15rem;line-height:1.7}.doc-image{margin:1.25rem 0}.doc-image img{border-radius:var(--radius-md);border:1.5px solid var(--border-light);width:100%;box-shadow:var(--shadow-sm)}.doc-image figcaption{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.doc-image-empty{border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.doc-image-empty svg{opacity:.5;font-size:1.8rem}.doc-image-empty span{font-size:.8rem}.doc-keyboard{margin:1rem 0 1.25rem}.doc-keyboard table{border-collapse:collapse;width:100%}.doc-keyboard tr{border-bottom:1px solid var(--border-light)}.doc-keyboard tr:last-child{border-bottom:none}.doc-keyboard td{padding:.5rem .75rem;font-size:.88rem}.doc-kbd-keys{white-space:nowrap}kbd{background:var(--bg);border:1px solid var(--border);color:var(--text);box-shadow:0 1px 0 var(--border);text-align:center;border-radius:4px;min-width:1.5rem;padding:.15rem .5rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;display:inline-block}.doc-kbd-plus{color:var(--text-muted);margin:0 .25rem;font-size:.75rem}.doc-kbd-desc{color:var(--text)}.doc-table-wrap{margin:1rem 0 1.25rem;overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:.88rem}.doc-table th,.doc-table td{text-align:start;border-bottom:1px solid var(--border-light);padding:.55rem .85rem}.doc-table th{background:var(--bg);color:var(--text);font-weight:600}.doc-table td{color:var(--text)}@media (width<=768px){.doc-page{padding:1rem 0}.doc-page-header h1{font-size:1.25rem}.doc-h2{font-size:1.05rem}}@media (width<=480px){.doc-page-header h1{font-size:1.1rem}.doc-step-num{width:22px;height:22px;font-size:.7rem}}.shifts-page{text-align:start}.shifts-page .cash-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.shifts-page .date-range{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.shifts-page .date-range input[type=date]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.4rem .65rem;font-size:.85rem}.shifts-page .quick-filters{flex-wrap:wrap;gap:.4rem;display:flex}.shifts-page .quick-filters button{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:.35rem .85rem;font-size:.8rem}.shifts-page .quick-filters button:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.sf-banner{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem 1.4rem;position:relative;overflow:hidden}.sf-banner:before{content:"";top:0;background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);opacity:.85;height:3px;position:absolute;inset-inline:0}.sf-banner-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.sf-banner-title{align-items:center;gap:.7rem;display:flex}.sf-banner-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.sf-banner-title-text{flex-direction:column;line-height:1.2;display:flex}.sf-banner-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.sf-banner-num{color:var(--primary);letter-spacing:.5px;font-family:ui-monospace,Consolas,monospace;font-size:1rem;font-weight:700}.sf-banner-status{margin-inline-start:.25rem}.sf-banner-actions{flex-wrap:wrap;gap:.4rem;display:flex}.sf-banner-meta{border-top:1px dashed var(--border-light);border-bottom:1px dashed var(--border-light);grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.85rem;padding-block:.85rem;display:grid}.sf-meta-chip{align-items:center;gap:.55rem;min-width:0;display:flex}.sf-meta-chip>div{flex-direction:column;min-width:0;display:flex}.sf-meta-chip-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);box-sizing:border-box;border-radius:9px;flex-shrink:0;padding:.55rem}.sf-meta-chip-cap{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}.sf-meta-chip-val{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.sf-meta-chip-money{font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace}.sf-meta-chip-live .sf-meta-chip-icon{background:var(--warning-light);color:var(--warning)}.sf-meta-chip-live .sf-meta-chip-val{color:var(--warning)}.sf-banner-totals{grid-template-columns:1fr 1fr 1.2fr;gap:.75rem;display:grid}.sf-tot-card{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:center;gap:.85rem;padding:.95rem 1.1rem;display:flex}.sf-tot-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sf-tot-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sf-tot-cash .sf-tot-icon{background:var(--accent-light);color:var(--accent-dark)}.sf-tot-transfer .sf-tot-icon{background:var(--secondary-light);color:var(--secondary)}.sf-tot-total .sf-tot-icon{background:var(--primary-light);color:var(--primary)}.sf-tot-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sf-tot-cap{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.sf-tot-val{font-variant-numeric:tabular-nums;color:var(--text-strong);font-family:ui-monospace,Consolas,monospace;font-size:1.15rem;font-weight:700}.sf-tot-cash .sf-tot-val{color:var(--accent-dark)}.sf-tot-transfer .sf-tot-val{color:var(--secondary)}.sf-tot-total .sf-tot-val{color:var(--primary)}.sf-tot-val-emph{font-size:1.3rem}.sf-row-clickable{cursor:pointer}.sf-row-clickable:hover{background:var(--row-hover)}.data-table td.sf-diff-match,.sf-diff-match{color:var(--text-secondary);font-weight:700}.data-table td.sf-diff-surplus,.sf-diff-surplus{color:#15803d;font-weight:700}.data-table td.sf-diff-shortage,.sf-diff-shortage{color:var(--danger);font-weight:700}.sf-badge-surplus{background:var(--accent-light);color:var(--accent-dark)}.cell-muted{color:var(--text-muted)}.sf-modal-close{max-width:720px}.sf-warning{color:var(--warning);background:#d9770614;border:1px solid #d9770633;font-weight:500}.sf-info-soft{color:var(--secondary);background:#38bdf814;border:1px solid #38bdf838;font-weight:500}.sf-recon-grid{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.sf-recon-row{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition);grid-template-columns:96px repeat(3,1fr);align-items:center;gap:.65rem;padding:.85rem 1rem;display:grid}.sf-recon-row:hover{border-color:var(--border)}.sf-recon-row.sf-recon-total{border-color:#15803d66;box-shadow:0 0 0 1px #15803d1f}.sf-recon-label{color:var(--text);font-size:.95rem;font-weight:700}.sf-recon-cell{flex-direction:column;gap:.25rem;min-width:0;display:flex}.sf-recon-cap{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.sf-recon-num{font-variant-numeric:tabular-nums slashed-zero;letter-spacing:.005em;color:var(--text);direction:ltr;unicode-bidi:isolate;justify-content:flex-end;align-items:center;min-height:40px;font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;font-weight:700;display:flex}.sf-recon-num.sf-diff-match{color:var(--text-secondary)}.sf-recon-num.sf-diff-surplus{color:#15803d}.sf-recon-num.sf-diff-shortage{color:var(--danger)}.sf-recon-input input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:start;box-sizing:border-box;width:100%;transition:all var(--transition);padding:.5rem .75rem;font-family:ui-monospace,Consolas,monospace;font-size:.95rem;font-weight:600}.sf-recon-input input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.sf-modal-open{max-width:460px}.sf-current-user{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .9rem;font-size:.88rem;display:flex}.sf-current-user svg{font-size:1rem}.sf-cu-name{color:var(--text);font-weight:700}.sf-hint{color:var(--text-muted);margin:-.15rem 0 .4rem;font-size:.76rem;line-height:1.4}.sd-num{color:var(--primary);letter-spacing:.5px;font-family:ui-monospace,Consolas,monospace;font-size:.95em}.sd-hero{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem 1.4rem;position:relative;overflow:hidden}.sd-hero:before{content:"";top:0;background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);opacity:.85;height:3px;position:absolute;inset-inline:0}.sd-hero-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.sd-hero-meta{grid-template-columns:repeat(5,1fr);gap:.65rem;display:grid}.sd-meta-item{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);align-items:center;gap:.7rem;padding:.75rem .9rem;display:flex}.sd-meta-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sd-meta-item>div{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sd-meta-icon{background:var(--primary-light);width:34px;height:34px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.sd-meta-icon svg{font-size:1.05rem}.sd-meta-opened-by .sd-meta-icon{background:var(--accent-light);color:var(--accent-dark)}.sd-meta-opened-by .sd-meta-label{color:var(--accent-dark)}.sd-meta-opened-at .sd-meta-icon{background:var(--primary-light);color:var(--primary)}.sd-meta-opened-at .sd-meta-label{color:var(--primary)}.sd-meta-closed-by .sd-meta-icon{background:var(--danger-light);color:var(--danger)}.sd-meta-closed-by .sd-meta-label{color:var(--danger)}.sd-meta-closed-at .sd-meta-icon{background:var(--warning-light);color:var(--warning)}.sd-meta-closed-at .sd-meta-label{color:var(--warning)}.sd-meta-duration .sd-meta-icon{background:var(--secondary-light);color:var(--secondary)}.sd-meta-duration .sd-meta-label{color:var(--secondary)}.sd-meta-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:.7rem;font-weight:600}.sd-meta-value{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;font-size:.92rem;font-weight:700;overflow:hidden}.sd-section{margin-bottom:1.75rem}.sd-section-title{color:var(--text);border-inline-start:3px solid var(--primary);align-items:center;gap:.5rem;margin:0 0 .75rem;padding-inline-start:.35rem;font-size:.95rem;font-weight:700;display:flex}.sd-recon-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.sd-recon-head-meta{align-items:center;gap:.65rem;display:flex}.sd-opening-pill{background:var(--primary-light);color:var(--primary);border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.sd-opening-pill svg{font-size:.95rem}.sd-opening-pill-cap{color:var(--text-secondary);font-weight:500}.sd-opening-pill-val{font-variant-numeric:tabular-nums;color:var(--primary);font-family:ui-monospace,Consolas,monospace;font-weight:700}.sd-recon-cards{grid-template-columns:1fr 1fr 1.2fr;gap:.85rem;margin-bottom:.5rem;display:grid}.sd-recon-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.65rem;padding:1rem 1.1rem;display:flex}.sd-recon-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sd-recon-card-emph{background:var(--surface);border-color:var(--border-subtle)}.sd-recon-head-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.55rem;padding-bottom:.55rem;display:flex}.sd-recon-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.sd-recon-label{color:var(--text-strong);letter-spacing:-.005em;font-size:.95rem;font-weight:700}.sd-recon-row-line{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.sd-recon-cap{color:var(--text-secondary);font-size:.78rem;font-weight:500}.sd-recon-num{font-variant-numeric:tabular-nums slashed-zero;letter-spacing:.005em;color:var(--text-strong);direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace;font-size:1rem;font-weight:700}.sd-recon-num.sf-diff-match{color:var(--text-secondary)}.sd-recon-num.sf-diff-surplus{color:#15803d}.sd-recon-num.sf-diff-shortage{color:var(--danger)}.sd-recon-card-emph .sd-recon-num{font-size:1.1rem}.sd-recon-diff-line{border-top:1px dashed var(--border-light);margin-top:.25rem;padding-top:.5rem}.sd-notes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sd-note-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.95rem 1.1rem}.sd-note-cap{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.sd-note-body{color:var(--text);white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}.sd-note-body em{color:var(--text-muted);font-style:italic}.sd-act-card-wide{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition);margin-bottom:.85rem;padding:1.1rem 1.25rem}.sd-act-card-wide:hover{border-color:var(--border)}.sd-act-stats{grid-template-columns:repeat(3,1fr);gap:.75rem 1.5rem;display:grid}.sd-act-stat{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding:.5rem 0;display:flex}.sd-act-stat:nth-last-child(-n+3){border-bottom:none}.sd-act-stat-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.sd-act-stat-value{font-variant-numeric:tabular-nums;color:var(--text-strong);font-family:ui-monospace,Consolas,monospace;font-size:.92rem;font-weight:700}.sd-activity-row{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}.sd-act-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition);padding:.95rem 1.1rem}.sd-act-card:hover{border-color:var(--border)}.sd-act-title{color:var(--primary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.3px;margin:0 0 .7rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.sd-act-rows{flex-direction:column;display:flex}.sd-act-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:.45rem 0;font-size:.85rem;display:flex}.sd-act-row:last-child{border-bottom:none}.sd-act-label{color:var(--text-secondary)}.sd-act-value{color:var(--text);font-family:ui-monospace,Consolas,monospace;font-weight:700}@media (width<=1100px){.sf-banner-meta{grid-template-columns:repeat(2,1fr)}.sf-banner-totals{grid-template-columns:1fr}.sd-hero-meta{grid-template-columns:repeat(3,1fr)}.sd-recon-cards{grid-template-columns:1fr}.sd-activity-row,.sd-act-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sf-banner-head{flex-direction:column;align-items:stretch}.sf-banner-actions{flex-wrap:wrap;justify-content:flex-end}.sf-banner-meta{grid-template-columns:1fr}.sf-recon-row{grid-template-columns:1fr;gap:.5rem}.sf-recon-label{border-bottom:1px dashed var(--border-light);padding-bottom:.3rem;font-size:1rem}.shifts-page .cash-filter{flex-direction:column;align-items:stretch}.sd-hero-meta{grid-template-columns:1fr 1fr}.sd-notes,.sd-act-stats{grid-template-columns:1fr}.sd-act-stat:nth-last-child(-n+3){border-bottom:1px solid var(--border-subtle)}.sd-act-stat:last-child{border-bottom:none}}@media (width<=480px){.sd-hero-meta,.sd-activity-row{grid-template-columns:1fr}}.error-boundary{background:var(--bg);direction:rtl;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary-card{text-align:center;background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);padding:2.5rem 2rem}.eb-icon{background:var(--danger-light);width:68px;height:68px;color:var(--danger);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.1rem;font-size:1.9rem;display:flex}.error-boundary-card h2{color:var(--text-strong);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.error-boundary-card p{color:var(--text-secondary);margin:0 0 1.4rem;font-size:.92rem;line-height:1.6}.eb-details{text-align:start;color:var(--text-muted);margin-top:1.5rem;font-size:.78rem}.eb-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.5rem}.eb-details pre{background:var(--bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:200px;padding:.75rem;font-size:.7rem;line-height:1.4;overflow-x:auto}