@import "https://fonts.cdnfonts.com/css/sf-pro-display";:root{--surface:#f3f7fd;--bg-main:#f3f7fd;--surface-secondary:#f7f9fd;--card-bg:#fff;--sidebar:#0b1f46;--sidebar-soft:#12336d;--border:#dfe7f3;--text-main:#12213a;--text-secondary:#40516d;--text-muted:#71809a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-dark:#173f9e;--primary-soft:#eaf2ff;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-sm:0 2px 8px #1e40af0e;--shadow-md:0 10px 30px #1e40af17;--shadow-lg:0 22px 55px #0f2d5f26;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box;font-family:inherit}body{background:radial-gradient(circle at 90% 0%, #e8f1ff 0, transparent 28%), var(--surface);min-width:320px;min-height:100vh;color:var(--text-main);-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0}body[data-theme=dark]{--surface:#091222;--bg-main:#091222;--surface-secondary:#111d31;--card-bg:#0d192b;--border:#20304a;--text-main:#eef5ff;--text-secondary:#bdcbe0;--text-muted:#8fa0ba;--primary:#60a5fa;--primary-hover:#93c5fd;--primary-soft:#132b50;--shadow-sm:0 2px 8px #0003;--shadow-md:0 12px 32px #0000003d;--shadow-lg:0 24px 60px #00000059}#root{background:var(--bg-main);width:100%;min-height:100vh}button,a,[role=button]{touch-action:manipulation}button{position:relative;overflow:hidden}button:after{content:"";opacity:0;pointer-events:none;background:currentColor;border-radius:999px;width:0;height:0;transition:width .28s,height .28s,opacity .45s;position:absolute;inset:50%;transform:translate(-50%,-50%)}button:active:after{opacity:.1;width:140%;height:140%;transition:all}.native-boot-screen,.native-offline-screen,.native-fallback-screen{z-index:50000;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));color:#0b2858;background:linear-gradient(145deg,#f3f7fd 0%,#dbeafe 45%,#fff 100%);place-items:center;display:grid;position:fixed;inset:0}.native-boot-screen{align-content:center;gap:.65rem}.native-boot-logo{background:linear-gradient(145deg,#0b2858,#2563eb);border-radius:22px;place-items:center;width:76px;height:76px;padding:10px;display:grid;box-shadow:0 18px 38px #2563eb40}.native-boot-logo img{object-fit:contain;width:100%;height:100%;display:block}.native-boot-screen strong{letter-spacing:.01em;font-size:1.05rem}.native-boot-screen span{background:#2563eb29;border-radius:999px;width:110px;height:4px;overflow:hidden}.native-boot-screen span:before{content:"";border-radius:inherit;background:#2563eb;width:42%;height:100%;animation:1s ease-in-out infinite alternate native-loader;display:block}@keyframes native-loader{0%{transform:translate(0)}to{transform:translate(150%)}}.native-offline-screen>div,.native-fallback-screen>div{text-align:center;background:#ffffffdb;border:1px solid #2563eb29;border-radius:18px;width:min(360px,92vw);padding:1.35rem;box-shadow:0 22px 55px #0f2d5f24}.native-offline-screen h1,.native-fallback-screen h1{margin:.75rem 0 .35rem;font-size:1.25rem}.native-offline-screen p,.native-fallback-screen p{color:#40516d;margin:0 0 1rem}.native-offline-screen button,.native-fallback-screen button{color:#fff;background:#2563eb;border:0;border-radius:10px;height:42px;padding:0 1rem;font-weight:800}.native-dialog-overlay{z-index:42000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0514309e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.native-dialog{border:1px solid var(--border);background:var(--card-bg);width:min(360px,94vw);box-shadow:var(--shadow-lg);text-align:center;border-radius:18px;padding:1.15rem;position:relative}.native-dialog-close{background:var(--surface-secondary);width:32px;height:32px;color:var(--text-muted);border:0;border-radius:9px;position:absolute;top:.55rem;right:.55rem}.native-dialog-icon{border-radius:14px;place-items:center;width:48px;height:48px;margin:.2rem auto .7rem;display:grid}.native-dialog-icon.ok{color:#059669;background:#ecfdf5}.native-dialog-icon.warn{color:#d97706;background:#fffbeb}.native-dialog h2{margin:0 0 .35rem;font-size:1rem}.native-dialog p{color:var(--text-secondary);margin:0;font-size:.82rem}.native-dialog-actions{gap:.55rem;margin-top:1rem;display:flex}.native-dialog-actions button{border-radius:10px;flex:1;height:40px;font-weight:800}.native-dialog-secondary{border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-main)}.native-dialog-primary{color:#fff;background:#2563eb;border:0}.native-toast-stack{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:43000;gap:.45rem;width:min(420px,100vw - 2rem);display:grid;position:fixed;transform:translate(-50%)}.native-toast{color:#fff;background:#0f172a;border-radius:12px;padding:.75rem .9rem;font-size:.78rem;font-weight:750;box-shadow:0 14px 32px #0f172a33}.native-toast.error{background:#dc2626}.native-toast.success{background:#059669}.custom-dropdown{width:100%;position:relative}.dropdown-trigger{border:1px solid var(--border);background:var(--surface-secondary);cursor:pointer;width:100%;height:40px;color:var(--text-main);border-radius:10px;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.95rem;transition:all .2s;display:flex}.dropdown-trigger:hover{border-color:var(--text-muted)}.trigger-content{align-items:center;gap:.75rem;display:flex}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border);z-index:100;border-radius:14px;flex-direction:column;gap:.2rem;width:100%;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 30px #1115231f}.dropdown-item{cursor:pointer;color:var(--text-main);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .8rem;font-size:.92rem;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--surface-secondary)}.dropdown-item.active{background:var(--surface-secondary);font-weight:600}.dropdown-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.app-shell{background:var(--bg-main);height:100vh;min-height:100vh;color:var(--text-main);display:flex;overflow:hidden}.sidebar{z-index:100;background:linear-gradient(#0f1419 0%,#151b26 50%,#121820 100%);border-right:1px solid #94a3b81f;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:1rem .75rem .75rem;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #00000026}.sidebar-brand{align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:0 .75rem;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #2563eb4d}.brand-info{flex-direction:column;display:flex}.brand-name{color:#f8fafc;letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.brand-tag{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;padding-right:4px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-item{color:#cbd5e1;cursor:pointer;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.6rem .9rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:#f1f5f9;background:#ffffff14}.nav-item .nav-label{color:inherit}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff0d;padding-top:1rem}.logout-btn{color:#ef4444;margin-top:.5rem}.logout-btn:hover{background:#ef44441a;color:#ef4444!important}.content-area{overscroll-behavior:contain;touch-action:pan-y;flex:1;max-width:100%;height:100vh;min-height:0;padding:1.5rem 2.5rem;overflow:hidden auto}.module-container{flex-direction:column;gap:.75rem;display:flex}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;align-items:flex-start;gap:1rem;padding:1.25rem 1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a12}.kpi-card:before{content:"";pointer-events:none;opacity:.02;background:#ffffff80;position:absolute;inset:0}.kpi-card>div{z-index:1;position:relative}.kpi-icon-wrap{border-radius:16px;place-items:center;min-width:46px;min-height:46px;display:grid;box-shadow:0 14px 30px #0f172a14}.kpi-card p{color:var(--text-muted);margin:0 0 .5rem;font-size:.9rem}.kpi-card h3{margin:0;font-size:1.5rem;font-weight:700}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.kpi-grid{grid-template-columns:1fr}}.data-table{border-collapse:collapse;width:100%;margin-top:.5rem}.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:1rem;font-size:.95rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#ffffff05}.plan-card{transition:transform .2s}.plan-card:hover{transform:translateY(-4px)}.stat-mini{flex-direction:column;display:flex}.stat-mini span{font-size:.75rem}.badge.up{color:#2e7d32;background:#e8f5e9}.badge.down{color:#ef4444;background:#fee2e2}.badge.low{color:#e65100;background:#fff3e0}.topbar{background:var(--card-bg);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 12px 30px #1115230f}.command-box{background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:.55rem;min-width:260px;padding:.55rem 1rem;display:flex}.topbar-right{align-items:center;gap:.6rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-main);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.chip.active{color:#13141a;background:#fff;border-color:#fff}.user-pill{color:#111319;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.33rem .8rem;font-size:.84rem;display:flex}.loading-screen{min-height:100vh;color:var(--text-muted);place-items:center;font-size:1.1rem;display:grid}.dashboard-wrapper{flex-direction:column;gap:1.5rem;display:flex}.kpi-grid-8{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.kpi-tab{background:var(--card-bg);border-radius:20px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.kpi-tab h3{margin-top:.25rem;font-size:1.15rem}.dashboard-charts-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.chart-card-compact{flex-direction:column;padding:1.5rem;display:flex}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.chart-header h3{margin:0;font-size:1.05rem}.chart-actions{flex-wrap:wrap;gap:.5rem;display:flex}.chart-container-half{min-width:0}.chart-body-compact{flex:1;margin-top:1.5rem}.bar-container-compact{justify-content:space-between;align-items:flex-end;gap:6px;height:180px;display:flex}.bar-container-compact .bar{border-radius:6px 6px 0 0;flex:1;min-width:6px;max-width:40px;transition:height .25s}.chart-labels-compact{color:var(--text-muted);justify-content:space-between;margin-top:.75rem;font-size:.75rem;display:flex}.dashboard-bottom-grid{margin-top:1.5rem}.tabbed-widget{padding:0;overflow:hidden}.widget-tabs{background:var(--surface-secondary);border-bottom:1px solid var(--border);display:flex}.tab-btn{border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{background:#ffffff05}.tab-btn.active{background:var(--card-bg);color:var(--text-main)}.widget-content{padding:1.5rem}@media (width<=1100px){.kpi-grid-8{grid-template-columns:repeat(2,1fr)}.dashboard-charts-row{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:1rem;box-shadow:0 12px 26px #1115230f}.card h3{margin:0;font-size:1.1rem}.page-transition-wrap{will-change:transform, opacity, filter}.muted{color:var(--text-muted)}.map-box{background:linear-gradient(135deg,#ededf2,#fff);border:1px solid #e8e9f0;border-radius:18px;height:260px;margin-top:.85rem;position:relative;overflow:hidden}.map-route{background:#16181f;width:68%;height:2px;position:absolute;top:58%;left:14%;transform:rotate(-19deg)}.pin{background:#fff;border:1px solid #d8dae3;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute}.pin.one{top:35%;left:10%}.pin.two{top:20%;right:14%}.pin.three{bottom:16%;left:45%}.list-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.list-row:last-child{border-bottom:none}.weather-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.85rem;display:grid}.temp-card{background:var(--surface-secondary);border:1px solid var(--border);text-align:center;border-radius:13px;align-content:center;justify-items:center;gap:.16rem;min-width:68px;min-height:60px;padding:.4rem;display:grid}.weather-icon{color:#5f6577}.temp-card span{font-size:.75rem;font-weight:500}.temp-card strong{font-size:1.25rem;line-height:1}.temp-card.active{color:#fff;background:#141620;border-color:#1c2131;box-shadow:inset 0 0 0 1px #ffffff14}.temp-card.active .weather-icon{color:#eef2ff}.weather-card{padding-bottom:1.35rem}.car-hero{min-height:425px}.car-visual{background:linear-gradient(140deg,#fff,#edf0f8);border:1px solid #e6e8ee;border-radius:18px;height:180px;margin-top:.8rem}.transmission{grid-template-columns:repeat(5,1fr);gap:.45rem;margin-top:.8rem;display:grid}.gear{border:1px solid var(--border);background:var(--surface-secondary);text-align:center;border-radius:999px;padding:.42rem 0}.stats-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.95rem;display:grid}.installment-dashboard{gap:1.1rem;display:grid}.installment-hero{color:#fff;background:linear-gradient(125deg,#172554 0%,#1e3a8a 48%,#2563eb 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.6rem;display:flex;box-shadow:0 14px 30px #1e40af38}.installment-hero h3{letter-spacing:-.025em;margin:.45rem 0 .25rem;font-size:1.45rem}.installment-hero p{color:#bfdbfe;margin:0;font-size:.86rem}.installment-eyebrow{color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.72rem;font-weight:750;display:inline-flex}.installment-hero-actions{flex-wrap:wrap;gap:.65rem;display:flex}.installment-hero-actions button,.installment-empty-state button{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.45rem;height:38px;padding:0 .9rem;font-weight:700;display:inline-flex}.installment-primary-btn,.installment-empty-state button{color:#1d4ed8;background:#fff}.installment-secondary-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3!important}.installment-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.installment-kpi{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.05rem;box-shadow:0 5px 16px #0f172a0b}.installment-kpi-top{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.76rem;font-weight:650;display:flex}.installment-kpi-top i{border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.installment-kpi strong{letter-spacing:-.025em;margin:.5rem 0 .25rem;font-size:1.17rem;display:block}.installment-kpi small{color:var(--text-muted);font-size:.7rem}.installment-kpi.blue i{color:#2563eb;background:#eff6ff}.installment-kpi.green i{color:#059669;background:#ecfdf5}.installment-kpi.amber i{color:#d97706;background:#fffbeb}.installment-kpi.violet i{color:#7c3aed;background:#f5f3ff}.installment-insight-grid{grid-template-columns:1.15fr .85fr;gap:.85rem;display:grid}.installment-progress-card,.installment-alert-card{padding:1.15rem}.installment-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.installment-section-heading span,.installment-list-header>div>span{color:#2563eb;text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;font-weight:800}.installment-section-heading h4{margin:.2rem 0 0;font-size:.96rem}.installment-section-heading>strong{color:#059669;font-size:1.35rem}.installment-big-progress{background:var(--surface-secondary);border-radius:99px;height:9px;margin:1rem 0;overflow:hidden}.installment-big-progress span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#10b981);height:100%;display:block}.installment-progress-legend{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.installment-progress-legend div{color:var(--text-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;font-size:.73rem;display:grid}.installment-progress-legend i{border-radius:50%;width:7px;height:7px}.green-dot{background:#10b981}.blue-dot{background:#3b82f6}.red-dot{background:#ef4444}.installment-progress-legend strong{color:var(--text-main)}.alert-icon{color:#dc2626;background:#fef2f2;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.installment-alert-row{border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text-main);background:0 0;justify-content:space-between;align-items:center;padding:.7rem 0;display:flex}.installment-alert-row:first-of-type{margin-top:.65rem}.installment-alert-row span,.installment-empty-alert span{gap:.15rem;display:grid}.installment-alert-row small,.installment-empty-alert small{color:var(--text-muted);font-size:.7rem}.installment-alert-row b{color:#dc2626;align-items:center;font-size:.7rem;display:flex}.installment-empty-alert{color:#059669;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.installment-empty-alert strong{color:var(--text-main);font-size:.82rem}.installment-list-card{padding:0;overflow:hidden}.installment-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.15rem 1.25rem;display:flex}.installment-list-header h3{margin:.2rem 0;font-size:1.05rem}.installment-list-header p{color:var(--text-muted);margin:0;font-size:.75rem}.installment-list-tools{gap:.55rem;display:flex}.installment-list-tools label{border:1px solid var(--border);background:var(--surface-secondary);min-width:250px;height:36px;color:var(--text-muted);border-radius:9px;align-items:center;gap:.45rem;padding:0 .7rem;display:flex}.installment-list-tools input{color:var(--text-main);background:0 0;border:0;outline:0;width:100%;font-size:.76rem}.installment-list-tools button{border:1px solid var(--border);background:var(--card-bg);height:36px;color:var(--text-main);cursor:pointer;border-radius:9px;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.74rem;font-weight:700;display:flex}.installment-table-wrap{overflow-x:auto}.installment-table{border-collapse:collapse;width:100%;min-width:1020px;font-size:.74rem}.installment-table th{text-align:left;background:var(--surface-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;padding:.7rem 1rem;font-size:.65rem}.installment-table td{border-top:1px solid var(--border);white-space:nowrap;padding:.78rem 1rem}.installment-table tbody tr:hover{background:var(--surface-secondary)}.installment-table td small{color:var(--text-muted);margin-top:.2rem;font-size:.65rem;display:block}.installment-customer{align-items:center;gap:.65rem;display:flex}.installment-customer>span{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.installment-customer small{align-items:center;gap:.25rem;display:flex!important}.paid-value{color:#059669}.balance-value{color:#dc2626}.mini-progress{background:var(--surface-secondary);border-radius:9px;width:70px;height:3px;margin-top:.3rem;overflow:hidden}.mini-progress span{background:#10b981;height:100%;display:block}.installment-status{border-radius:99px;padding:.3rem .52rem;font-size:.63rem;font-weight:800;display:inline-flex}.installment-status.active{color:#2563eb;background:#eff6ff}.installment-status.completed{color:#047857;background:#ecfdf5}.installment-status.defaulted{color:#dc2626;background:#fef2f2}.installment-row-action{border:1px solid var(--border);background:var(--card-bg);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.installment-row-action:hover{color:#2563eb;border-color:#93c5fd}.installment-view-all{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin:.85rem auto;font-size:.74rem;font-weight:750;display:flex}.installment-empty-state{text-align:center;color:var(--text-muted);padding:2.5rem}.installment-empty-state h4{color:var(--text-main);margin:.6rem 0 .2rem}.installment-empty-state p{margin:0 0 .8rem;font-size:.78rem}.installment-status.paid{color:#047857;background:#ecfdf5}.installment-status.overdue{color:#dc2626;background:#fef2f2}.installment-status.pending{color:#b45309;background:#fffbeb}@media (width<=1100px){.installment-kpi-grid{grid-template-columns:repeat(2,1fr)}.installment-insight-grid{grid-template-columns:1fr}.installment-list-header{flex-direction:column;align-items:flex-start}.installment-list-tools{width:100%}.installment-list-tools label{flex:1}}@media (width<=700px){.installment-hero{flex-direction:column;align-items:flex-start}.installment-kpi-grid{grid-template-columns:1fr}.installment-list-tools{flex-direction:column}.installment-list-tools label{width:100%;min-width:0}.installment-progress-legend{grid-template-columns:1fr}.installment-hero-actions{width:100%}.installment-hero-actions button{flex:1;justify-content:center}}.customer-management,.customer-form-page{gap:1rem;display:grid}.customer-toolbar{color:#fff;background:linear-gradient(125deg,#172554,#1d4ed8);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex;box-shadow:0 12px 28px #1e40af2e}.customer-toolbar p,.customer-form-header p{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;margin:0 0 .25rem;font-size:.66rem;font-weight:800}.customer-toolbar h3,.customer-form-header h3{margin:0;font-size:1.35rem}.customer-toolbar span{color:#dbeafe;margin-top:.25rem;font-size:.76rem;display:block}.customer-add-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:9px;align-items:center;gap:.45rem;height:40px;padding:0 1rem;font-weight:800;display:flex}.customer-search{border:1px solid var(--border);background:var(--card-bg);max-width:430px;height:42px;color:var(--text-muted);border-radius:10px;align-items:center;gap:.55rem;padding:0 .8rem;display:flex}.customer-search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.8rem}.customer-table-wrap{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;overflow-x:auto}.customer-table{border-collapse:collapse;width:100%;min-width:930px;font-size:.76rem}.customer-table th{text-align:left;background:var(--surface-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.64rem}.customer-table td{border-top:1px solid var(--border);padding:.8rem 1rem}.customer-table tbody tr{cursor:pointer;transition:background .15s}.customer-table tbody tr:hover{background:var(--surface-secondary)}.customer-name-cell{align-items:center;gap:.65rem;display:flex}.customer-name-cell i{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.customer-name-cell span{gap:.15rem;display:grid}.customer-name-cell small{color:var(--text-muted);font-size:.66rem}.customer-record-status{border-radius:99px;padding:.3rem .55rem;font-size:.62rem;font-weight:800;display:inline-flex}.customer-record-status.active{color:#047857;background:#ecfdf5}.customer-record-status.cancelled{color:#b45309;background:#fffbeb}.customer-row-actions{gap:.3rem;display:flex}.customer-row-actions button{border:1px solid var(--border);background:var(--card-bg);color:#2563eb;cursor:pointer;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.customer-row-actions button.danger{color:#dc2626}.customer-row-actions button.cancel{color:#d97706}.customer-empty{text-align:center;color:var(--text-muted);padding:3rem}.customer-empty h4{color:var(--text-main);margin:.65rem 0 .2rem}.customer-empty p{margin:0;font-size:.76rem}.customer-form-header{color:#fff;background:#172554;border-radius:14px;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;display:flex}.customer-form-header>button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.4rem;height:36px;padding:0 .75rem;display:flex}.customer-form-section{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;padding:1.15rem}.customer-form-section h4{align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.95rem;display:flex}.customer-form-section h4>span{color:#2563eb;background:#eff6ff;border-radius:7px;place-items:center;width:27px;height:27px;font-size:.66rem;display:grid}.customer-form-section h4 small{color:var(--text-muted);margin-left:auto;font-size:.7rem}.customer-form-section h5{border-bottom:1px solid var(--border);color:#2563eb;margin:1rem 0 .65rem;padding-bottom:.45rem;font-size:.78rem}.customer-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.customer-fields label{gap:.35rem;display:grid}.customer-fields label.wide{grid-column:span 2}.customer-fields label>span{color:var(--text-secondary);font-size:.68rem;font-weight:700}.customer-fields input,.customer-fields textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-secondary);width:100%;color:var(--text-main);font:inherit;border-radius:8px;outline:0;padding:.65rem .7rem;font-size:.78rem}.customer-fields input:focus,.customer-fields textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.customer-fields input[readonly]{opacity:.7}.customer-upload-actions{flex-wrap:wrap;gap:.65rem;display:flex}.customer-upload-actions label,.customer-upload-actions>button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px dashed #93c5fd;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-width:220px;min-height:78px;padding:1rem;font-size:.75rem;font-weight:750;display:flex}.customer-upload-actions input{display:none}.customer-documents{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;margin-top:.8rem;display:grid}.customer-documents>div{border:1px solid var(--border);background:var(--surface-secondary);border-radius:8px;align-items:center;gap:.45rem;padding:.6rem;font-size:.7rem;display:flex}.customer-documents span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.customer-documents button{color:#dc2626;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.customer-form-footer{z-index:5;border:1px solid var(--border);background:color-mix(in srgb,var(--card-bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:flex-end;gap:.55rem;padding:.9rem;display:flex;position:sticky;bottom:0}.customer-form-footer button{border:1px solid var(--border);background:var(--card-bg);height:39px;color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:0 .9rem;font-weight:750;display:flex}.customer-form-footer .print-save{color:#1d4ed8;border-color:#93c5fd}.customer-form-footer .save{color:#fff;background:#2563eb;border-color:#2563eb}.customer-form-footer button:disabled{opacity:.55;cursor:not-allowed}.camera-modal,.customer-view-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.camera-modal>div{background:var(--card-bg);border-radius:14px;width:min(620px,95vw);padding:1rem}.camera-heading{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.camera-heading h3{margin:0}.camera-heading button{color:var(--text-main);cursor:pointer;background:0 0;border:0}.camera-modal video{background:#0f172a;border-radius:10px;width:100%;max-height:60vh}.camera-actions{justify-content:flex-end;gap:.55rem;margin-top:.75rem;display:flex}.camera-actions button{border:1px solid var(--border);background:var(--card-bg);height:38px;color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:0 .85rem;display:flex}.camera-actions button:last-child{color:#fff;background:#2563eb;border-color:#2563eb}.customer-document-tile{border:1px solid var(--border);background:var(--surface-secondary);border-radius:9px;grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:.55rem;font-size:.7rem;padding:.45rem!important;display:grid!important}.view-documents .customer-document-tile{width:230px}.customer-document-preview{color:#1d4ed8;cursor:pointer;background:#e2e8f0;border:0;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.customer-document-preview img{object-fit:cover;width:100%;height:100%;display:block}.customer-document-name{min-width:0;color:var(--text-main);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:.7rem;overflow:hidden}.customer-document-remove{cursor:pointer;place-items:center;width:24px;height:24px;display:grid;color:#dc2626!important;background:0 0!important;border:0!important}.customer-documents .customer-document-preview,.view-documents .customer-document-preview{border-radius:8px;width:48px;height:48px;color:#1d4ed8!important;background:#e2e8f0!important;border:0!important;padding:0!important}.customer-documents .customer-document-name,.view-documents .customer-document-name{color:var(--text-main)!important;background:0 0!important;border:0!important;padding:0!important;display:block!important}.customer-view-modal{background:var(--card-bg);border-radius:16px;flex-direction:column;width:min(980px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000040}.customer-view-modal>header{color:#fff;background:linear-gradient(125deg,#172554,#1d4ed8);justify-content:space-between;align-items:flex-start;padding:1.2rem 1.35rem;display:flex}.customer-view-modal header p{color:#bfdbfe;margin:0 0 .2rem;font-size:.7rem;font-weight:800}.customer-view-modal header h2{margin:0;font-size:1.4rem}.customer-view-modal header span{color:#dbeafe;margin-top:.3rem;font-size:.75rem;display:block}.customer-view-modal header button{color:#fff;cursor:pointer;background:0 0;border:0}.customer-view-modal>main{gap:.8rem;padding:1rem 1.25rem;display:grid;overflow-y:auto}.customer-view-section{border:1px solid var(--border);border-radius:10px;padding:.85rem}.customer-view-section h4{color:#2563eb;margin:0 0 .7rem;font-size:.82rem}.customer-view-section>div:not(.view-documents){grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.customer-view-section p{background:var(--surface-secondary);border-radius:7px;margin:0;padding:.5rem}.customer-view-section p span,.customer-view-section p strong{display:block}.customer-view-section p span{text-transform:capitalize;color:var(--text-muted);font-size:.61rem}.customer-view-section p strong{margin-top:.2rem;font-size:.73rem}.view-documents{flex-wrap:wrap;gap:.45rem;display:flex}.view-documents a{color:#1d4ed8;background:#eff6ff;border-radius:7px;align-items:center;gap:.35rem;padding:.5rem .65rem;font-size:.7rem;text-decoration:none;display:flex}.customer-view-modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.8rem 1.25rem;display:flex}.customer-view-modal footer button{border:1px solid var(--border);background:var(--card-bg);color:#1d4ed8;cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;height:37px;padding:0 .75rem;font-weight:700;display:flex}.customer-view-modal footer .close{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=900px){.customer-fields,.customer-view-section>div:not(.view-documents){grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.customer-toolbar{flex-direction:column;align-items:flex-start}.customer-add-btn{justify-content:center;width:100%}.customer-fields{grid-template-columns:1fr}.customer-fields label.wide{grid-column:auto}.customer-upload-actions label,.customer-upload-actions>button{width:100%;min-width:0}.customer-view-section>div:not(.view-documents){grid-template-columns:1fr}.customer-view-modal>footer,.customer-form-footer{flex-wrap:wrap}.customer-form-footer button{white-space:nowrap;flex:1;justify-content:center}}.sale-customer-picker{position:relative}.sale-customer-trigger{text-align:left;cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;min-height:42px;height:auto!important;display:grid!important}.sale-customer-trigger span{font-size:.8rem;font-weight:700}.sale-customer-trigger small{color:var(--text-muted);grid-column:1;font-size:.65rem}.sale-customer-trigger svg{color:var(--text-muted);grid-area:1/2/span 2;transform:rotate(90deg)}.sale-customer-menu{z-index:50;border:1px solid var(--border);background:var(--card-bg);border-radius:10px;max-height:280px;padding:.35rem;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 36px #0f172a2e}.sale-customer-menu button{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:.15rem;padding:.6rem .65rem;display:grid}.sale-customer-menu button:hover{background:var(--surface-secondary)}.sale-customer-menu button span{font-size:.76rem;font-weight:700}.sale-customer-menu button small{color:var(--text-muted);font-size:.64rem}.sale-customer-menu .add-new{color:#1d4ed8;background:#eff6ff;align-items:center;gap:.45rem;margin-bottom:.3rem;font-weight:800;display:flex}.sale-customer-menu p{text-align:center;color:var(--text-muted);margin:0;padding:.7rem;font-size:.7rem}.customer-balance{color:#dc2626;display:block}.customer-purchase-count{color:var(--text-muted);margin-top:.2rem;font-size:.63rem;display:block}.customer-view-purchases{display:block!important;overflow-x:auto!important}.customer-view-purchases table{border-collapse:collapse;width:100%;min-width:760px;font-size:.67rem}.customer-view-purchases th{text-align:left;color:#1d4ed8;background:#eff6ff;padding:.5rem}.customer-view-purchases td{border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem}.customer-view-purchases>p{text-align:center;color:var(--text-muted);font-size:.72rem}.installment-summary-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.installment-summary-card{border:1px solid var(--border);background:var(--card-bg);border-radius:13px;align-items:flex-start;gap:.7rem;min-width:0;padding:1rem;display:flex;box-shadow:0 5px 16px #0f172a0b}.installment-summary-card>i{border-radius:9px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.installment-summary-card>div{min-width:0}.installment-summary-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.035em;font-size:.68rem;font-weight:750;display:block}.installment-summary-card strong{white-space:nowrap;text-overflow:ellipsis;margin:.35rem 0 .2rem;font-size:.95rem;line-height:1.15;display:block;overflow:hidden}.installment-summary-card small{color:var(--text-muted);font-size:.62rem;line-height:1.35;display:block}.installment-summary-card.customers>i{color:#2563eb;background:#eff6ff}.installment-summary-card.portfolio>i{color:#7c3aed;background:#f5f3ff}.installment-summary-card.collected>i{color:#059669;background:#ecfdf5}.installment-summary-card.outstanding>i{color:#d97706;background:#fffbeb}.installment-summary-card.overdue>i{color:#dc2626;background:#fef2f2}.installment-summary-card.overdue strong{color:#dc2626}@media (width<=1250px){.installment-summary-row{grid-template-columns:repeat(3,1fr)}}@media (width<=750px){.installment-summary-row{grid-template-columns:1fr 1fr}}@media (width<=480px){.installment-summary-row{grid-template-columns:1fr}}.stat-box{border:1px solid var(--border);background:var(--surface-secondary);border-radius:16px;padding:.85rem}.module-page{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:1.2rem;box-shadow:0 12px 30px #1115230f}.module-page h2{margin-top:.2rem}.todo-list{gap:.6rem;margin-top:1rem;display:grid}.todo-item{border:1px solid var(--border);background:var(--surface-secondary);border-radius:14px;padding:.75rem}.mini-kpi-grid{justify-content:flex-end;gap:1rem;display:flex}.mini-kpi{border:1px solid var(--border);background:var(--card-bg);border-radius:20px;flex-direction:column;justify-content:center;min-width:155px;min-height:84px;padding:.9rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 25px #1115230d}.mini-kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px #11152314}.mini-kpi p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.2}.mini-kpi strong{color:var(--text-main);margin-top:.25rem;font-size:1.45rem;line-height:1}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.75rem;display:grid}.workflow-item{border:1px solid var(--border);background:var(--surface-secondary);border-radius:14px;padding:.8rem}.login-shell{background:radial-gradient(circle at 0 0,#1a1d28,#11131a);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;overflow:hidden}.login-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:32px;align-items:stretch;width:100%;max-width:1200px;min-height:700px;display:flex;overflow:hidden;box-shadow:0 40px 100px #0006}.login-image-side{flex:1;display:block;position:relative;overflow:hidden}.login-image-side img{object-fit:cover;filter:brightness(.7);width:100%;height:100%;transition:transform 10s}.login-image-side:hover img{transform:scale(1.1)}.login-image-side:after{content:"";background:linear-gradient(90deg,#11131a66,#0000);position:absolute;inset:0}.login-image-side.right:after{background:linear-gradient(270deg,#11131a66,#0000)}.login-card{background:var(--card-bg);z-index:2;border-left:1px solid #ffffff1a;flex-direction:column;justify-content:center;width:480px;padding:3.5rem;display:flex;position:relative;box-shadow:20px 0 50px #00000026,-10px 0 30px #0000000d}.brand-badge{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:3px solid #1d4ed8;border-radius:12px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:0 4px 15px #2563eb4d}.login-card h2{letter-spacing:-.02em;color:var(--text-main);text-shadow:0 2px 4px #0000000d;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.input-group{flex-direction:column;gap:.6rem;margin-bottom:1.2rem;display:flex}.input-group label{color:var(--text-main);opacity:.9;font-size:.85rem;font-weight:700}.login-btn{height:58px;transition:all .1s active, all .2s ease;color:#fff;cursor:pointer;background:linear-gradient(#2d313d 0%,#111319 100%);border-bottom:4px solid #000;border-radius:16px;margin-top:1rem;font-size:1.05rem;font-weight:700;box-shadow:0 8px 20px #0003}.login-btn:hover{background:linear-gradient(#3d4251 0%,#1a1d26 100%);transform:translateY(-2px);box-shadow:0 12px 25px #00000040}.login-btn:active{border-bottom-width:0;transform:translateY(2px);box-shadow:0 4px 10px #0003}.login-footer{text-align:center;border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem}.status-error-box{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;margin-top:1rem;padding:.75rem;font-size:.85rem}html,body{overscroll-behavior:none;touch-action:pan-y;overflow-x:hidden}@media (width<=1024px){.login-image-side{display:none}.login-container{max-width:500px;min-height:auto}.login-card{width:100%;padding:2.5rem}}.form-grid{gap:.8rem;margin-top:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-muted);margin-left:.2rem;font-size:.85rem;font-weight:500}.input{border:1px solid var(--border);background:var(--surface-secondary);width:100%;color:var(--text-main);border-radius:12px;height:48px;padding:.8rem 1rem;font-size:.95rem;transition:all .2s;box-shadow:inset 0 2px 5px #0000000d}.input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:inset 0 2px 5px #0000000d,0 0 0 4px #3b82f61a}.btn-primary{color:#fff;cursor:pointer;background:#111319;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:.7rem 1.2rem;font-weight:500;transition:opacity .2s;display:flex}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.master-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%}.master-grid .input{height:42px;padding:0 .8rem;font-size:.9rem}.master-grid .btn-primary{grid-column:span 3;height:52px;margin-top:1.5rem;font-size:1rem;font-weight:600}.branch-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.branch-form-grid .form-group{flex-direction:column;gap:.45rem;display:flex}.branch-form-grid .address-field{grid-column:span 3}.branch-form-grid .branch-submit{grid-column:span 3;height:52px;margin-top:.75rem;font-size:1rem}@media (width<=900px){.branch-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-form-grid .address-field,.branch-form-grid .branch-submit{grid-column:span 2}}@media (width<=640px){.branch-form-grid{grid-template-columns:1fr}.branch-form-grid .address-field,.branch-form-grid .branch-submit{grid-column:span 1}}.status-ok{color:#0b8a3e;margin-top:.85rem}.status-error{color:#c13131;margin-top:.5rem}.master-dashboard{flex-direction:column;gap:1.5rem;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.showroom-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem;display:grid}.showroom-card{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.showroom-card-header{align-items:center;gap:.85rem;display:flex;position:relative}.icon-wrap{background:var(--surface-secondary);width:44px;height:44px;color:var(--text-main);border-radius:12px;place-items:center;display:grid}.showroom-card-header h4{margin:0;font-size:1.05rem}.status-badge{color:#0288d1;text-transform:capitalize;background:#e1f5fe;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;position:absolute;top:0;right:0}.status-badge.active{color:#2e7d32;background:#e8f5e9}.showroom-details{flex-direction:column;gap:.75rem;display:flex}.detail-item{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.limits-strip{gap:.5rem;margin-top:.25rem;display:flex}.limit-tag{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}@media (width<=1180px){.dashboard-grid{grid-template-columns:1fr}.content-area{padding-left:4.6rem}}@media (width<=860px){.mini-kpi-grid,.workflow-grid,.master-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{flex-direction:column;flex-shrink:0;width:100%;max-height:min(90vh,100dvh - 2rem);margin:auto;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale;display:flex;overflow:hidden}.modal-content-scroll{flex:1;min-height:0;overflow-y:auto}.modal-header-bar{border-bottom:1px solid var(--border);background:var(--card-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tabs-nav{background:var(--surface-secondary);border:1px solid var(--border);border-radius:14px;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.4rem;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:0 4px 12px #00000014}.inv-status-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.inv-status-badge.available,.inv-status-badge.in-stock{color:#166534;background:#dcfce7}.inv-status-badge.sold{color:#991b1b;background:#fee2e2}.inv-status-badge.booked,.inv-status-badge.reserved{color:#854d0e;background:#fef08a}.inv-status-badge.returned{color:#3730a3;background:#e0e7ff}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b8c7dd;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8fa7c8}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334765}.app-shell{background:var(--bg-main)}.sidebar{background:linear-gradient(#071a3b 0%,#0b2858 54%,#081d41 100%);border-right:1px solid #93c5fd21;width:248px;padding:1.15rem .85rem .85rem;box-shadow:10px 0 35px #071a3b2e}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 0,#3b82f638,#0000 30%);position:absolute;inset:0}.sidebar>*{z-index:1;position:relative}.sidebar-brand{border-bottom:1px solid #ffffff17;margin-bottom:.65rem;padding:.35rem .65rem 1.15rem}.brand-logo{background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:12px;width:42px;height:42px;overflow:hidden;box-shadow:0 8px 22px #2563eb6b}.brand-logo.brand-logo-image{width:176px;height:56px;box-shadow:none;background:0 0;border-radius:0}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-name{letter-spacing:-.025em;font-size:1.28rem}.brand-tag{color:#93c5fd;letter-spacing:.11em;font-size:.61rem}.sidebar-nav{gap:.28rem;padding-top:.35rem}.nav-item{color:#b9c9df;letter-spacing:0;border-radius:9px;min-height:40px;padding:.62rem .8rem;font-size:.81rem;font-weight:650}.nav-item svg{color:#7fa7da;transition:all .2s}.nav-item:hover{color:#fff;background:#60a5fa1a;transform:translate(2px)}.nav-item:hover svg{color:#bfdbfe}.nav-item.active{color:#fff;background:linear-gradient(90deg,#3b82f657,#2563eb24);box-shadow:inset 3px 0 #60a5fa,0 5px 14px #0000001a}.nav-item.active svg{color:#93c5fd}.sidebar-footer{border-color:#ffffff17}.logout-btn{color:#fca5a5}.logout-btn:hover{background:#ef44441f}.content-area{scroll-behavior:smooth;background:radial-gradient(circle at 92% -4%,#3b82f617,#0000 27%);padding:1.15rem 1.5rem 2rem}.page-transition-wrap{max-width:1680px;margin:0 auto}.topbar{z-index:90;background:color-mix(in srgb,var(--card-bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:62px;box-shadow:var(--shadow-sm);border:1px solid #cad7ead9;border-radius:14px;margin-bottom:1.15rem;padding:.65rem .8rem .65rem 1rem;position:sticky;top:0}body[data-theme=dark] .topbar{border-color:var(--border)}.topbar-page-info{gap:.08rem;min-width:170px;display:grid}.topbar-page-info span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;font-size:.61rem;font-weight:800}.topbar-page-info strong{letter-spacing:-.01em;font-size:.96rem}.live-clock-container{padding:0 .8rem;margin:0 auto!important}.topbar-right{gap:.48rem}.theme-switcher{border:1px solid var(--border);background:var(--surface-secondary);border-radius:9px;padding:3px;display:flex}.theme-switcher button{width:29px;height:27px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.theme-switcher button.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 7px #1e40af1f}.topbar-icon-btn{border:1px solid var(--border);background:var(--card-bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:relative}.topbar-icon-btn i{border:1px solid var(--card-bg);background:#ef4444;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.user-pill{border:1px solid var(--border);background:var(--card-bg);min-height:38px;color:var(--text-main);box-shadow:none;border-radius:10px;padding:.28rem .65rem .28rem .35rem}.user-pill b{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.user-pill span{font-size:.72rem;font-weight:750;line-height:1.15;display:grid}.user-pill small{color:var(--text-muted);font-size:.55rem;font-weight:600}.module-container,.dashboard-wrapper,.master-dashboard{gap:1rem}.dashboard-header{min-height:44px}.dashboard-header h2{letter-spacing:-.025em;color:var(--text-main);margin:.1rem 0;font-size:1.35rem}.dashboard-header .muted{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);font-size:.7rem;font-weight:750}.card,.kpi-card,.kpi-tab,.showroom-card,.module-page{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover,.kpi-card:hover,.showroom-card:hover{box-shadow:var(--shadow-md);border-color:#c5d6ef}body[data-theme=dark] .card:hover,body[data-theme=dark] .kpi-card:hover{border-color:#345176}.card{padding:1.05rem}.kpi-card{border-radius:14px;padding:1rem 1.1rem}.kpi-icon-wrap,.icon-wrap{box-shadow:none;border-radius:10px}.kpi-tab{border-radius:14px;padding:1rem}.kpi-tab h3{font-size:1.05rem}.kpi-content p{font-weight:650;font-size:.7rem!important}.btn-primary,.login-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:9px;min-height:40px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 7px 16px #2563eb33}.btn-primary:hover:not(:disabled),.login-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 10px 22px #2563eb47}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #2563eb33}.input,.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-main);box-shadow:none;border-radius:9px;transition:border-color .18s,box-shadow .18s,background .18s}.input{height:42px;padding:.65rem .75rem;font-size:.82rem}.input:hover,.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#b9cbe6}.input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--card-bg);border-color:#60a5fa;outline:0;box-shadow:0 0 0 3px #3b82f61f}.form-group{gap:.35rem}.form-group label,.input-group label{color:var(--text-secondary);margin-left:0;font-size:.7rem;font-weight:750}.form-grid{gap:.75rem}.master-grid{gap:.9rem}.tabs-nav{background:var(--primary-soft);border-color:#d3e1f6;border-radius:10px;gap:.3rem;max-width:100%;padding:.32rem;overflow-x:auto;margin-bottom:1rem!important}.tab-btn{min-height:36px;color:var(--text-secondary);flex:none;padding:.55rem 1rem;font-size:.76rem;font-weight:750;border:0!important;border-radius:7px!important}.tab-btn:hover:not(.active){color:var(--primary-dark);background:#ffffff73}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 12px #2563eb38}body[data-theme=dark] .tabs-nav{border-color:var(--border)}body[data-theme=dark] .tab-btn:hover:not(.active){color:#bfdbfe;background:#60a5fa1a}.chip{background:var(--surface-secondary);min-height:31px;color:var(--text-secondary);border-radius:8px;font-size:.7rem;font-weight:700;transition:all .18s}.chip:hover{color:var(--primary);border-color:#a9c3e7}.chip.active{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.data-table,.installment-table,.customer-table{font-variant-numeric:tabular-nums}.data-table th,.installment-table th,.customer-table th{color:#52637d;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#f2f6fc;font-size:.63rem;font-weight:800}body[data-theme=dark] .data-table th,body[data-theme=dark] .installment-table th,body[data-theme=dark] .customer-table th{color:#aebed4;background:#12223a}.data-table td,.installment-table td,.customer-table td{color:var(--text-secondary);border-color:var(--border)}.data-table tbody tr,.installment-table tbody tr,.customer-table tbody tr{transition:background .15s}.data-table tbody tr:hover,.installment-table tbody tr:hover,.customer-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 55%,var(--card-bg))}.modal-overlay,.customer-view-overlay,.camera-modal{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#051430ad}.modal-content,.customer-view-modal,.camera-modal>div{border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:15px}.modal-header-bar{background:var(--card-bg);border-color:var(--border)}.status-badge,.inv-status-badge,.installment-status,.customer-record-status{letter-spacing:.02em}.command-box{background:var(--card-bg);min-height:39px;box-shadow:var(--shadow-sm);border-radius:9px}.chart-card-compact{padding:1.15rem}.bar-container-compact .bar{border-radius:4px 4px 1px 1px}.sales-bar{background:linear-gradient(#60a5fa,#1d4ed8)}.profit-bar{background:linear-gradient(#38bdf8,#0f6fc5)}body[data-theme=dark] .installment-summary-card>i,body[data-theme=dark] .installment-customer>span,body[data-theme=dark] .customer-name-cell i,body[data-theme=dark] .customer-upload-actions label,body[data-theme=dark] .view-documents a{background:var(--primary-soft)}@media (width<=1180px){.content-area{padding:1rem 1rem 2rem}.sidebar{width:220px}.live-clock-container{display:none!important}}@media (width<=820px){.sidebar{width:68px;padding:.8rem .5rem}.sidebar-brand{justify-content:center;padding:.2rem 0 .8rem}.brand-info,.nav-label{display:none}.nav-item{justify-content:center;padding:.62rem}.nav-item:hover{transform:none}.topbar-page-info span{display:none}.topbar-page-info{min-width:0}.user-pill span{display:none}.user-pill{padding:.3rem}.content-area{padding:.8rem}.topbar{top:.25rem}.kpi-grid-8{grid-template-columns:1fr 1fr}}.customer-row-actions button.collect{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.customer-payment-overlay{z-index:1100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#051430b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.customer-payment-modal{border:1px solid var(--border);background:var(--card-bg);width:min(1120px,97vw);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:15px;flex-direction:column;display:flex;overflow:hidden}.customer-payment-modal>header{color:#fff;background:linear-gradient(125deg,#0b2858,#1d4ed8);justify-content:space-between;align-items:flex-start;padding:1rem 1.2rem;display:flex}.customer-payment-modal>header span,.payment-page-heading span{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;margin-bottom:.2rem;font-size:.6rem;font-weight:800;display:block}.customer-payment-modal>header h3{margin:0;font-size:1.15rem}.customer-payment-modal>header p{color:#dbeafe;margin:.25rem 0 0;font-size:.7rem}.customer-payment-modal>header>button{color:#fff;cursor:pointer;background:0 0;border:0}.customer-payment-modal>main{padding:1rem 1.15rem;overflow:auto}.payment-center-title{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.85rem;display:flex}.payment-center-title h4,.payment-page-heading h4{margin:0;font-size:.95rem}.payment-center-title p{color:var(--text-muted);margin:.2rem 0 0;font-size:.68rem}.payment-center-title>strong{color:#dc2626;text-align:right;font-size:1rem}.payment-center-title>strong small,.payment-page-heading>strong small{color:var(--text-muted);margin-top:.15rem;font-size:.58rem;font-weight:650;display:block}.payment-items-wrap,.transaction-history-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.payment-items-table,.transaction-history-wrap table{border-collapse:collapse;width:100%;min-width:960px;font-size:.69rem}.payment-items-table th,.transaction-history-wrap th{text-align:left;color:#34547d;text-transform:uppercase;letter-spacing:.045em;background:#eff6ff;padding:.65rem .7rem;font-size:.6rem}.payment-items-table td,.transaction-history-wrap td{border-top:1px solid var(--border);white-space:nowrap;color:var(--text-secondary);padding:.68rem .7rem}.payment-items-table td:first-child{white-space:normal;min-width:190px}.payment-items-table td b,.payment-items-table td small{display:block}.payment-items-table td small{color:var(--text-muted);margin-top:.2rem;font-size:.6rem}.payment-items-table td:last-child>div{gap:.35rem;display:flex}.payment-items-table button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:.3rem;height:29px;padding:0 .55rem;font-size:.61rem;font-weight:750;display:flex}.payment-items-table button:first-child{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.payment-items-table button:disabled{opacity:.45;cursor:not-allowed}.positive{font-weight:750;color:#059669!important}.negative{font-weight:750;color:#dc2626!important}.payment-center-empty{text-align:center;color:var(--text-muted);padding:2rem}.payment-center-empty h4{color:var(--text-main);margin:.5rem 0 .2rem}.payment-center-empty p{margin:0;font-size:.7rem}.payment-back{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-bottom:.8rem;padding:0;font-size:.68rem;font-weight:750}.payment-page-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.9rem;display:flex}.payment-page-heading>strong{text-align:right;font-size:1.05rem}.payment-collect-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.payment-collect-form label{gap:.32rem;display:grid}.payment-collect-form label.wide{grid-column:span 2}.payment-collect-form label>span{color:var(--text-secondary);font-size:.66rem;font-weight:750}.payment-collect-form input,.payment-collect-form select{border:1px solid var(--border);background:var(--surface-secondary);width:100%;height:40px;color:var(--text-main);border-radius:8px;outline:0;padding:0 .7rem;font-size:.74rem}.payment-collect-form input:focus,.payment-collect-form select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}.payment-collect-form .balance-input{color:#dc2626;background:#fef2f2;font-weight:800}.payment-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:0;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;height:41px;margin-top:.85rem;padding:0 1rem;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 7px 16px #05966933}.payment-submit:disabled{opacity:.6}.print-history{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:.35rem;height:34px;padding:0 .65rem;font-size:.65rem;font-weight:750;display:flex}.payment-detail-stats{grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:.75rem;display:grid}.payment-detail-stats>div{border:1px solid var(--border);background:var(--surface-secondary);border-radius:8px;padding:.7rem}.payment-detail-stats span,.payment-detail-stats strong{display:block}.payment-detail-stats span{color:var(--text-muted);text-transform:uppercase;font-size:.59rem;font-weight:750}.payment-detail-stats strong{margin-top:.25rem;font-size:.77rem}.transaction-history-wrap table{min-width:780px}.transaction-history-wrap td:nth-child(4){white-space:normal;min-width:220px}body[data-theme=dark] .payment-items-table th,body[data-theme=dark] .transaction-history-wrap th{color:#bcd0ea;background:#122b4d}body[data-theme=dark] .payment-collect-form .balance-input{background:#321c27}@media (width<=650px){.payment-collect-form{grid-template-columns:1fr}.payment-collect-form label.wide{grid-column:auto}.payment-detail-stats{grid-template-columns:1fr 1fr}.payment-center-title{flex-direction:column;align-items:flex-start}.payment-center-title>strong{text-align:left}}.installment-orders-page{gap:.8rem;display:grid}.installment-orders-toolbar{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.2rem;display:flex;box-shadow:0 10px 25px #1e40af2b}.installment-orders-toolbar span,.installment-form-heading span{color:#bfdbfe;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;font-size:.6rem;font-weight:800;display:block}.installment-orders-toolbar h3,.installment-form-heading h3{margin:0;font-size:1.1rem}.installment-orders-toolbar p{color:#dbeafe;margin:.2rem 0 0;font-size:.68rem}.installment-orders-toolbar>button{color:#1d4ed8;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:.4rem;height:38px;padding:0 .8rem;font-size:.7rem;font-weight:800;display:flex}.installment-orders-search{border:1px solid var(--border);background:var(--card-bg);width:min(420px,100%);height:39px;color:var(--text-muted);border-radius:9px;align-items:center;gap:.45rem;padding:0 .7rem;display:flex}.installment-orders-search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.72rem}.installment-orders-table-wrap{border:1px solid var(--border);background:var(--card-bg);border-radius:11px;overflow-x:auto}.installment-orders-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:.68rem}.installment-orders-table th{text-align:left;color:#3c5576;text-transform:uppercase;letter-spacing:.045em;background:#eff6ff;padding:.65rem .75rem;font-size:.59rem}.installment-orders-table td{border-top:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;white-space:nowrap;padding:.72rem .75rem}.installment-orders-table td:nth-child(2),.installment-orders-table td:nth-child(3){white-space:normal;min-width:175px}.installment-orders-table td strong,.installment-orders-table td small{display:block}.installment-orders-table td small{color:var(--text-muted);margin-top:.2rem;font-size:.59rem}.installment-orders-table tbody tr:hover{background:var(--primary-soft)}.order-balance{color:#dc2626!important}.installment-order-actions{gap:.28rem;display:flex}.installment-order-actions button{border:1px solid var(--border);background:var(--card-bg);color:#2563eb;cursor:pointer;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.installment-order-actions button:hover{background:#eff6ff;border-color:#93c5fd}.installment-order-actions button.danger{color:#dc2626}.installment-orders-empty{text-align:center;color:var(--text-muted);padding:2.5rem}.installment-orders-empty h4{color:var(--text-main);margin:.5rem 0 .2rem}.installment-orders-empty p{margin:0;font-size:.7rem}.installment-form-heading{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);border-radius:13px 13px 0 0;justify-content:space-between;align-items:center;margin:-1.05rem -1.05rem .3rem;padding:.9rem 1rem;display:flex}.installment-form-heading button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:7px;align-items:center;gap:.35rem;height:32px;padding:0 .6rem;font-size:.65rem;display:flex}.installment-sale-view-overlay{z-index:1150;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#051430b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.installment-sale-view-modal{border:1px solid var(--border);background:var(--card-bg);width:min(780px,96vw);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.installment-sale-view-modal>header{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);justify-content:space-between;align-items:flex-start;padding:1rem 1.15rem;display:flex}.installment-sale-view-modal header span{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;font-size:.59rem;font-weight:800}.installment-sale-view-modal header h3{margin:.18rem 0 0;font-size:1.1rem}.installment-sale-view-modal header p{color:#dbeafe;margin:.2rem 0 0;font-size:.65rem}.installment-sale-view-modal header button{color:#fff;cursor:pointer;background:0 0;border:0}.installment-sale-view-modal>main{gap:.65rem;padding:.9rem;display:grid;overflow-y:auto}.installment-sale-view-modal main section{border:1px solid var(--border);border-radius:9px;padding:.75rem}.installment-sale-view-modal main h4{color:#2563eb;margin:0 0 .55rem;font-size:.72rem}.installment-sale-view-modal main section>div{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.installment-sale-view-modal main p{background:var(--surface-secondary);border-radius:7px;margin:0;padding:.5rem}.installment-sale-view-modal main p span,.installment-sale-view-modal main p strong{display:block}.installment-sale-view-modal main p span{color:var(--text-muted);text-transform:uppercase;font-size:.56rem}.installment-sale-view-modal main p strong{margin-top:.2rem;font-size:.7rem}.installment-sale-view-modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.4rem;padding:.75rem .9rem;display:flex}.installment-sale-view-modal footer button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:.35rem;height:34px;padding:0 .65rem;font-size:.65rem;font-weight:750;display:flex}.installment-sale-view-modal footer button.close{color:#fff;background:#2563eb;border-color:#2563eb}body[data-theme=dark] .installment-orders-table th{color:#bcd0ea;background:#122b4d}@media (width<=650px){.installment-orders-toolbar{flex-direction:column;align-items:flex-start}.installment-orders-toolbar>button{justify-content:center;width:100%}.installment-sale-view-modal main section>div{grid-template-columns:1fr}}.installment-status-filters{border:1px solid var(--border);background:var(--surface-secondary);border-radius:9px;height:36px;padding:3px;display:flex}.installment-status-filters button{height:28px!important;color:var(--text-muted)!important;background:0 0!important;border:0!important;border-radius:6px!important;padding:0 .65rem!important;font-size:.65rem!important}.installment-status-filters button.active{box-shadow:0 3px 8px #2563eb33;color:#fff!important;background:#2563eb!important}.installment-print-filter{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.customer-toolbar-actions{flex-wrap:wrap;gap:.55rem;display:flex}.customer-print-all{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff59;border-radius:9px;align-items:center;gap:.4rem;height:40px;padding:0 .85rem;font-size:.7rem;font-weight:800;display:flex}@media (width<=800px){.installment-list-tools{flex-wrap:wrap}.installment-list-tools label{width:100%;min-width:0}.customer-toolbar-actions{width:100%}.customer-toolbar-actions button{flex:1;justify-content:center}}@media (width<=520px){.installment-status-filters{width:100%}.installment-status-filters button{flex:1}.installment-print-filter{justify-content:center;width:100%}.customer-toolbar-actions{flex-direction:column}.customer-toolbar-actions button{width:100%}}.dashboard-wrapper .kpi-grid-8{gap:.8rem}.dashboard-wrapper .kpi-tab{background:linear-gradient(145deg,var(--card-bg),var(--surface-secondary));border:1px solid #d8e5f6;min-height:98px;position:relative;overflow:hidden;box-shadow:0 8px 22px #1e40af14}.dashboard-wrapper .kpi-tab:after{content:"";background:#2563eb0e;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-35px;right:-28px}.dashboard-wrapper .kpi-icon-wrap{border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.dashboard-wrapper .kpi-content h3{letter-spacing:-.025em;font-size:1rem}.dashboard-wrapper .kpi-content p{text-transform:uppercase;letter-spacing:.035em;font-size:.62rem!important}.purchase-toolbar-actions{gap:.5rem;display:flex}.purchase-toolbar-actions button:first-child{color:#fff;background:#ffffff1f;border:1px solid #ffffff61}.purchase-orders-table{min-width:1050px}.embedded-purchase-form{gap:.8rem;display:grid}.embedded-purchase-form>form{margin:0}.inline-party-form{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1rem}.inline-party-heading{justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex}.inline-party-heading span{letter-spacing:.08em;color:#2563eb;font-size:.58rem;font-weight:800}.inline-party-heading h4{margin:.2rem 0 0}.inline-party-heading button{color:#2563eb;cursor:pointer;background:0 0;border:0}.inline-party-fields{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.inline-party-fields label{color:#475569;gap:.3rem;font-size:.65rem;font-weight:750;display:grid}.inline-party-fields label.wide{grid-column:span 3}.inline-party-form>.btn-primary{margin-top:.8rem}body[data-theme=dark] .inline-party-form{background:#122b4d;border-color:#345176}@media (width<=700px){.purchase-toolbar-actions{flex-direction:column;width:100%}.purchase-toolbar-actions button{justify-content:center;width:100%!important}.inline-party-fields{grid-template-columns:1fr}.inline-party-fields label.wide{grid-column:auto}}.purchase-toolbar-actions button{color:#1d4ed8;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:.4rem;height:38px;padding:0 .8rem;font-size:.7rem;font-weight:800;display:flex}.ledger-entry-modal{overflow:hidden;width:min(680px,94vw)!important}.ledger-entry-form{grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem;display:grid}.ledger-entry-form label{color:var(--text-muted);gap:.35rem;font-size:.66rem;font-weight:750;display:grid}.ledger-entry-form label.wide{grid-column:span 2}@media (width<=600px){.ledger-entry-form{grid-template-columns:1fr}.ledger-entry-form label.wide{grid-column:auto}}.cash-sales-page{gap:.8rem;display:grid}.cash-sales-table td:nth-child(2),.cash-sales-table td:nth-child(3){white-space:normal;min-width:185px}.cash-sales-table td small{color:var(--text-muted);margin-top:.2rem;font-size:.59rem;display:block}.cash-sales-table td:nth-child(4),.cash-sales-table td:nth-child(5),.cash-sales-table td:nth-child(6){font-variant-numeric:tabular-nums}.cash-sale-preview{max-height:92vh;overflow:hidden;width:min(900px,96vw)!important}.cash-sale-preview-grid{grid-template-columns:1fr 1fr;gap:0 .9rem;padding:.8rem 1rem!important;display:grid!important;overflow:visible!important}.cash-sale-preview-grid>div{min-height:0!important;padding:.42rem 0!important}.cash-sale-preview-grid>div span{min-width:120px!important;font-size:.69rem!important}.cash-sale-preview-grid>div strong{font-size:.72rem!important}.cash-sale-preview-actions{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:.5rem;margin-top:.3rem;padding-top:.75rem;display:flex}.cash-preview-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-width:118px;height:35px;padding:0 .7rem;font-size:.67rem;font-weight:800;display:inline-flex}.cash-preview-btn:hover{background:#dbeafe}.parties-table{min-width:900px}.parties-table td:first-child,.parties-table td:nth-child(4){white-space:normal;min-width:170px}.party-preview-grid{grid-template-columns:1fr 1fr;gap:.55rem;padding:1rem;display:grid}.party-preview-grid p{background:var(--surface-secondary);border-radius:8px;margin:0;padding:.65rem}.party-preview-grid p.wide{grid-column:span 2}.party-preview-grid span,.party-preview-grid strong{display:block}.party-preview-grid span{text-transform:uppercase;color:var(--text-muted);font-size:.59rem;font-weight:750}.party-preview-grid strong{margin-top:.2rem;font-size:.75rem}.party-preview .cash-sale-preview-actions{margin:0;padding:.75rem 1rem}.party-preview .modal-header-bar small{color:#bfdbfe;letter-spacing:.08em;font-size:.59rem}.cash-sale-filters{margin-top:.05rem}@media (width<=700px){.cash-sale-preview{overflow:auto}.cash-sale-preview-grid,.party-preview-grid{grid-template-columns:1fr}.party-preview-grid p.wide{grid-column:auto}.cash-sale-preview-actions{flex-wrap:wrap}.cash-preview-btn{flex:1}.cash-sale-filters{grid-template-columns:1fr 1fr}}.party-preview-overlay{z-index:20000!important;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}.party-preview{height:auto!important;max-height:calc(100dvh - 2rem)!important;margin:auto!important;overflow:hidden!important}.party-preview .modal-header-bar,.party-preview .party-preview-grid,.party-preview .cash-sale-preview-actions{flex:none}.party-preview .party-preview-grid{overflow:visible!important}.party-ledger-page{gap:.8rem;display:grid}.party-ledger-hero{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);border-radius:14px;align-items:center;gap:.8rem;padding:1rem 1.15rem;display:flex;box-shadow:0 10px 25px #1e40af2e}.party-ledger-back{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff52;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.party-ledger-title{flex:1;min-width:160px}.party-ledger-title p{color:#bfdbfe;letter-spacing:.08em;margin:0;font-size:.59rem;font-weight:800}.party-ledger-title h2{color:#fff;margin:.18rem 0 0;font-size:1.2rem}.party-ledger-title span{color:#dbeafe;margin-top:.2rem;font-size:.65rem;display:block}.party-ledger-actions{gap:.42rem;display:flex;overflow-x:auto}.party-ledger-actions button{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:.4rem;height:37px;padding:0 .7rem;font-size:.64rem;display:flex}.party-ledger-actions button:first-child{color:#1d4ed8;background:#fff}.party-ledger-summary{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.party-ledger-summary>div{border:1px solid var(--border);background:linear-gradient(145deg,var(--card-bg),var(--surface-secondary));box-shadow:var(--shadow-sm);border-radius:11px;padding:.8rem .9rem;position:relative;overflow:hidden}.party-ledger-summary>div:after{content:"";background:#2563eb0f;border-radius:50%;width:65px;height:65px;position:absolute;bottom:-26px;right:-18px}.party-ledger-summary p{text-transform:uppercase;letter-spacing:.04em;margin:0!important;font-size:.59rem!important}.party-ledger-summary h3{margin:.3rem 0 0!important;font-size:.82rem!important}.party-ledger-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.65rem;display:grid}.party-ledger-filters>div{border:1px solid var(--border);background:var(--card-bg);height:43px;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:.55rem;padding:0 .75rem;display:flex}.party-ledger-filters span{white-space:nowrap;font-weight:750;font-size:.62rem!important}.party-ledger-filters input{width:100%;font-size:.7rem;min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.party-ledger-print{color:#1d4ed8;cursor:pointer;height:43px;box-shadow:var(--shadow-sm);background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.7rem;font-weight:800;display:flex}.party-ledger-table-wrap{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;overflow-x:auto}.party-ledger-table{border-collapse:collapse;width:100%;min-width:960px;font-size:.69rem}.party-ledger-table th{text-align:left;color:#3c5576;text-transform:uppercase;letter-spacing:.045em;background:#eff6ff;padding:.68rem .75rem;font-size:.58rem}.party-ledger-table td{border-top:1px solid var(--border);color:var(--text-secondary);padding:.7rem .75rem}.party-ledger-table tbody tr:hover{background:var(--primary-soft)}body[data-theme=dark] .party-ledger-table th{color:#bcd0ea;background:#122b4d}@media (width<=950px){.party-ledger-hero{flex-wrap:wrap;align-items:flex-start}.party-ledger-actions{width:100%}.party-ledger-summary,.party-ledger-filters{grid-template-columns:1fr 1fr}.party-ledger-print{width:100%}}@media (width<=650px){.party-ledger-filters{grid-template-columns:1fr}.party-ledger-summary{grid-template-columns:1fr 1fr}.party-ledger-actions button{flex:1;justify-content:center}.party-ledger-title span{white-space:normal}}.party-ledger-pagination{border-top:1px solid var(--border);background:var(--surface-secondary);justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.party-ledger-pagination>span{color:var(--text-muted);font-size:.61rem;font-weight:700}.party-ledger-pagination>div{gap:.3rem;display:flex;overflow-x:auto}.party-ledger-pagination button{border:1px solid var(--border);background:var(--card-bg);min-width:29px;height:29px;color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:0 .5rem;font-size:.61rem;font-weight:750}.party-ledger-pagination button.active{color:#fff;background:#2563eb;border-color:#2563eb}.party-ledger-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.party-ledger-pagination{flex-direction:column;align-items:flex-start}.party-ledger-pagination>div{width:100%}}.report-section-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.report-section-panel{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:12px;padding:.85rem}.report-section-panel h3{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .65rem;font-size:.78rem}.report-section-panel>div{gap:.42rem;display:grid}.report-section-panel button{border:1px solid var(--border);background:var(--surface-secondary);width:100%;min-height:36px;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .55rem;display:flex}.report-section-panel button span{background:color-mix(in srgb,var(--report-color) 13%,transparent);width:26px;height:26px;color:var(--report-color);border-radius:7px;flex:0 0 26px;place-items:center;display:grid}.report-section-panel button strong{white-space:normal;min-width:0;font-size:.68rem;line-height:1.2}.report-section-panel button.active{border-color:var(--report-color);background:color-mix(in srgb,var(--report-color) 10%,var(--card-bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--report-color) 13%,transparent)}.report-section-panel button.active strong{color:var(--report-color)}.report-detail-page{gap:.85rem;display:grid}.report-detail-head{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.report-detail-head span{color:#bfdbfe;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:800;display:block}.report-detail-head h2{color:#fff;margin:.15rem 0 0;font-size:1.2rem}.report-detail-tools{grid-template-columns:170px 170px minmax(240px,1fr) auto;align-items:end;gap:.65rem;display:grid}.report-detail-tools label{gap:.25rem;display:grid}.report-detail-tools label>span{color:var(--text-muted);text-transform:uppercase;font-size:.64rem;font-weight:800}.report-detail-tools .input{height:39px}.report-search{border:1px solid var(--border);background:var(--card-bg);border-radius:9px;align-items:center;gap:.45rem;height:39px;padding:0 .7rem;display:flex!important}.report-search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.74rem}.profit-loss-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.profit-loss-controls .expense-print-btn{height:40px}.settings-user-overlay{z-index:2200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#051430ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.settings-user-modal{width:min(760px,96vw);max-height:min(88vh,720px);padding:1.25rem 1.35rem;position:relative;overflow:auto}.settings-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.settings-user-form .form-group{margin:0}.settings-user-form .form-group:has([style*=flex-wrap]){grid-column:1/-1}.settings-user-form>button{grid-column:1/-1}.installment-terms-page{gap:.85rem;display:grid}.terms-workspace{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:.85rem;display:grid}.terms-editor,.terms-translator,.terms-list-card{gap:.75rem;padding:1rem;display:grid}.terms-card-heading{color:#1d4ed8;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.terms-editor label,.terms-customer-grid label{gap:.3rem;display:grid}.terms-editor label>span,.terms-customer-grid label>span{color:var(--text-muted);text-transform:uppercase;font-size:.64rem;font-weight:800}.terms-editor textarea,.terms-translator textarea{resize:vertical;min-height:155px}.terms-translator textarea:last-of-type{min-height:110px}.translator-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:.55rem .65rem;font-size:.68rem;font-weight:750}.terms-list{gap:.55rem;display:grid}.terms-list button{border:1px solid var(--border);background:var(--surface-secondary);width:100%;color:var(--text-main);text-align:left;cursor:pointer;border-radius:9px;gap:.25rem;padding:.75rem;display:grid}.terms-list button strong{font-size:.82rem}.terms-list button span{color:var(--text-muted);font-size:.68rem;line-height:1.35}.terms-preview-overlay{z-index:2300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051430b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.terms-preview-modal{border:1px solid var(--border);background:var(--card-bg);width:min(900px,96vw);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.terms-preview-modal>header{color:#fff;background:linear-gradient(125deg,#0b2858,#2563eb);justify-content:space-between;align-items:flex-start;padding:1rem 1.15rem;display:flex}.terms-preview-modal header span{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;font-size:.59rem;font-weight:800}.terms-preview-modal header h3{color:#fff;margin:.18rem 0 0;font-size:1.1rem}.terms-preview-modal header button{color:#fff;cursor:pointer;background:0 0;border:0}.terms-preview-modal>main{gap:.8rem;padding:1rem;display:grid;overflow:auto}.terms-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.terms-customer-grid .wide{grid-column:1/-1}.terms-preview-body{white-space:pre-wrap;border:1px solid var(--border);background:var(--surface-secondary);border-radius:9px;padding:1rem;font-size:.8rem;line-height:1.6}.terms-preview-modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.45rem;padding:.8rem 1rem;display:flex}.terms-preview-modal footer button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.4rem;height:35px;padding:0 .75rem;font-size:.68rem;font-weight:800;display:flex}.terms-preview-modal footer button.close{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=1200px){.report-section-grid{grid-template-columns:repeat(3,1fr)}.terms-workspace{grid-template-columns:1fr}}@media (width<=920px){.report-detail-tools{grid-template-columns:1fr 1fr}.report-detail-tools .btn-primary,.report-search{grid-column:1/-1}}@media (width<=820px){.report-section-grid{grid-template-columns:repeat(2,1fr)}.settings-user-form{grid-template-columns:1fr}.brand-logo.brand-logo-image{width:42px;height:42px}.brand-logo.brand-logo-image img{object-fit:cover}}@media (width<=560px){.report-section-grid{grid-template-columns:1fr}.profit-loss-controls{width:100%}.profit-loss-controls select,.profit-loss-controls .expense-print-btn{flex:1}.terms-customer-grid,.report-detail-tools{grid-template-columns:1fr}}.expense-management{gap:1rem;display:grid}.expense-toolbar{color:#fff;background:linear-gradient(125deg,#172554,#1d4ed8);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex;box-shadow:0 12px 28px #1e40af2e}.expense-toolbar p{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;margin:0 0 .25rem;font-size:.66rem;font-weight:800}.expense-toolbar h2{color:#fff;margin:0;font-size:1.35rem}.expense-toolbar span{color:#dbeafe;margin-top:.25rem;font-size:.76rem;display:block}.expense-add-btn,.expense-back-btn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:9px;align-items:center;gap:.45rem;height:40px;padding:0 1rem;font-weight:800;display:flex}.expense-back-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff59}.expense-list-panel{gap:1rem;display:grid}.expense-filters{grid-template-columns:minmax(250px,1.6fr) minmax(145px,.7fr) minmax(145px,.7fr) minmax(235px,1fr) auto;align-items:end;gap:.7rem;display:grid}.expense-search{border:1px solid var(--border);background:var(--card-bg);height:46px;color:var(--text-muted);border-radius:11px;align-items:center;gap:.55rem;padding:0 .85rem;display:flex}.expense-search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.78rem}.expense-date-field{gap:.3rem;display:grid}.expense-date-field>span{color:var(--text-muted);text-transform:uppercase;padding-left:.15rem;font-size:.62rem;font-weight:800}.expense-date-field>div{border:1px solid var(--border);background:var(--card-bg);color:#2563eb;border-radius:11px;align-items:center;gap:.4rem;height:46px;padding:0 .65rem;display:flex}.expense-date-field input{width:100%;min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0;font-size:.72rem}.expense-range-total{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:11px;align-items:center;gap:.55rem;height:46px;padding:0 .8rem;display:flex}.expense-range-total>span{color:#475569;white-space:nowrap;font-size:.62rem;font-weight:800;display:grid}.expense-range-total small{color:#64748b;margin-top:.1rem;font-size:.55rem;font-weight:600}.expense-range-total strong{color:#dc2626;white-space:nowrap;margin-left:auto;font-size:.82rem}.expense-print-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;height:46px;padding:0 .9rem;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 6px 14px #2563eb33}.expense-table-wrap{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;overflow-x:auto}.expense-table{min-width:950px}.expense-table thead th{background:var(--surface-secondary)}@media (width<=1150px){.expense-filters{grid-template-columns:1fr 1fr 1fr}.expense-search,.expense-range-total{grid-column:span 2}.expense-print-btn{min-width:110px}}@media (width<=700px){.expense-toolbar{flex-direction:column;align-items:flex-start}.expense-add-btn,.expense-back-btn{justify-content:center;width:100%}.expense-filters{grid-template-columns:1fr 1fr}.expense-search,.expense-range-total,.expense-print-btn{grid-column:span 2}.expense-range-total strong{font-size:.76rem}}@media (width<=440px){.expense-date-field{grid-column:span 2}}.mobile-menu-btn,.sidebar-close-btn,.mobile-menu-backdrop{display:none}.card,.kpi-card,.kpi-tab,.module-page,.showroom-card,.customer-form-section,.expense-list-panel{min-width:0}.data-table,.installment-table,.installment-orders-table,.customer-table,.party-ledger-table,.payment-items-table,.transaction-history-wrap table{max-width:100%}:is(.card:has(>.data-table),.card:has(.data-table),.card:has(table),.module-container:has(>.data-table)){overflow-x:auto}.card:has(>.data-table)::-webkit-scrollbar{height:7px}.card:has(.data-table)::-webkit-scrollbar{height:7px}.card:has(table)::-webkit-scrollbar{height:7px}.module-container:has(>.data-table)::-webkit-scrollbar{height:7px}.installment-table-wrap::-webkit-scrollbar{height:7px}.installment-orders-table-wrap::-webkit-scrollbar{height:7px}.customer-table-wrap::-webkit-scrollbar{height:7px}.expense-table-wrap::-webkit-scrollbar{height:7px}.party-ledger-table-wrap::-webkit-scrollbar{height:7px}.payment-items-wrap::-webkit-scrollbar{height:7px}.transaction-history-wrap::-webkit-scrollbar{height:7px}.card:has(>.data-table)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.card:has(.data-table)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.card:has(table)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.module-container:has(>.data-table)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.installment-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.installment-orders-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.customer-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.expense-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.party-ledger-table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.payment-items-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}.transaction-history-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, var(--border));border-radius:999px}@media (width<=1024px){.dashboard-grid,.dashboard-charts-row,.installment-insight-grid,.terms-workspace{grid-template-columns:1fr!important}.kpi-grid,.kpi-grid-8,.installment-kpi-grid,.party-ledger-summary,.payment-detail-stats,.report-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=820px){body.mobile-menu-open{overflow:hidden}.app-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.mobile-menu-btn{border:1px solid var(--border);background:var(--card-bg);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:9px;flex:0 0 38px;place-items:center;display:grid}.sidebar-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mobile-menu-backdrop{z-index:140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#06122694;border:0;transition:opacity .2s;position:fixed;inset:0}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto;display:block}.sidebar{z-index:150;border-radius:0 16px 16px 0;height:100dvh;transition:transform .24s;inset:0 auto 0 0;transform:translate(-105%);width:min(84vw,310px)!important;padding:1rem .85rem .85rem!important;position:fixed!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-brand{justify-content:space-between!important;padding:.25rem .25rem 1rem!important}.brand-logo.brand-logo-image{width:166px!important;height:52px!important}.brand-logo.brand-logo-image img{object-fit:contain!important}.nav-label{display:inline!important}.nav-item{justify-content:flex-start!important;padding:.72rem .85rem!important}.content-area{width:100%;height:auto;min-height:100dvh;overflow-x:clip;padding:.75rem .75rem 1.25rem!important}.topbar{border-radius:12px;align-items:center;gap:.55rem;top:.5rem}.topbar-page-info{flex:1}.topbar-right{margin-left:auto}.theme-switcher,.topbar-icon-btn{display:none}.user-pill{min-width:38px}.dashboard-header,.customer-toolbar,.expense-toolbar,.report-detail-head,.party-ledger-hero,.installment-orders-toolbar,.payment-page-heading,.payment-center-title{flex-direction:column!important;align-items:flex-start!important}.purchase-toolbar-actions,.installment-hero-actions,.party-ledger-actions,.cash-sale-preview-actions,.customer-form-footer,.terms-preview-modal>footer{flex-wrap:wrap;width:100%}.purchase-toolbar-actions button,.installment-hero-actions button,.party-ledger-actions button,.cash-preview-btn,.customer-form-footer button,.terms-preview-modal>footer button{flex:150px;justify-content:center}.customer-search,.installment-orders-search,.report-search{width:100%;max-width:none}}@media (width<=560px){.topbar{padding:.55rem}.topbar-page-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}.card,.kpi-card,.kpi-tab,.customer-form-section,.terms-editor,.terms-translator,.terms-list-card{border-radius:12px;padding:.8rem}.kpi-grid,.kpi-grid-8,.installment-kpi-grid,.installment-summary-row,.party-ledger-summary,.payment-detail-stats,.report-section-grid,.weather-strip,.stats-grid,.terms-customer-grid,.settings-user-form,.ledger-entry-form,.customer-fields,.inline-party-fields,.expense-filters,.report-detail-tools{grid-template-columns:1fr!important}.customer-fields label.wide,.inline-party-fields label.wide,.ledger-entry-form label.wide,.terms-customer-grid .wide,.expense-search,.expense-range-total,.expense-print-btn{grid-column:auto!important}.data-table{min-width:680px;font-size:.72rem}.data-table th,.data-table td{padding:.65rem .7rem}.modal-content,.customer-view-modal,.customer-payment-modal,.installment-sale-view-modal,.terms-preview-modal,.settings-user-modal{max-height:92dvh;width:min(96vw,760px)!important}}@media (width<=820px){html,body,#root{overscroll-behavior-y:auto;min-height:100%;overflow-y:auto}.content-area{-webkit-overflow-scrolling:touch;overflow-y:visible!important}.installment-orders-toolbar .purchase-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;display:grid!important}.installment-orders-toolbar .purchase-toolbar-actions button{border-radius:9px!important;flex:none!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 .65rem!important;font-size:.68rem!important}}@media (width<=430px){.installment-orders-toolbar .purchase-toolbar-actions{grid-template-columns:1fr}.installment-orders-toolbar .purchase-toolbar-actions button{height:40px!important;min-height:40px!important}}.data-table th,.data-table td,.installment-table th,.installment-table td,.installment-orders-table th,.installment-orders-table td,.customer-table th,.customer-table td,.party-ledger-table th,.party-ledger-table td,.payment-items-table th,.payment-items-table td,.transaction-history-wrap th,.transaction-history-wrap td,.customer-view-purchases th,.customer-view-purchases td{white-space:nowrap!important}.data-table td small,.installment-table td small,.installment-orders-table td small,.customer-table td small,.payment-items-table td small{margin-left:.25rem;display:inline!important}.data-table{min-width:980px!important}.installment-table,.installment-orders-table{min-width:1240px!important}.customer-table,.party-ledger-table,.payment-items-table,.transaction-history-wrap table,.customer-view-purchases table{min-width:1080px!important}.cash-sales-table{min-width:1320px!important}.parties-table,.purchase-orders-table{min-width:1180px!important}.cash-sales-table td:nth-child(2),.cash-sales-table td:nth-child(3),.parties-table td:first-child,.parties-table td:nth-child(4),.installment-orders-table td:nth-child(2),.installment-orders-table td:nth-child(3){white-space:nowrap!important;min-width:max-content!important}.chip,.tab-btn,.btn-primary,.customer-add-btn,.expense-add-btn,.expense-back-btn,.purchase-toolbar-actions button,.installment-orders-toolbar>button,.installment-list-tools button,.report-section-panel button,.party-ledger-actions button,.party-ledger-print,.expense-print-btn,.cash-preview-btn,.print-history,.customer-form-footer button,.customer-view-modal footer button,.terms-preview-modal footer button{white-space:nowrap;width:auto;min-height:34px;max-height:44px;line-height:1}.btn-primary{min-width:120px}.topbar-page-info strong,.installment-summary-card strong,.customer-documents span,.customer-document-name,.kpi-content h3,.kpi-content p,.dashboard-wrapper .kpi-content h3,.dashboard-wrapper .kpi-content p{text-overflow:clip!important;white-space:nowrap!important;overflow:visible!important}.dashboard-wrapper .kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-wrapper .kpi-tab{gap:.62rem;min-width:0;min-height:88px;padding:.82rem;overflow:hidden}.dashboard-wrapper .kpi-content{min-width:0}.dashboard-wrapper .kpi-content p{line-height:1.1;font-size:clamp(.46rem,1.25vw,.62rem)!important}.dashboard-wrapper .kpi-content h3{line-height:1.12;font-size:clamp(.58rem,1.7vw,1rem)!important}.dashboard-wrapper .kpi-icon-wrap{width:34px;min-width:34px;height:34px}@media (width<=1024px){.dashboard-wrapper .kpi-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.dashboard-wrapper .kpi-grid-8{gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-wrapper .kpi-tab{gap:.45rem;min-height:78px;padding:.6rem}.dashboard-wrapper .kpi-content p{font-size:.48rem!important}.dashboard-wrapper .kpi-content h3{font-size:.58rem!important}.dashboard-wrapper .kpi-icon-wrap{border-radius:8px;width:28px;min-width:28px;height:28px}.dashboard-wrapper .kpi-icon-wrap svg{width:15px;height:15px}.chip,.tab-btn,.btn-primary,.customer-add-btn,.expense-add-btn,.expense-back-btn,.purchase-toolbar-actions button,.installment-orders-toolbar>button,.installment-list-tools button,.party-ledger-actions button,.party-ledger-print,.expense-print-btn,.cash-preview-btn,.print-history{min-height:34px!important;max-height:40px!important;padding-left:.65rem!important;padding-right:.65rem!important;font-size:.64rem!important}.topbar-page-info strong{max-width:none!important}}