@font-face{font-family:Rudaw;src:local(Rudaw),url(/fonts/rudaw.ftt)format("truetype"),url(/fonts/rudaw.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:UiLatinDigits;src:local(SF Pro Display),local(SF Pro Text),local(Inter),local(Segoe UI),local(Arial);font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+30-39,U+41-5A,U+61-7A,U+C0-FF,U+100-24F,U+1E??,U+2000-206F}:root{--bg:#f3f4fa;--surface:#fff;--surface-2:#f6f7fd;--text:#1d2330;--muted:#7a8297;--border:#e3e7f2;--brand:#5b5bd6;--brand-2:#7467ff;--danger:#cb2431;--space-1:.35rem;--space-2:.55rem;--space-3:.78rem;--space-4:1rem;--radius-md:12px;--radius-lg:14px;--text-xs:.72rem;--text-sm:.82rem;--text-md:.9rem;--text-lg:1.02rem;--text-xl:1.2rem;--motion-fast:.14s;--motion-base:.2s;--motion-slow:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);font-family:Speda,SF Pro Text,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.login-logo{object-fit:contain;width:110px;height:110px;box-shadow:none;background:0 0;border-radius:20px;margin-bottom:.9rem;padding:0}.brand-stack{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-stack strong{color:var(--text);font-weight:800;line-height:1.2}.brand-stack small{color:var(--muted);line-height:1.2}.brand-stack-lg{gap:.3rem;margin-bottom:1rem}.brand-stack-lg strong{font-size:1.15rem}.brand-stack-lg small{letter-spacing:.8px;direction:ltr;font-size:.86rem}.brand-stack-sm{gap:.15rem;margin-bottom:.7rem}.brand-stack-sm strong{font-size:1rem}.brand-stack-sm small{font-size:.76rem}.brand-stack-xs{gap:.1rem}.brand-stack-xs strong{font-size:.88rem}.brand-stack-xs small{font-size:.72rem}.login-logo.small{border-radius:16px;width:76px;height:76px;margin:0 auto;display:block}.dark .login-logo{box-shadow:none;background:0 0}#root{min-height:100vh}.main{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-bottom:68px}.app-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #8d94ff 8%);z-index:5;padding:.55rem .8rem;position:sticky;bottom:0}.app-footer-inner{max-width:1200px;color:var(--muted);justify-content:center;align-items:center;gap:.6rem;margin:0 auto;font-size:.82rem;display:flex}.app-footer-inner.pyramid{text-align:center;flex-direction:column;gap:.15rem}.app-footer-contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem}.app-footer-contact-text{text-align:center;color:var(--muted);font-size:.74rem}.app-footer-contact-meta{white-space:nowrap;flex-direction:column;align-items:center;gap:.4rem;display:inline-flex}.app-footer-logo{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px;padding:2px}.app-footer-name{color:var(--text);font-weight:700}.app-footer-phone{opacity:.9}.contact-promo-strip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #edf2ff 8%);width:100%;color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .55rem;font-size:.74rem;display:flex}.contact-promo-meta{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.contact-promo-meta img{object-fit:contain;background:#fff;border-radius:10px;width:64px;height:64px;padding:2px}.contact-promo-meta strong{color:var(--text);font-size:.78rem}.lang-ku{font-family:UiLatinDigits,Rudaw,Speda,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}.lang-ku input[inputmode=numeric],.lang-ku input[inputmode=decimal],.lang-ku .app-footer-phone,.lang-ku .brand-stack small,.lang-ku .metric-value,.lang-ku .mixed-latin-name,.lang-ku .mixed-latin-input,.lang-ku .mixed-latin-input option{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1, "cv05" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:SF Pro Text,Inter,Segoe UI,Tahoma,Arial,Rudaw,Speda,Noto Sans Arabic,sans-serif}.app-shell{grid-template-columns:248px 1fr;gap:0;min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:86px 1fr}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff 8%) 0%, color-mix(in srgb, var(--surface) 98%, #eef3ff 2%) 100%);color:var(--text);border-inline-end:1px solid var(--border);flex-direction:column;padding:.9rem .75rem;display:flex;box-shadow:inset -1px 0 #92a4e31a}.sidebar h1{font-size:var(--text-lg);color:var(--brand);letter-spacing:.2px;margin:0 0 .6rem;padding-inline:.5rem}.brand-logo-wrap{justify-content:center;padding:.35rem .35rem .7rem;display:flex}.brand-logo{object-fit:contain;background:#fff;border-radius:18px;width:96px;height:96px;box-shadow:0 8px 24px #0f172a14}.dark .brand-logo,.dark .topbar-logo{background:color-mix(in srgb, var(--surface) 75%, #0b1220 25%);box-shadow:0 10px 30px #00000059}.sidebar-subtitle{color:var(--muted);margin:0 0 1rem;padding-inline:.5rem;font-size:.72rem}.sidebar nav{gap:.35rem;margin-bottom:auto;display:grid}.menu-group{gap:.3rem;margin-bottom:.7rem;display:grid}.menu-group-title{color:#a0a7ba;margin:.2rem .5rem;font-size:.7rem}.sidebar button,.topbar button,.form-row button{border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);background:linear-gradient(#fff,#edf2f9);border-radius:12px;padding:.5rem .75rem}.sidebar button.active,.lang-switch button.active{background:var(--brand);color:#fff}.sidebar button{color:#505a75;text-align:start;background:0 0;border-color:#0000;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .62rem;font-size:.88rem;display:flex;position:relative}.sidebar button:hover{background:#eff2fb}.sidebar button.active:before{content:"";inset-inline-start:-10px;background:var(--brand);border-radius:3px;width:3px;height:62%;position:absolute;top:50%;transform:translateY(-50%)}.menu-icon{text-align:center;opacity:.95;place-items:center;width:20px;height:20px;display:grid}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);gap:.2rem;margin-top:.9rem;padding-top:.7rem;display:grid}.sidebar-profile{gap:.35rem;display:grid}.status-chip{color:#1c8a57;letter-spacing:.2px;background:#2fb07624;border-radius:999px;width:fit-content;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.dashboard-toolbar .toolbar-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.dashboard-toolbar .toolbar-row select,.dashboard-toolbar .toolbar-row input,.dashboard-toolbar .toolbar-row button{border-radius:10px;height:34px;padding:.42rem .55rem;font-size:.82rem}.dashboard-toolbar .toolbar-row input[type=date]{padding:.35rem .45rem}.dashboard-toolbar .toolbar-row button{background:linear-gradient(98deg, color-mix(in srgb, var(--brand) 30%, #fff 70%), color-mix(in srgb, var(--brand-2) 22%, #fff 78%));border-color:color-mix(in srgb, var(--brand) 30%, var(--border) 70%);font-weight:800}.dashboard-toolbar .toolbar-row button:hover{transform:translateY(-1px)}.dashboard-filters-toggle{display:none}.mini-card{grid-column:span 2}.mini-chart-wrap{height:180px}.chart-fallback{height:100%;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.quick-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem;display:grid}.quick-summary p{color:var(--muted);margin:0}.accounting-layout{gap:.8rem;display:grid}.accounting-layout>.card{border:1px solid color-mix(in srgb, var(--border) 88%, #cfd9ff 12%);-webkit-backdrop-filter:saturate(120%)blur(1.5px);backdrop-filter:saturate(120%)blur(1.5px);transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 28px #4957b01a}.accounting-layout>.card:before{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(90deg,#5b5bd647,#7467ff61,#5b5bd62e);height:2px;position:absolute;top:0}.accounting-layout>.card:hover{border-color:color-mix(in srgb, var(--border) 70%, #bfcdfd 30%);transform:translateY(-1px);box-shadow:0 14px 32px #4957b024}.accounting-purchase-card{order:1}.accounting-expense-card{order:2}.accounting-summary-card{order:3}.accounting-ledger-card{order:4}.accounting-summary-card .quick-summary{gap:.55rem}.accounting-summary-card .quick-summary p{border:1px solid var(--border);color:#4a5670;background:linear-gradient(#fafcff 0%,#f5f8ff 100%);border-radius:12px;padding:.58rem .68rem;font-weight:620}.summary-widget{border:1px solid var(--border);background:linear-gradient(#fafcff 0%,#f5f8ff 100%);border-radius:12px;gap:.2rem;padding:.58rem .68rem;display:grid;position:relative;overflow:hidden}.summary-widget:before{content:"";inset-inline-start:0;background:#b9c4e4;width:4px;position:absolute;top:0;bottom:0}.summary-widget small{color:#687491;font-size:.74rem;font-weight:650}.summary-widget-head{align-items:center;gap:.35rem;display:flex}.summary-widget-head svg{opacity:.82}.summary-chip{letter-spacing:.03em;border:1px solid #0000;border-radius:999px;margin-inline-start:auto;padding:.14rem .36rem;font-size:.64rem;font-weight:800}.summary-chip-usd{color:#0f7a35;background:#22c55e1f;border-color:#16a34a4d}.summary-chip-iqd{color:#1d4ed8;background:#2563eb1f;border-color:#1d4ed84d}.summary-widget strong{color:#303d5b;letter-spacing:.01em;font-size:.96rem;font-weight:800}.summary-widget-usd:before{background:linear-gradient(#22c55e,#16a34a)}.summary-widget-iqd:before{background:linear-gradient(#2563eb,#1d4ed8)}.summary-widget-cash{background:linear-gradient(#f8fff9 0%,#eefcf0 100%)}.summary-widget-inventory{background:linear-gradient(#f8fbff 0%,#eef4ff 100%)}.summary-widget-wealth{background:linear-gradient(#fffaf5 0%,#fff3e8 100%)}.accounting-layout .section-head{border-bottom:1px solid color-mix(in srgb, var(--border) 86%, #cad7ff 14%);margin-bottom:.85rem;padding-bottom:.6rem}.accounting-layout .section-head h3{letter-spacing:.01em}.accounting-layout .form-grid{gap:.72rem}.accounting-layout .form-item label{font-weight:620}.accounting-layout .form-item input,.accounting-layout .form-item select,.accounting-layout .form-item textarea{border-color:color-mix(in srgb, var(--border) 86%, #c8d2f7 14%);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);border-radius:12px}.accounting-layout .form-item input:focus,.accounting-layout .form-item select:focus,.accounting-layout .form-item textarea:focus{border-color:color-mix(in srgb, var(--brand) 62%, var(--border) 38%);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent 82%);background:#fff;outline:none}.accounting-layout .table-action-btn,.accounting-layout .add-toggle-btn,.accounting-layout .form-submit-btn{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard)}.accounting-layout .table-action-btn:hover,.accounting-layout .add-toggle-btn:hover,.accounting-layout .form-submit-btn:hover{filter:saturate(1.03)}.accounting-layout .table-action-btn:active,.accounting-layout .add-toggle-btn:active,.accounting-layout .form-submit-btn:active{transform:translateY(0)}.accounting-ledger-card>.form-grid>.card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f9fbff 100%);border-radius:14px;box-shadow:0 8px 22px #4d59aa14}.accounting-ledger-card table th{background:#f1f5ff}.accounting-ledger-card table tbody tr:hover{background:#5b5bd60d}.dark .accounting-layout>.card{border-color:color-mix(in srgb, var(--border) 78%, #536ba8 22%);box-shadow:0 12px 28px #00000047}.dark .accounting-summary-card .quick-summary p{color:#c2d0ea;background:linear-gradient(#1d2a3feb 0%,#192436f2 100%)}.dark .summary-widget{border-color:color-mix(in srgb, var(--border) 70%, #5a70ab 30%);background:linear-gradient(#1d2a3feb 0%,#192436f2 100%)}.dark .summary-widget-cash,.dark .summary-widget-inventory,.dark .summary-widget-wealth{background:linear-gradient(#1d2a3ff2 0%,#192436fa 100%)}.dark .summary-widget small{color:#9fb2d6}.dark .summary-widget strong{color:#e2ebff}.dark .summary-chip-usd{color:#86efac;background:#16a34a29;border-color:#86efac42}.dark .summary-chip-iqd{color:#93c5fd;background:#2563eb29;border-color:#93c5fd3d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.dark .accounting-layout .form-item input:focus,.dark .accounting-layout .form-item select:focus,.dark .accounting-layout .form-item textarea:focus{background:#131e2fe6}.brand-share-list{gap:.45rem;display:grid}.brand-share-item{gap:.2rem;display:grid}.brand-share-head{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.brand-share-head strong{color:var(--text)}.brand-share-head span{color:var(--muted)}.brand-share-bar{background:color-mix(in srgb, var(--surface) 80%, #8d94ff 20%);border-radius:999px;height:7px;overflow:hidden}.brand-share-bar>div{border-radius:inherit;background:linear-gradient(90deg,#5ea5ff,#7467ff);height:100%}.brand-share-empty{color:var(--muted);margin:0;font-size:.78rem}.metric-card{border-radius:10px}.metric-card.clickable{cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.metric-card.clickable:hover{border-color:color-mix(in srgb, var(--brand) 20%, var(--border) 80%);transform:translateY(-1px);box-shadow:0 10px 22px #1a223a1a}.metric-card.clickable:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent 84%);outline:none}.metric-head{align-items:center;gap:.45rem;margin-bottom:.4rem;display:flex}.metric-title-row{justify-content:space-between;align-items:center;gap:.45rem;width:100%;display:flex}.metric-link{color:var(--muted);letter-spacing:.42px;font-size:.66rem}.metric-icon{background:#5b5bd61f;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.metric-value{font-size:var(--text-xl);margin:0;font-weight:700}.metric-meta{color:var(--muted);margin-top:.3rem;font-size:.72rem;display:inline-block}.main{padding:var(--space-3)}.topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #fff 4%) 0%, color-mix(in srgb, var(--surface) 90%, #eef2ff 10%) 100%);border:1px solid color-mix(in srgb, var(--border) 88%, #cad5fd 12%);border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem;padding:.5rem .65rem;display:flex;box-shadow:0 8px 24px #3f50aa1a}.topbar-title{justify-items:center;display:grid}.topbar-logo{object-fit:contain;background:#fff;border-radius:10px;width:34px;height:34px;margin-bottom:0;padding:2px}.topbar-title strong{letter-spacing:.15px}.topbar-title small{color:var(--muted);font-size:.7rem}.topbar-search{flex:1;max-width:390px;position:relative}.topbar-search input{background:color-mix(in srgb, var(--surface) 90%, #8d94ff 10%);border-color:color-mix(in srgb, var(--brand) 18%, var(--border) 82%);width:100%;height:35px;transition:box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);border-radius:999px;padding-inline:2.1rem 4.1rem}.topbar-search input::placeholder{color:color-mix(in srgb, var(--muted) 82%, var(--text) 18%)}.topbar-search input:focus{border-color:color-mix(in srgb, var(--brand) 55%, var(--border) 45%);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent 84%);outline:none}.topbar-search-icon{inset-inline-start:.72rem;color:var(--muted);pointer-events:none;opacity:.95;position:absolute;top:50%;transform:translateY(-50%)}.topbar-search-kbd{inset-inline-end:.55rem;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, #fff 10%);color:var(--muted);border-radius:8px;padding:.12rem .38rem;font-size:.7rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=820px){.topbar-search-kbd{display:none}.topbar-search input{padding-inline-end:.9rem}}.lang-switch{gap:.5rem;display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #fff 4%) 0%, color-mix(in srgb, var(--surface) 90%, #eff3ff 10%) 100%);border:1px solid color-mix(in srgb, var(--border) 88%, #cad5fd 12%);border-radius:var(--radius-lg);padding:var(--space-3);transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), border-color var(--motion-base) var(--ease-standard);box-shadow:0 8px 24px #3f50aa1a}.card:hover{border-color:color-mix(in srgb, var(--border) 72%, #becbfd 28%);box-shadow:0 12px 30px #3f50aa24}.card h3{font-size:var(--text-lg);margin-top:0;line-height:1.3}.card h4{font-size:var(--text-md);margin:.8rem 0 .3rem;line-height:1.3}.wide{grid-column:span 4}.chart-wrap{border:1px solid var(--border);background:radial-gradient(60% 70% at 22% 18%, #5b5bd624, transparent 60%), radial-gradient(55% 55% at 78% 76%, #7467ff1f, transparent 60%), color-mix(in srgb, var(--surface) 92%, #fbfcff 8%);border-radius:10px;min-width:0;height:280px;padding:.55rem}.chart-tooltip{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #fff 8%);border-radius:12px;min-width:160px;padding:.55rem .65rem;box-shadow:0 14px 32px #1a223a24}.chart-tooltip-title{color:var(--text);margin-bottom:.25rem;font-size:.82rem;font-weight:900}.chart-tooltip-row{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.chart-tooltip-dot{border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #0000000a}.chart-tooltip-value{color:var(--text);font-weight:800}table{border-collapse:collapse;border-radius:12px;width:100%;margin-top:1rem;overflow:hidden}th,td{border-bottom:1px solid var(--border);text-align:start;font-size:var(--text-md);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;padding:.5rem .55rem}.mixed-latin-name{letter-spacing:.01em;font-family:SF Pro Text,Inter,Segoe UI,Tahoma,Speda,Rudaw,Noto Sans Arabic,Arial,sans-serif;font-weight:650;line-height:1.35}.mixed-latin-input,.mixed-latin-input option{letter-spacing:.005em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "tnum" 1, "lnum" 1;font-family:SF Pro Display,SF Pro Text,Inter,Segoe UI,Tahoma,Speda,Rudaw,Noto Sans Arabic,Arial,sans-serif;font-weight:560}th{font-size:var(--text-xs);letter-spacing:.15px;text-transform:uppercase;color:#7a83a0;background:#f4f7ff;font-weight:700}tbody tr{height:38px}.table-action-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:7px;padding:.2rem .5rem;font-size:.78rem}.table-action-btn:hover{background:#5b5bd61f}.table-action-btn.active{border-color:color-mix(in srgb, var(--brand) 48%, var(--border) 52%);color:color-mix(in srgb, var(--brand) 85%, #131a2a 15%);background:linear-gradient(120deg,#5b5bd629,#7467ff24)}.table-pager{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.7rem;padding-top:.55rem;display:flex}.table-pager span{color:var(--muted);font-size:.85rem}.table-tools{border-bottom:1px dashed var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.45rem;padding-bottom:.5rem;display:grid}.sort-header-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.status-badge{border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.success{color:#166534;background:#22c55e29}.status-badge.warning{color:#92400e;background:#f59e0b2e}.clickable-row{cursor:pointer}.clickable-row:hover{background:#5b5bd614}.form-card{gap:var(--space-3);display:grid}.form-card>.card{border-color:color-mix(in srgb, var(--border) 82%, #c8d4ff 18%);border-radius:16px;box-shadow:0 12px 30px #495bb61f}.form-row{gap:var(--space-2);display:flex}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);font:inherit;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:linear-gradient(#fffffffa,#f7fafff2)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--brand) 60%, var(--border) 40%);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent 84%), 0 8px 20px #5165c524;outline:none;transform:translateY(-1px)}textarea{width:100%}.dark{--bg:#0e1623;--surface:#111d2cc7;--surface-2:#192a3d;--text:#e6edf7;--muted:#9eb3cd;--border:#314c69e6;--brand:#56a4ff}.dark .sidebar{background:linear-gradient(#121827 0%,#101624fa 100%)}.dark .topbar{border-color:color-mix(in srgb, var(--border) 72%, #5d73ad 28%);background:linear-gradient(#111d2cd6 0%,#111d2cb8 100%);box-shadow:0 12px 28px #0000004d}.dark .contact-promo-strip{border-color:color-mix(in srgb, var(--border) 70%, #5b72ab 30%);background:#1e2c42db}.dark .login-creator-footer{border-color:color-mix(in srgb, var(--border) 70%, #5b72ab 30%);color:#9fb2d6;background:#1e2c42db}.dark .user-pill{background:#1e2c40eb}.dark .status-chip{color:#7ff0bd;background:#45d89429}.dark .notif-item{background:#1a283dd1}.dark .chart-wrap{background:radial-gradient(60% 70% at 22% 18%,#56a4ff1f,#0000 60%),radial-gradient(55% 55% at 78% 76%,#7869ff1f,#0000 60%),#162234b3}.dark .chart-tooltip{background:#111d2ceb;box-shadow:0 18px 40px #00000059}.dark th{color:#9eb1d0;background:#172335d9}.dark .status-badge.success{color:#86efac}.dark .status-badge.warning{color:#fcd34d}.dark .table-action-btn{background:#213147d9}.modal-overlay{z-index:40;background:#050c1673;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(460px,100% - 2rem);padding:1rem;box-shadow:0 20px 60px #0003}.modal-card h3{margin:0 0 .4rem}.modal-card p{color:var(--muted);margin:0 0 .8rem}.modal-actions .form-submit-btn{width:auto;min-width:180px;margin-top:0}.shortage-choice-group{grid-template-columns:1fr;gap:.5rem;width:100%;margin-bottom:.4rem;display:grid}.shortage-choice{border:1px solid var(--border);cursor:pointer;background:color-mix(in srgb, var(--surface) 92%, #8f95ff 8%);transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);border-radius:10px;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.shortage-choice.active{border-color:color-mix(in srgb, #6b8bff 55%, var(--border) 45%);background:color-mix(in srgb, var(--surface) 75%, #6b8bff 25%)}.shortage-choice input{accent-color:#5f7cf8}.shortage-modal-card{border-radius:18px;width:min(560px,100% - 2rem);padding:1.05rem}.shortage-modal-head h3{margin-bottom:.2rem;font-size:1.35rem}.shortage-modal-head p{margin-bottom:.75rem;font-size:.92rem}.shortage-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.75rem;display:grid}.shortage-stat{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #95a8ff 8%);border-radius:12px;gap:.22rem;padding:.55rem .6rem;display:grid}.shortage-stat span{color:var(--muted);font-size:.73rem}.shortage-stat strong{color:var(--text);font-size:.98rem}.shortage-stat.alert{border-color:color-mix(in srgb, #f59e0b 44%, var(--border) 56%);background:color-mix(in srgb, var(--surface) 85%, #f59e0b 15%)}.shortage-modal-body{gap:.55rem;display:grid}.shortage-primary-btn{width:100%}.shortage-modal-footer{justify-content:flex-end;margin-top:.3rem;display:flex}.shortage-decision-hint{border:1px solid var(--border);border-radius:10px;width:100%;margin:0 0 .45rem;padding:.45rem .6rem;font-size:.8rem}.shortage-decision-hint.discount{color:#0b6b63;background:color-mix(in srgb, #0ea5a6 12%, var(--surface) 88%);border-color:color-mix(in srgb, #14b8a6 35%, var(--border) 65%)}.shortage-decision-hint.debt{color:#1f4fb5;background:color-mix(in srgb, #4f7df8 14%, var(--surface) 86%);border-color:color-mix(in srgb, #4f7df8 38%, var(--border) 62%)}.shortage-projection{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface) 94%, #94a3b8 6%);border-radius:10px;width:100%;margin:0 0 .5rem;padding:.5rem .65rem}.shortage-projection p{margin:.15rem 0;font-size:.79rem}@media (width<=720px){.shortage-stats-grid{grid-template-columns:1fr}}.quick-pay-row{gap:.45rem;margin:.2rem 0 .6rem;display:flex}.partial-max-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, #8f95ff 10%);width:fit-content;color:var(--muted);border-radius:999px;margin:0 0 .7rem;padding:.22rem .55rem;font-size:.72rem}.amount-stepper{grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;display:grid}.amount-stepper .table-action-btn{min-width:36px;height:36px;padding:0;font-weight:700}.toast{inset-inline-end:20px;color:#fff;z-index:55;background:#0f7a3e;border-radius:10px;padding:.6rem .9rem;position:fixed;bottom:20px;box-shadow:0 10px 20px #0003}.undo-bar{inset-inline-start:20px;background:var(--surface);border:1px solid var(--border);z-index:56;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex;position:fixed;bottom:20px;box-shadow:0 8px 20px #0000002e}.undo-bar span{color:var(--text);font-size:.86rem}.dark input,.dark textarea,.dark select{border-color:color-mix(in srgb, var(--border) 74%, #51689f 26%);color:var(--text);background:linear-gradient(#1b273aeb,#152031f5)}.dark .form-intro{border-color:color-mix(in srgb, var(--border) 72%, #5b72ab 28%);background:linear-gradient(#212f47e6,#1b263af2)}.dark input:focus,.dark textarea:focus,.dark select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 24%, transparent 76%), 0 10px 20px #00000042}.dark .form-card>.card{border-color:color-mix(in srgb, var(--border) 74%, #5870ac 26%);box-shadow:0 14px 30px #0000004d}.dark .form-item label{color:#aab9d4}.dark .section-head{border-bottom-color:color-mix(in srgb, var(--border) 70%, #5d73ad 30%)}.dark .field-hint{border-color:color-mix(in srgb, var(--border) 72%, #5a70aa 28%);color:#9fb2d6;background:#222f47bf}.dark .field-error{color:#fecaca;background:#7f1d1d3d;border-color:#f8717159}.dark .form-card table{border-color:color-mix(in srgb, var(--border) 72%, #5d73ad 28%);background:#162132c7}.dark .form-card thead th{background:linear-gradient(#1f2c43e6 0%,#1a263af2 100%)}.dark .form-card tbody tr:hover{background:#386eda1f}.dark .reports-page .reports-kpi-grid{background:0 0}.dark .add-toggle-btn{color:#c8dcff!important;background:linear-gradient(130deg,#3a59928c,#5c4aaa9e)!important}.login-shell{background:radial-gradient(55% 42% at 14% 10%,#5b5bd638,#0000 60%),radial-gradient(50% 40% at 85% 82%,#6f46e633,#0000 60%),#f4f5fc;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-wrap{grid-template-columns:1fr;align-items:stretch;gap:0;width:min(560px,100%);margin:auto 0;display:grid}.login-creator-footer{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #edf2ff 8%);width:min(560px,100%);color:var(--muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.45rem .55rem;font-size:.74rem;display:flex}.login-hero{border:1px solid var(--border);text-align:center;background:linear-gradient(136deg,#fff 8%,#f3f5ff 60%,#f3efff 100%);border-radius:14px;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 45px #3441681f}.login-hero .brand-stack{margin-bottom:.35rem}.login-hero p{color:var(--muted);margin:0;font-size:.92rem}.login-hero h2{color:var(--brand);margin:.2rem 0 0}.login-hero input{z-index:1;width:min(360px,100%);height:40px;position:relative}.login-hero .login-submit{z-index:1;border-radius:12px;width:min(360px,100%);height:42px;font-weight:800;position:relative}.login-transition-overlay{background:color-mix(in srgb, var(--bg) 76%, #fff 24%);z-index:80;pointer-events:none;place-items:center;animation:.82s both login-overlay-fade;display:grid;position:fixed;inset:0}.login-transition-logo{object-fit:contain;width:128px;height:128px;animation:.78s cubic-bezier(.2,.75,.2,1) both login-logo-pop}@keyframes login-logo-pop{0%{opacity:0;transform:scale(.72)}40%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(.92)}}@keyframes login-overlay-fade{0%{opacity:0}20%{opacity:1}to{opacity:0}}.login-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:.75rem;width:100%;padding:1.35rem;display:grid;box-shadow:0 20px 45px #3441681f}.login-card h1{color:var(--brand);margin:0;font-size:1.45rem}.login-card h2{color:var(--brand);margin:0}.login-card p{color:var(--muted);margin:0;font-size:.9rem}.login-submit{background:linear-gradient(90deg, var(--brand), var(--brand-2));color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.62rem .8rem}.error-text{color:var(--danger)}.danger-btn{border:1px solid color-mix(in srgb, var(--danger) 38%, var(--border) 62%)!important;background:linear-gradient(98deg, color-mix(in srgb, var(--danger) 18%, #fff 82%), color-mix(in srgb, var(--danger) 10%, #fff 90%))!important;color:color-mix(in srgb, var(--danger) 78%, var(--text) 22%)!important;font-weight:900!important}.danger-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #cb243129}.topbar-actions{align-items:center;gap:.5rem;display:flex;position:relative}.user-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #8f95ff 8%);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;display:inline-flex}.topbar-actions .icon-btn svg,.menu-icon svg,.metric-icon svg{stroke-width:2.15px}.icon-btn{place-items:center;width:36px;height:36px;padding:0;display:grid}.notification-btn{position:relative}.notification-btn:hover{transform:translateY(-1px)}.notif-dot{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.notif-menu{top:calc(100% + 8px);border:1px solid var(--border);background:var(--surface);z-index:15;transform-origin:100% 0;border-radius:12px;width:min(320px,86vw);padding:.7rem;animation:.16s ease-out notif-in;position:absolute;inset-inline-end:0;box-shadow:0 18px 35px #1f2d5024}.notif-title{color:var(--muted);margin:0;font-size:.8rem}.notif-head{justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.notif-mark-read{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:.28rem .45rem;font-size:.68rem}.notif-mark-read:disabled{opacity:.5;cursor:not-allowed}.notif-list{gap:.45rem;display:grid}.notif-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, #8690ff 8%);width:100%;color:var(--text);text-align:start;border-radius:10px;justify-content:space-between;align-items:center;gap:.4rem;margin:0;padding:.5rem .55rem;font-size:.78rem;display:flex}.notif-item-main{text-align:start;gap:.12rem;display:grid}.notif-item-main strong{font-size:.76rem}.notif-item-main em{color:var(--muted);font-size:.71rem;font-style:normal}.notif-count-chip{border:1px solid var(--border);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 .35rem;font-size:.68rem;display:inline-grid}.notif-item.actionable{cursor:pointer}.notif-item.actionable:hover{border-color:color-mix(in srgb, var(--brand) 48%, var(--border) 52%);transform:translateY(-1px)}.notif-item.read{opacity:.72}.notif-item.unread{box-shadow:inset 2px 0 0 color-mix(in srgb, var(--brand) 75%, transparent 25%)}.notif-item.warning .notif-count-chip{color:#92400e;background:#f59e0b2e}.notif-item.info .notif-count-chip{color:color-mix(in srgb, var(--brand) 82%, #0f172a 18%);background:#5b5bd626}.notif-item svg{opacity:.7}.section-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--border) 84%, #c9d5ff 16%);display:flex;position:relative}.section-head:after{content:"";inset-inline-start:0;background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 65%, #7f8cff 35%), transparent);border-radius:2px;width:72px;height:2px;position:absolute;bottom:-1px}.welcome-user{color:var(--muted);font-size:.82rem;font-weight:600}.widget-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.widget-actions{align-items:center;gap:.25rem;display:inline-flex}.widget-actions span{background:var(--muted);opacity:.75;border-radius:999px;width:5px;height:5px;transition:transform .16s,opacity .16s,background-color .16s}.widget-head:hover .widget-actions span{opacity:1;background:var(--brand);transform:scale(1.12)}.widget-head:hover .widget-actions span:nth-child(2){transition-delay:30ms}.widget-head:hover .widget-actions span:nth-child(3){transition-delay:60ms}@keyframes notif-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.form-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.form-item{gap:var(--space-1);display:grid}.form-item label{font-size:var(--text-sm);color:color-mix(in srgb, var(--muted) 88%, #495575 12%);letter-spacing:.01em;font-weight:650}.purchase-payment-input{height:44px;min-height:44px;line-height:1.2}.purchase-imei-item{grid-column:1/-1}.payment-split-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.payment-split-item .table-action-btn{width:100%}.required-mark{color:var(--danger);margin-inline-start:.2rem;font-weight:700}.field-hint{font-size:var(--text-xs);color:color-mix(in srgb, var(--muted) 92%, #4f5d87 8%);background:color-mix(in srgb, var(--surface) 92%, #eef2ff 8%);border:1px solid color-mix(in srgb, var(--border) 84%, #c8d4ff 16%);border-radius:10px;padding:.36rem .48rem}.field-error{font-size:var(--text-xs);color:var(--danger);background:color-mix(in srgb, #ef4444 10%, var(--surface) 90%);border:1px solid color-mix(in srgb, #ef4444 30%, var(--border) 70%);border-radius:10px;padding:.36rem .48rem;font-weight:600}.input-error{box-shadow:0 0 0 1px color-mix(in srgb, var(--danger) 45%, transparent 55%);border-color:color-mix(in srgb, var(--danger) 78%, var(--border) 22%)!important}.input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 26%, transparent 74%);outline:none;border-color:var(--danger)!important}.form-intro{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, #8d94ff 12%), color-mix(in srgb, var(--surface) 95%, #eef3ff 5%));border:1px solid color-mix(in srgb, var(--border) 84%, #c8d5ff 16%);border-radius:var(--radius-md);padding:var(--space-2);line-height:1.5}.add-toggle-btn{font-weight:700;font-size:var(--text-sm);box-shadow:0 10px 24px #555acd29;border:1px solid color-mix(in srgb, var(--brand) 32%, var(--border) 68%)!important;background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 14%, #fff 86%), color-mix(in srgb, var(--brand-2) 18%, #fff 82%))!important;color:color-mix(in srgb, var(--brand) 84%, #131a2a 16%)!important;border-radius:12px!important}.add-toggle-btn:hover{transform:translateY(-1.5px);box-shadow:0 14px 28px #555acd38}.form-submit-btn{width:100%;font-size:var(--text-md);letter-spacing:.14px;margin-top:.7rem;font-weight:700;box-shadow:0 14px 30px #4a54d142;background:linear-gradient(98deg, var(--brand), var(--brand-2))!important;color:#fff!important;border:0!important;border-radius:13px!important;padding:.62rem .85rem!important}.form-submit-btn:hover{transform:translateY(-1.5px);box-shadow:0 20px 34px #4a54d152}.form-submit-btn:active,.add-toggle-btn:active{transform:translateY(0)}.payment-submit-btn{min-height:44px;margin-top:.35rem}.form-card table{border:1px solid color-mix(in srgb, var(--border) 88%, #c8d4ff 12%);background:color-mix(in srgb, var(--surface) 96%, #f9fbff 4%);margin-top:.75rem}.form-card thead th{background:linear-gradient(#f3f6ff 0%,#eef3ff 100%)}.form-card tbody tr:hover{background:color-mix(in srgb, var(--brand) 7%, var(--surface) 93%)}.reports-page .reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-card{margin:0}.settings-page{background:0 0;gap:1rem}.settings-page>h3{letter-spacing:.01em;margin:.15rem 0 .2rem;font-size:clamp(1.08rem,1.35vw,1.28rem)}.settings-tabs{flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .5rem;display:flex}.settings-tabs .table-action-btn{border-radius:999px;padding:.42rem .85rem;font-size:.8rem;transition:transform .14s,box-shadow .18s,background-color .18s,border-color .18s}.settings-tabs .table-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2d407a1f}.settings-tabs .table-action-btn:active{transform:translateY(0)scale(.985)}.settings-tabs .table-action-btn.active{border-color:color-mix(in srgb, var(--accent) 65%, var(--border) 35%);background:color-mix(in srgb, var(--accent-soft) 78%, #fff 22%);box-shadow:0 8px 18px #3b56b02e,inset 0 1px #ffffffb8}.dark .settings-tabs .table-action-btn:hover{box-shadow:0 7px 18px #00000059}.dark .settings-tabs .table-action-btn.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border) 50%);background:color-mix(in srgb, var(--accent-soft) 28%, var(--surface) 72%);box-shadow:0 10px 20px #00000061,inset 0 1px #ffffff14}.settings-tab-panel{gap:.85rem;animation:.18s ease-out settings-tab-enter;display:grid}@keyframes settings-tab-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.settings-tabs .table-action-btn{transition:none}.settings-tabs .table-action-btn:hover,.settings-tabs .table-action-btn:active{transform:none}.settings-tab-panel{animation:none}}.settings-page .settings-block,.settings-page>.card{border:1px solid color-mix(in srgb, var(--border) 82%, #cad8ff 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #f9fbff 4%) 0%, color-mix(in srgb, var(--surface) 99%, #fff 1%) 100%);border-radius:18px;box-shadow:0 10px 28px #38487414,inset 0 1px #ffffffb8}.settings-page .settings-block h4,.settings-page .settings-section-title{letter-spacing:.01em;margin:0 0 .35rem}.settings-page .form-grid{gap:.7rem}.settings-page .form-item>label{font-size:.8rem;font-weight:700}.settings-page .settings-permission-item{border:1px solid color-mix(in srgb, var(--border) 84%, #cedbff 16%);background:color-mix(in srgb, var(--surface) 97%, #f8fbff 3%);border-radius:12px;align-items:center;gap:.45rem;padding:.48rem .62rem;font-size:.82rem;display:flex}.settings-page .settings-permission-item input{margin:0}.settings-page .settings-actions-row{flex-wrap:wrap;gap:.55rem;padding:.3rem 0}.settings-page .settings-actions-row button{border-radius:12px;min-height:38px;padding-inline:.85rem}.settings-page .settings-danger-row{justify-content:flex-start}.settings-page .settings-backup-textarea{border:1px solid color-mix(in srgb, var(--border) 82%, #cad8ff 18%);background:color-mix(in srgb, var(--surface) 96%, #f7f9ff 4%);border-radius:14px;min-height:156px;box-shadow:inset 0 1px 2px #0f172a0d}.settings-page hr{margin:.4rem 0 .65rem}.settings-page table{border-radius:14px;overflow:hidden}.dark .settings-page .settings-block,.dark .settings-page>.card{border-color:color-mix(in srgb, var(--border) 70%, #475680 30%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, #0d1424 12%) 0%, color-mix(in srgb, var(--surface) 94%, #0a111f 6%) 100%);box-shadow:0 12px 30px #00000057,inset 0 1px #ffffff0f}.dark .settings-page .settings-backup-textarea{border-color:color-mix(in srgb, var(--border) 70%, #475680 30%);background:color-mix(in srgb, var(--surface) 82%, #0b1220 18%);box-shadow:inset 0 1px 3px #00000059}.dark .settings-page .settings-permission-item{border-color:color-mix(in srgb, var(--border) 74%, #425177 26%);background:color-mix(in srgb, var(--surface) 86%, #0d1628 14%)}hr{border:0;border-top:1px solid var(--border);width:100%}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}.form-grid{grid-template-columns:1fr}.payment-split-row{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap}.topbar-search{flex:0 0 100%;order:3;width:100%}.mini-card{grid-column:span 2}.dashboard-toolbar .toolbar-row,.table-tools,.quick-summary,.login-wrap{grid-template-columns:1fr}.app-footer-contact,.contact-promo-strip,.login-creator-footer{flex-direction:column;align-items:flex-start}}@media (width<=820px){.dashboard-filters-toggle{border:1px solid color-mix(in srgb, var(--brand) 30%, var(--border) 70%);background:linear-gradient(98deg, color-mix(in srgb, var(--brand) 22%, #fff 78%), color-mix(in srgb, var(--brand-2) 18%, #fff 82%));width:100%;min-height:42px;color:color-mix(in srgb, var(--brand) 82%, #101726 18%);border-radius:10px;justify-content:center;align-items:center;margin-bottom:.55rem;font-weight:800;display:inline-flex}.dashboard-toolbar .toolbar-row{gap:.48rem}.main{padding:.65rem}.sidebar{z-index:25;border-inline-end:0;border-bottom:1px solid var(--border);will-change:transform, opacity;transition:transform .22s var(--ease-standard), padding .22s var(--ease-standard), border-color .22s var(--ease-standard), opacity .22s var(--ease-standard);padding:.55rem .5rem;position:sticky;top:0;transform:translateY(0)}.app-shell.mobile-menu-hidden .sidebar{opacity:0;pointer-events:none;border-bottom-color:#0000;padding-top:0;padding-bottom:0;transform:translateY(calc(-100% - 8px))}.brand-logo-wrap,.sidebar-subtitle,.sidebar-footer{display:none}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;padding-bottom:0;display:grid;overflow:visible}.menu-group{margin-bottom:0;display:contents}.menu-group-title{display:none}.sidebar button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 93%, #edf2ff 7%);white-space:nowrap;border-radius:10px;justify-content:center;gap:.35rem;min-height:44px;padding:.5rem .42rem;font-size:.83rem}.sidebar button.active:before,.topbar>button[aria-label=toggle\ sidebar]{display:none}.topbar{padding:.5rem}.topbar-actions{justify-content:flex-end;width:100%}.topbar-search{max-width:none}.dashboard-grid,.grid,.reports-page .reports-kpi-grid{grid-template-columns:1fr}.wide,.mini-card{grid-column:span 1}.form-row{flex-direction:column}.payment-split-row{grid-template-columns:1fr}.modal-card,.shortage-modal-card{width:calc(100% - 1rem);padding:.8rem}.contact-promo-strip{align-items:stretch}.contact-promo-meta{align-items:flex-start}.main{max-width:100vw;overflow-x:hidden}}@media (width<=640px){:root{--space-3:.62rem;--space-4:.72rem;--text-md:.84rem;--text-lg:.95rem}.topbar-title small,.welcome-user{display:none}.user-pill{padding:.28rem .45rem}.user-pill span{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}.card{border-radius:12px;padding:.62rem}.section-head{flex-direction:column;align-items:flex-start}.section-head:after{width:52px}.table-tools{grid-template-columns:1fr}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.table-pager{flex-wrap:wrap;justify-content:center}.app-footer{padding-inline:.55rem}.app-footer-contact-meta{white-space:normal}.login-shell{padding:1rem .6rem}.login-hero,.login-card{padding:1rem .85rem}}@media (width<=820px){.main-content{padding-bottom:.8rem}.app-footer{margin-top:.5rem;position:static}.topbar{z-index:18;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:.35rem}.topbar button,.icon-btn,.table-action-btn,.form-submit-btn,.add-toggle-btn{min-height:42px}input,select,textarea{min-height:42px;font-size:16px}.purchase-payment-input{height:42px;min-height:42px}.card h3{font-size:.98rem}.metric-value{font-size:1.05rem}th,td{padding:.62rem .52rem;font-size:.82rem}th{font-size:.7rem}.table-action-btn{padding:.32rem .55rem;font-size:.76rem}.table-pager{gap:.38rem;margin-top:.55rem;padding-top:.45rem}.notif-menu{width:min(360px,100vw - 1rem);inset-inline-end:-.2rem}}@media (width<=640px){.main{padding:.52rem}.topbar{border-radius:11px;padding:.42rem;top:0}.topbar-title strong{font-size:.85rem}.topbar-search input{border-radius:12px;height:40px}.sidebar{padding:.45rem .4rem}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem}.menu-group{gap:.34rem}.sidebar button{border-radius:10px;padding:.38rem;font-size:.78rem}.menu-icon{width:18px;height:18px}.form-item label{font-size:.76rem}.field-hint,.field-error{border-radius:8px;font-size:.7rem}.form-submit-btn,.add-toggle-btn{box-shadow:none;font-size:.8rem;border-radius:10px!important;padding:.56rem .74rem!important}.table-tools{gap:.4rem;padding-bottom:.35rem}.table-tools>*{min-height:40px}.dashboard-toolbar .toolbar-row select,.dashboard-toolbar .toolbar-row input,.dashboard-toolbar .toolbar-row button{height:40px;font-size:.8rem}table{border-radius:10px}th,td{padding:.56rem .48rem;font-size:.79rem}}@media (width<=480px){:root{--text-xs:.68rem;--text-sm:.76rem;--text-md:.8rem;--text-lg:.9rem;--text-xl:1.02rem}.main{padding:.45rem}.topbar-actions{gap:.34rem}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-btn{width:34px;height:34px;min-height:34px}.user-pill{max-width:140px}.user-pill span{max-width:72px}.card{border-radius:10px;padding:.52rem}.section-head{margin-bottom:.52rem;padding-bottom:.4rem}.section-head:after{width:44px}.notif-menu{width:calc(100vw - .6rem);padding:.55rem;inset-inline-end:-.15rem}}