@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#0f172abf;--border-glass:#ffffff14;--border-glass-hover:#ffffff29;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#10b981;--accent-primary-gradient:linear-gradient(135deg, #2dd4bf 0%, #10b981 100%);--accent-secondary:#06b6d4;--accent-secondary-gradient:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--behavior-excellent:#10b981;--behavior-good:#3b82f6;--behavior-risk:#f59e0b;--behavior-default:#ef4444;--behavior-excellent-bg:#10b98126;--behavior-good-bg:#3b82f626;--behavior-risk-bg:#f59e0b26;--behavior-default-bg:#ef444426;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--shadow-glow:0 0 20px #10b98140;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#06b6d41a 0%,#06b6d400 70%);width:50vw;height:50vw;position:absolute;top:-10%;left:20%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#10b98100 75%);width:60vw;height:60vw;position:absolute;bottom:10%;right:-10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.app-container{min-height:100vh;display:flex}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:var(--border-glass-hover)}.glass-panel-interactive:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-4px)}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:100;height:100vh;transition:transform var(--transition-normal);background:#0f172af2;flex-direction:column;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.logo-container{align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem;display:flex}.logo-icon-svg{filter:drop-shadow(0 0 8px #10b98166);width:40px;height:40px}.logo-text{color:#fff;background:linear-gradient(135deg, #fff 40%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;font-size:1.25rem;font-weight:700;font-family:var(--font-heading);-webkit-background-clip:text}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:var(--accent-primary);background:#10b9811a;border-color:#10b98133;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-glass);margin-top:auto;padding-top:1rem}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:2.5rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.page-title-group h1{color:#fff;margin-bottom:.25rem;font-size:2.25rem;font-weight:700}.page-title-group p{color:var(--text-secondary);font-size:.95rem}.btn{font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-primary{background:var(--accent-primary-gradient);color:#000;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-glass-hover);background:#ffffff1a}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444440;transform:translateY(-2px)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.metric-info h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.metric-value{color:#fff;font-size:1.85rem;font-weight:700;font-family:var(--font-heading)}.metric-subtext{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.metric-icon-box{border:1px solid var(--border-glass);width:48px;height:48px;color:var(--accent-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{flex-direction:column;height:380px;padding:1.75rem;display:flex}.chart-title{color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.chart-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.bar-chart-bar{cursor:pointer;transition:height .5s ease-out,fill .3s}.bar-chart-bar:hover{fill:#34d399}.pie-segment{transition:transform var(--transition-normal);cursor:pointer}.pie-segment:hover{transform:scale(1.03)}.behavior-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:50px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.behavior-Excellent{background-color:var(--behavior-excellent-bg);color:var(--behavior-excellent);border:1px solid #10b9814d}.behavior-Good{background-color:var(--behavior-good-bg);color:var(--behavior-good);border:1px solid #3b82f64d}.behavior-At-Risk,.behavior-At\ Risk{background-color:var(--behavior-risk-bg);color:var(--behavior-risk);border:1px solid #f59e0b4d}.behavior-Defaulter{background-color:var(--behavior-default-bg);color:var(--behavior-default);border:1px solid #ef44444d}.custom-table-container{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-glass);padding:1rem;font-size:.85rem;font-weight:600}.custom-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:1.25rem 1rem;font-size:.9rem}.custom-table tr:hover td{background:#ffffff05}.pos-layout{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.pos-layout{grid-template-columns:1fr}}.pos-panel{padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-group label span{color:var(--behavior-default)}.form-control{border:1px solid var(--border-glass);color:#fff;width:100%;font-family:var(--font-body);transition:all var(--transition-fast);background:#0f172a99;border-radius:10px;padding:.85rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 10px #10b98133}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{color:var(--text-muted);cursor:not-allowed;background:#00000040}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.device-select-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;margin-bottom:1.5rem;padding-right:.5rem;display:grid;overflow-y:auto}.device-select-card{border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-normal);background:#1e293b4d;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.device-select-card:hover{border-color:var(--border-glass-hover);transform:translateY(-2px)}.device-select-card.selected{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:#10b98114}.device-select-img{object-fit:cover;background:#000;border-radius:8px;width:100%;height:100px}.device-select-brand{text-transform:uppercase;color:var(--accent-primary);font-size:.75rem;font-weight:600}.device-select-model{color:#fff;font-size:.95rem;font-weight:600}.device-select-price{color:#fff;margin-top:auto;font-size:1rem;font-weight:700}.file-upload-wrapper{border:2px dashed var(--border-glass);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#0f172a4d;border-radius:10px;padding:1.25rem}.file-upload-wrapper:hover{border-color:var(--accent-primary);background:#10b98105}.file-upload-wrapper input[type=file]{display:none}.file-upload-label{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.file-preview{margin-top:.75rem;display:inline-block;position:relative}.file-preview img{object-fit:cover;border:1px solid var(--border-glass);border-radius:8px;width:80px;height:80px}.file-preview-remove{background:var(--behavior-default);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.checkout-summary{flex-direction:column;gap:1.5rem;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;padding:.5rem 0;font-size:.95rem;display:flex}.summary-row.total{color:#fff;border-top:1px solid var(--border-glass);padding-top:1rem;font-size:1.25rem;font-weight:700}.schedule-list{flex-direction:column;gap:.5rem;max-height:200px;margin-top:.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.schedule-item{background:#0003;border-radius:6px;justify-content:space-between;padding:.5rem;font-size:.85rem;display:flex}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.inventory-card{flex-direction:column;display:flex;overflow:hidden}.inventory-card-image{object-fit:cover;border-bottom:1px solid var(--border-glass);background:#111;width:100%;height:180px}.inventory-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.inventory-card-brand{text-transform:uppercase;color:var(--accent-primary);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.inventory-card-title{color:#fff;margin-bottom:.5rem;font-size:1.15rem}.inventory-card-specs{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;line-height:1.4}.inventory-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.inventory-card-price{color:#fff;font-size:1.2rem;font-weight:700}.customer-layout{grid-template-columns:350px 1fr;gap:1.5rem;height:calc(100vh - 120px);display:grid}@media (width<=900px){.customer-layout{grid-template-columns:1fr;height:auto}}.customer-list-panel{flex-direction:column;height:100%;display:flex;overflow-y:hidden}.customer-search-box{border-bottom:1px solid var(--border-glass);padding:1rem}.customer-list-items{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.customer-list-item{cursor:pointer;transition:all var(--transition-fast);background:#ffffff03;border:1px solid #0000;border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.customer-list-item:hover{border-color:var(--border-glass);background:#ffffff08}.customer-list-item.selected{border-color:var(--accent-primary);background:#10b98114}.customer-item-photo{object-fit:cover;border:1px solid var(--border-glass);border-radius:50%;width:44px;height:44px}.customer-item-info{flex:1}.customer-item-name{color:#fff;font-size:.95rem;font-weight:600}.customer-item-mobile{color:var(--text-secondary);margin-top:.15rem;font-size:.8rem}.customer-details-panel{height:100%;padding:2rem;overflow-y:auto}.customer-detail-header{border-bottom:1px solid var(--border-glass);gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}@media (width<=600px){.customer-detail-header{text-align:center;flex-direction:column;align-items:center}}.customer-detail-photo{object-fit:cover;border:2px solid var(--border-glass);border-radius:16px;width:120px;height:120px}.customer-detail-info{flex:1}.customer-detail-name{color:#fff;align-items:center;gap:1rem;font-size:1.85rem;font-weight:700;display:flex}.customer-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.detail-label{color:var(--text-secondary);font-size:.8rem}.detail-value{color:#fff;margin-top:.25rem;font-size:.95rem;font-weight:500}.customer-sub-section{margin-top:2rem}.customer-sub-section h3{color:#fff;border-bottom:1px solid var(--border-glass);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.15rem}.guarantor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.guarantor-card{border:1px solid var(--border-glass);background:#0f172a66;border-radius:10px;padding:1.25rem}.docs-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.doc-card{border:1px solid var(--border-glass);background:#0f172a66;border-radius:10px;overflow:hidden}.doc-card-title{color:var(--text-secondary);border-bottom:1px solid var(--border-glass);padding:.75rem 1rem;font-size:.85rem;font-weight:600}.doc-card-img{object-fit:cover;cursor:pointer;width:100%;height:140px;transition:transform var(--transition-normal)}.doc-card-img:hover{transform:scale(1.05)}.installments-tracking-list{flex-direction:column;gap:1.5rem;display:flex}.installment-sale-header{background:#10b9810d;border:1px solid #10b98126;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1.25rem;display:flex}.installment-pay-schedule-table{border-collapse:collapse;width:100%}.installment-pay-schedule-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-glass);text-align:left;padding:.75rem;font-size:.8rem}.installment-pay-schedule-table td{border-bottom:1px solid #ffffff05;padding:.85rem .75rem;font-size:.85rem}.installment-status-Paid{color:var(--behavior-excellent);font-weight:600}.installment-status-Pending{color:var(--text-secondary)}.installment-status-Overdue{color:var(--behavior-default);font-weight:700}.simulate-pay-box{align-items:center;gap:.5rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172ad9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:85vh;padding:2.25rem;position:relative;overflow-y:auto}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.toast{border-left:4px solid var(--accent-primary);color:#fff;font-family:var(--font-heading);box-shadow:var(--shadow-lg);z-index:2000;background:#111827;border-radius:10px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}.print-agreement-wrapper{display:none}@media print{body,.app-container,.sidebar,.main-content,.modal-overlay,.toast{display:none!important}html,body{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;font-family:Times New Roman,Times,serif!important;font-size:12pt!important;line-height:1.5!important;overflow:visible!important}.print-agreement-wrapper{color:#000!important;background:#fff!important;max-width:100%!important;margin:0 auto!important;padding:2.5cm 2cm!important;display:block!important}.print-agreement-wrapper h1{text-transform:uppercase!important;text-align:center!important;color:#000!important;margin-bottom:.5rem!important;font-family:Times New Roman,serif!important;font-size:20pt!important;font-weight:700!important}.print-agreement-wrapper h2{text-transform:uppercase!important;color:#000!important;border-bottom:1px solid #000!important;margin-top:1.5rem!important;margin-bottom:.75rem!important;padding-bottom:3px!important;font-family:Times New Roman,serif!important;font-size:14pt!important;font-weight:700!important}.print-agreement-wrapper table{border-collapse:collapse!important;width:100%!important;margin:1rem 0!important}.print-agreement-wrapper th{color:#000!important;text-transform:uppercase!important;background:#f0f0f0!important;border:1px solid #000!important;padding:6px!important;font-size:10pt!important;font-weight:700!important}.print-agreement-wrapper td{border:1px solid #000!important;padding:6px!important;font-size:10pt!important}.legal-text{text-align:justify!important;margin-bottom:1.5rem!important;font-size:9.5pt!important;line-height:1.4!important}.print-sign-grid{page-break-inside:avoid!important;grid-template-columns:1fr 1fr!important;gap:3rem!important;margin-top:3.5rem!important;display:grid!important}.print-sign-box{text-align:center!important}.print-sign-line{border-top:1px solid #000!important;width:80%!important;margin-bottom:.5rem!important;margin-left:auto!important;margin-right:auto!important}.print-footer{text-align:center!important;color:#555!important;border-top:1px solid #ccc!important;padding-top:5px!important;font-size:8pt!important;position:fixed!important;bottom:1cm!important;left:0!important;right:0!important}}@media (width<=768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important;border-right:1px solid var(--border-glass)!important;z-index:1000!important;background:#0f172afa!important;border-top:none!important;border-radius:0!important;flex-direction:column!important;justify-content:flex-start!important;height:100vh!important;padding:2rem 1.5rem!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-shadow:20px 0 40px #0009!important}.sidebar.open{transform:translate(0)!important}.logo-container{margin-bottom:2rem!important;display:flex!important}.sidebar nav{width:100%!important;display:block!important;overflow-y:auto!important}.nav-links{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;width:100%!important}.nav-item{color:var(--text-secondary)!important;text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:1rem!important;width:100%!important;padding:.75rem 1.25rem!important;font-size:.9rem!important;display:flex!important}.nav-item svg{width:20px!important;height:20px!important}.nav-item span{font-size:.9rem!important;display:inline!important}.nav-item.active{color:var(--accent-primary)!important;background:#10b9811a!important;border:1px solid #10b98133!important}.sidebar-footer{margin-top:auto!important;display:block!important}.main-content{box-sizing:border-box;width:100%;max-width:100vw;margin-top:60px!important;margin-bottom:0!important;margin-left:0!important;padding:1.25rem 1rem!important}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-title-group h1{font-size:1.75rem}.page-header button,.page-header .btn{width:100%}.metrics-grid{grid-template-columns:1fr!important;gap:1rem!important}.form-row{grid-template-columns:1fr!important;gap:.75rem!important}.modal-content{max-height:90vh!important;padding:1.5rem!important}div[style*="grid-template-columns: 1.5fr 1fr"],div[style*="grid-template-columns: 1fr 2fr"]{grid-template-columns:1fr!important;gap:1rem!important}div[style*="grid-template-columns: 1.2fr 1.8fr"]{grid-template-columns:1fr!important;gap:1.5rem!important}}html,body{max-width:100vw;overflow-x:hidden}@media (width<=768px){.app-container,.main-content{max-width:100vw;overflow-x:hidden}.custom-table-container,table{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.custom-table th,.custom-table td{white-space:nowrap!important}img{max-width:100%!important;height:auto!important}div[style*="display: grid"],div[style*="display: flex"]{box-sizing:border-box!important;max-width:100%!important}.form-control,input,select,textarea{max-width:100%!important}.modal-overlay{padding:.5rem!important}.modal-content{border-radius:12px!important;width:100%!important;max-width:100%!important;margin:0!important}}