@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sun:#f5a623;--sun-dark:#d4881a;--green:#2e7d52;--green-light:#e8f5ee;--green-mid:#4caf80;--red:#c0392b;--red-light:#fdecea;--bg:#f5f3ee;--card:#fff;--border:#e2ddd5;--text:#1a1a1a;--muted:#6b6560;--mono:"Space Mono", monospace;--sidebar-w:250px;--topbar-h:56px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;min-height:100vh;font-family:DM Sans,sans-serif}.app{min-height:100vh}.login-page{background:linear-gradient(135deg,#102a1c 0%,#1c3a2a 40%,#2e7d52 80%,#e29613 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s fadeInUp;box-shadow:0 24px 70px #00000040}.login-logo{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:1.75rem;padding-bottom:1.5rem;display:flex}.login-logo-img-wrap{border:1.5px solid var(--border);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;display:flex;box-shadow:0 4px 16px #0000001a}.login-logo-img-wrap img{object-fit:contain;width:100%;height:100%}.login-logo-text{color:var(--green);letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.1}.login-logo-sub{color:var(--muted);font-size:9px;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.role-btns{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;display:grid}.role-btn{border:1.5px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:14px;padding:.85rem;transition:all .25s;box-shadow:0 2px 4px #00000005}.role-btn:hover{border-color:var(--green);transform:translateY(-1px)}.role-btn.active{border-color:var(--green);background:var(--green-light);color:var(--green);box-shadow:0 4px 10px #2e7d521a}.role-btn-icon{margin-bottom:4px;font-size:24px}.role-btn-label{font-size:13px;font-weight:600}.field{margin-bottom:1.25rem}.field label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field-pwd-wrapper{align-items:center;display:flex;position:relative}.field-pwd-wrapper input{padding-right:44px}.pwd-toggle-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:all .15s;display:flex;position:absolute;right:12px}.pwd-toggle-btn:hover{color:var(--green);background:#2e7d5214}.field input,.field textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fcfbf9;border-radius:12px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.field input:focus,.field textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #2e7d521f}.field select{border:1.5px solid var(--border);cursor:pointer;width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.field select:focus{border-color:var(--green)}.btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2e7d5226}.btn-primary:hover:not(:disabled){background:#20593b;transform:translateY(-1px);box-shadow:0 6px 16px #2e7d5240}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.sun{background:var(--sun);box-shadow:0 4px 12px #f5a62333}.btn-primary.sun:hover:not(:disabled){background:var(--sun-dark);box-shadow:0 6px 16px #f5a6234d}.btn-sm{cursor:pointer;border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.btn-sm:hover{border-color:var(--green);color:var(--green)}.btn-sm.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-sm.primary:hover{background:#245f40}.btn-sm.danger{border-color:var(--red);color:var(--red)}.btn-sm.danger:hover{background:var(--red);color:#fff}.toggle-mode-link{text-align:center;color:var(--green);cursor:pointer;background:0 0;border:none;width:100%;margin-top:1.25rem;padding:0;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;display:block}.toggle-mode-link:hover{color:#16462d;text-decoration:underline}.otp-boxes-row{justify-content:center;gap:6px;margin:10px 0 8px;display:flex}.otp-box{border:2px solid var(--border);width:38px;height:46px;font-size:18px;font-weight:700;font-family:var(--mono);text-align:center;color:var(--text);caret-color:#0000;background:#fcfbf9;border-radius:10px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.otp-box:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #2e7d5226}.otp-box.otp-filled{border-color:var(--green);background:var(--green-light);color:var(--green)}.otp-box.otp-error{border-color:var(--red);background:var(--red-light);color:var(--red);animation:.42s otpShake}.otp-box:disabled{opacity:.5;cursor:not-allowed;background:#f0ede8}@media (width<=400px){.otp-boxes-row{gap:5px}.otp-box{border-radius:8px;width:34px;height:40px;font-size:16px}}@keyframes otpShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.otp-section{background:var(--green-light);border:1px solid #2e7d5240;border-radius:12px;margin-bottom:1rem;padding:12px 14px 10px;animation:.28s cubic-bezier(.4,0,.2,1) otpSectionIn}@keyframes otpSectionIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-email-verified input{font-weight:600;border-color:var(--green)!important;background:var(--green-light)!important;color:var(--green)!important}.email-verified-badge{color:var(--green);align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:700;display:inline-flex}.otp-resend-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.otp-resend-btn{color:var(--sun);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s}.otp-resend-btn:hover:not(:disabled){color:var(--sun-dark);text-decoration:underline}.otp-resend-btn:disabled{color:var(--muted);cursor:default;text-decoration:none}.otp-email-change-warning{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:12px;margin-bottom:1rem;padding:14px 16px;animation:.2s otpSectionIn}.shell{min-height:100dvh;display:flex}.mobile-topbar{height:var(--topbar-h);color:#fff;z-index:90;padding:0 16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));background:#1c3a2a;justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.mobile-topbar-title{flex:1;align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:600;display:flex}.mobile-topbar-title span{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 120px);overflow:hidden}.mobile-topbar-role{flex-shrink:0;font-size:20px}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:6px;transition:background .15s;display:flex}.hamburger-btn:hover{background:#ffffff1a}.hamburger-btn span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.sidebar-overlay{z-index:99;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sidebar{width:var(--sidebar-w);color:#fff;background:#1c3a2a;flex-direction:column;flex-shrink:0;height:100dvh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:20px;transition:all .15s;display:none}.sidebar-close-btn:hover{color:#fff;background:#ffffff1a}.sidebar-logo{align-items:center;gap:10px;margin-bottom:2rem;padding:0 .5rem;display:flex}.sidebar-logo-text{font-size:16px;font-weight:600}.sidebar-logo-role{font-size:10px;font-family:var(--mono);color:var(--sun);letter-spacing:.1em}.nav-list{flex:1;min-height:0}.nav-item{cursor:pointer;color:#ffffffa6;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{background:var(--green);color:#fff;font-weight:500;box-shadow:0 2px 8px #2e7d524d}.nav-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:16px;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-bottom{border-top:1px solid #ffffff14;flex-shrink:0;margin-top:auto;padding-top:1rem}.sidebar-user-info{color:#fff6;margin-bottom:4px;padding:8px 12px;font-size:12px;overflow:hidden}.sidebar-user-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-user-email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logout-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .15s;display:flex}.logout-btn:hover{color:#ff8080;background:#ff000028}.change-pwd-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .15s;display:flex}.change-pwd-btn:hover{color:#72eca5;background:#2e7d5226}.main{flex:1;min-width:0;padding:2rem;overflow-y:auto}.page-header{margin-bottom:1.75rem}.page-title{letter-spacing:-.02em;font-size:24px;font-weight:700}.page-sub{color:var(--muted);margin-top:4px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 16px #0000000a}.card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;font-size:13px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.quote-box{color:#fff;background:linear-gradient(135deg,#1c3a2a,#2e7d52);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.quote-total{font-size:36px;font-weight:600;font-family:var(--mono);color:var(--sun);line-height:1.2}.quote-label{opacity:.7;margin-bottom:4px;font-size:12px}.quote-per-kw{opacity:.8;margin-top:4px;font-size:14px}.quote-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.quote-item{background:#ffffff1a;border-radius:10px;padding:10px}.quote-item-label{opacity:.7;margin-bottom:4px;font-size:11px}.quote-item-val{font-size:15px;font-weight:600;font-family:var(--mono)}.quote-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.quote-row:last-child{border-bottom:none}.quote-row.total{border-top:2px solid #ffffff4d;border-bottom:none;margin-top:8px;padding-top:12px;font-size:15px;font-weight:700}.steps{gap:0;margin-bottom:2rem;display:flex}.step{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;flex:1;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.step:first-child{border-radius:10px 0 0 10px}.step:last-child{border-radius:0 10px 10px 0}.step.active{background:var(--green);color:#fff;border-color:var(--green)}.step.done{background:var(--green-light);color:var(--green);border-color:var(--green)}.step-num{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.step.active .step-num{background:#ffffff4d}.step.done .step-num{background:var(--green);color:#fff}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;box-sizing:border-box;background:#fafaf8;border-radius:12px;width:100%;min-width:0;padding:1.5rem 1rem;transition:all .2s;overflow:hidden}.upload-zone:hover,.upload-zone.has-file{border-color:var(--green);background:var(--green-light)}.upload-zone.loading{border-color:var(--sun);cursor:not-allowed;background:#fffdf8}.upload-zone.drag-over{border-color:var(--green);background:var(--green-light);border-width:2.5px;transition:all .15s;transform:scale(1.02)}.upload-icon{margin-bottom:8px;font-size:28px}.upload-text{color:var(--muted);font-size:12px}.upload-label{word-break:break-all;overflow-wrap:break-word;max-width:100%;margin-bottom:4px;font-size:13px;font-weight:600;overflow:hidden}.upload-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:2px solid var(--border);white-space:nowrap;background:var(--card);z-index:1;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}td{vertical-align:middle;border-bottom:1px solid #f0ede8;padding:10px 12px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafaf8}.table-scroll-wrap td{white-space:nowrap}.table-scroll-wrap td.wrap{white-space:normal}.badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--green-light);color:var(--green)}.badge-sun{color:#d4881a;background:#fef5e7}.badge-red{background:var(--red-light);color:var(--red)}.badge-gray{color:var(--muted);background:#f0ede8}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:1.2rem 1.25rem;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.stat-val{color:var(--text);font-size:24px;font-weight:700;font-family:var(--mono);line-height:1.2}.stat-sub{color:var(--muted);margin-top:2px;font-size:12px}.stat-grid-7{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-grid-6{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.admin-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.admin-filter-bar .filter-search-box{background:var(--card,white);border:1px solid var(--border,#e2e8f0);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:160px;max-width:320px;padding:6px 12px;transition:border-color .15s;display:flex;box-shadow:0 1px 3px #0000000d}.admin-filter-bar .filter-search-box:focus-within{border-color:var(--green)}.dealer-stats-strip{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.dealer-stats-strip .dss-box{background:var(--card-bg,#fff);border:1px solid #0000000d;border-radius:12px;flex:calc(20% - 8px);min-width:90px;padding:12px 16px;box-shadow:0 1px 4px #0000000a}.dealer-stats-strip .dss-val{font-size:22px;font-weight:800;line-height:1}.dealer-stats-strip .dss-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:700}.desktop-only{display:flex}.documents-layout{grid-template-columns:1fr;gap:1.5rem;display:grid}.cell-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.cell-truncate-sm{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.table-scroll-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#00000026 transparent;border-radius:0 0 12px 12px;position:relative;overflow-x:auto}.table-scroll-wrap::-webkit-scrollbar{height:4px}.table-scroll-wrap::-webkit-scrollbar-track{background:0 0}.table-scroll-wrap::-webkit-scrollbar-thumb{background:#00000024;border-radius:2px}.btn-sm{min-height:34px}.share-btn-row{flex-wrap:wrap;gap:10px;display:flex}.share-btn-row>*{flex:120px}.quote-summary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quote-metric-val{font-size:18px}.quote-metric-label{font-size:10px}.quote-specs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.aadhaar-photo-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.span-full{grid-column:1/-1}.agreement-download-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.aadhaar-mode-toggle{background:var(--border,#e2e8f0);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.input-inline{border:1.5px solid var(--border);width:100px;color:var(--text);border-radius:8px;outline:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.input-inline:focus{border-color:var(--green)}.panel-chip{background:var(--green-light);color:var(--green);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.success-screen{text-align:center;padding:3rem 1.5rem}.success-icon{margin-bottom:1rem;font-size:60px}.success-title{color:var(--green);margin-bottom:8px;font-size:24px;font-weight:700}.success-sub{color:var(--muted);font-size:15px}.alert{border-radius:10px;margin-bottom:1rem;padding:12px 16px;font-size:13px;font-weight:500}.alert-red{background:var(--red-light);color:var(--red)}.alert-green{background:var(--green-light);color:var(--green)}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:64px 32px;animation:.35s fadeInUp;display:flex}.error-state--compact{gap:14px;padding:36px 24px}.error-state__icon{color:var(--red);opacity:.8;flex-shrink:0}.error-state--compact .error-state__icon svg{width:30px;height:30px}.error-state__body{flex-direction:column;gap:6px;display:flex}.error-state__title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.error-state--compact .error-state__title{font-size:14px}.error-state__message{color:var(--muted);max-width:340px;font-size:13px;line-height:1.55}.error-state__retry{border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.error-state__retry:hover{border-color:var(--green);color:var(--green);background:var(--green-light);transform:translateY(-1px);box-shadow:0 4px 10px #2e7d521f}.error-state__retry:active{transform:translateY(0)}.tag{background:#f0ede8;border-radius:20px;align-items:center;gap:6px;margin:3px;padding:6px 12px;font-size:12px;display:inline-flex}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:85vh;padding:2rem;animation:.3s fadeInUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px}.doc-preview-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffbf 0%,#ffffff73 100%);border:1.5px solid #fff9;border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #0000000a}.doc-preview-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.doc-image-container{border:1px solid var(--border);background:#eae5dc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:110px;display:flex;position:relative;overflow:hidden}.doc-image-preview{object-fit:cover;width:100%;height:100%;transition:transform .3s}.doc-image-preview:hover{transform:scale(1.08)}.doc-pdf-placeholder{width:100%;height:100%;color:var(--red);background:linear-gradient(135deg,#fdecea 0%,#fadbd8 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:24px;display:flex}.doc-pdf-placeholder span{font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase}.doc-info{flex-direction:column;gap:2px;display:flex}.doc-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.doc-meta{color:var(--muted);font-size:10px;font-family:var(--mono)}.badge-interactive{cursor:pointer;border:1px solid #0000;align-items:center;gap:4px;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.badge-interactive:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 4px 10px #0000000f}.quick-login-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:18px;width:100%;max-width:420px;margin-top:1.5rem;padding:1.25rem;box-shadow:0 12px 30px #00000026}.quick-login-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.quick-pills{flex-direction:column;gap:8px;display:flex}.quick-pill{cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.quick-pill:hover{background:#ffffff2e;transform:translate(3px)}.quick-pill-user{color:#fff;font-weight:600}.quick-pill-meta{color:#fff9;font-size:10px;font-family:var(--mono)}.quick-pill-label{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.quick-pill-label.admin{color:#f5a623;background:#f5a62333}.quick-pill-label.dealer{color:#72eca5;background:#2e7d524d}.bom-row{border-bottom:1px solid #f0ede8;align-items:center;gap:12px;padding:10px 0;display:flex}.bom-cat{text-transform:uppercase;letter-spacing:.05em;text-align:center;border-radius:6px;min-width:80px;padding:3px 8px;font-size:10px;font-weight:700}.bom-item{flex:1;font-size:13px;font-weight:500}.bom-qty{font-size:14px;font-weight:700;font-family:var(--mono);color:var(--green);text-align:right;min-width:60px}.bom-unit{color:var(--muted);min-width:50px;font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shrinkWidth{0%{width:100%}to{width:0%}}.animate-spin{animation:1.5s linear infinite spin;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}.animate-bounce{animation:.5s ease-in-out bounce;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-scale-card{transition:transform .2s,box-shadow .2s}.hover-scale-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}@media (width<=1024px){.stats-row{grid-template-columns:repeat(4,1fr)}.form-grid-3,.quote-grid,.upload-grid{grid-template-columns:1fr 1fr}.main{padding:1.5rem}.stat-grid-7{grid-template-columns:repeat(4,1fr)}.stat-grid-6{grid-template-columns:repeat(3,1fr)}.documents-layout{grid-template-columns:350px 1fr}}@media (width<=768px){:root{--sidebar-w:280px}.mobile-topbar{display:flex}.sidebar{width:var(--sidebar-w);z-index:100;height:100dvh;padding-left:max(1rem, env(safe-area-inset-left));padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 24px #0003}.sidebar.open{transform:translate(0)}.sidebar .nav-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.sidebar .sidebar-bottom{flex-shrink:0}body.sidebar-open{overscroll-behavior:none;overflow:hidden}.sidebar-close-btn,.sidebar-overlay{display:block}.main{padding:calc(var(--topbar-h) + 1rem) 1rem 1.5rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));width:100%}.page-title{font-size:20px}.page-sub{font-size:13px}.form-grid,.form-grid-3{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-val{font-size:20px}.stat-grid-7,.stat-grid-6{grid-template-columns:repeat(2,1fr);gap:10px}.stat-grid-7>div,.stat-grid-6>div{padding:10px 12px!important}.stat-grid-7>div>div:first-child,.stat-grid-6>div>div:first-child{font-size:22px!important}.documents-layout{grid-template-columns:1fr}.admin-filter-bar{gap:8px 6px}.admin-filter-bar .filter-search-box{flex:100%;max-width:100%;margin-top:2px}.dealer-stats-strip{gap:8px}.dealer-stats-strip .dss-box{flex:calc(50% - 4px);min-width:0;padding:10px 12px}.dealer-stats-strip .dss-val{font-size:20px}.desktop-only{display:none!important}.quote-total{font-size:28px}.quote-grid{grid-template-columns:1fr;gap:.75rem}.upload-grid{grid-template-columns:1fr 1fr;gap:.75rem}.steps{flex-direction:column;gap:0}.step{min-height:48px;border-radius:0!important}.step:first-child{border-radius:10px 10px 0 0!important}.step:last-child{border-radius:0 0 10px 10px!important}.card{border-radius:14px;margin-bottom:1rem;padding:1.25rem}td,th{padding:8px 10px;font-size:12px}.cell-truncate{max-width:130px}.cell-truncate-sm{max-width:90px}.login-card{border-radius:20px;padding:2rem 1.5rem}.login-page{padding:1rem}.login-card{max-width:100%!important}.agreement-download-row{flex-direction:column;gap:10px;align-items:flex-start!important}.agreement-download-row a{justify-content:center;width:100%}.aadhaar-mode-toggle{flex-wrap:wrap}.success-screen{padding:2rem 1rem}.success-title{font-size:20px}.success-icon{font-size:48px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.panel-chip{padding:3px 8px;font-size:11px}.input-inline{width:80px;font-size:12px}.btn-sm{min-height:40px}.btn-primary{padding:12px;font-size:14px}.modal{max-height:92vh;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));border-radius:16px}.modal-overlay{padding:12px}.share-btn-row{flex-wrap:wrap;gap:8px}.share-btn-row>*{flex:calc(50% - 4px);min-width:120px}.drawer-container{max-width:100%}.drawer-header,.drawer-content{padding:1.25rem}.drawer-footer{padding:1rem 1.25rem}.quote-summary-grid,.aadhaar-photo-grid{grid-template-columns:1fr!important}.quote-metrics-grid{gap:8px!important;padding:12px!important}.quote-metric-val{font-size:14px!important}.quote-metric-label{white-space:nowrap!important;font-size:9px!important}.quote-specs-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.page-header>a{justify-content:center;width:100%}.quote-box{padding:20px 16px!important}}@media (width<=480px){.main{padding:calc(var(--topbar-h) + .75rem) .75rem 1rem .75rem}.stats-row{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-val{font-size:18px}.stat-label{font-size:10px}.stat-grid-7,.stat-grid-6{gap:8px;grid-template-columns:repeat(2,1fr)!important}.dealer-stats-strip{gap:6px}.dealer-stats-strip .dss-box{flex:calc(50% - 3px);padding:8px 10px}.dealer-stats-strip .dss-val{font-size:18px}.dealer-stats-strip .dss-label{font-size:9px}.upload-grid{grid-template-columns:1fr}.quote-total{font-size:24px}.quote-per-kw,.quote-row{font-size:12px}.card{border-radius:12px;padding:1rem}.card-title{font-size:12px}.page-title{font-size:18px}.login-card{padding:1.5rem 1.25rem}.role-btn{padding:.6rem}.role-btn-icon{font-size:20px}.role-btn-label{font-size:12px}.success-screen{padding:1.5rem .75rem}.success-icon{font-size:40px}.success-title{font-size:18px}.success-sub{font-size:13px}td,th{padding:6px 8px;font-size:11px}.field label{font-size:10px}.field input,.field textarea{padding:10px 12px;font-size:13px}.field select{padding:9px 12px;font-size:13px}.share-btn-row>*{flex:100%}.modal-footer-responsive{gap:6px!important;padding:10px 12px!important}.modal-footer-responsive .btn-sm{font-size:11px;padding:8px 10px!important}.quote-metrics-grid{gap:4px!important;padding:10px 8px!important}.quote-metric-val{font-size:12px!important}.quote-metric-label{font-size:8px!important}.quote-specs-grid{grid-template-columns:1fr!important;gap:8px!important}}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:0 0}.main::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.main::-webkit-scrollbar-thumb:hover{background:#0003}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}:focus-visible{outline:2.5px solid var(--green);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-spin,.animate-bounce{animation:none!important}}@media print{body{background:#fff!important}.sidebar{display:none!important}.layout{display:block!important}.main{height:auto!important;margin-left:0!important;padding:0!important;overflow:visible!important}.page-header{margin-bottom:12px}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.stats-row{flex-wrap:wrap!important;display:flex!important}.stat-card{box-shadow:none!important;border:1px solid #ccc!important}button,.btn-primary,.btn-sm{display:none!important}table{font-size:11px}a{color:#000;text-decoration:none}}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#102a1c66;justify-content:flex-end;animation:.35s cubic-bezier(.16,1,.3,1) forwards backdropFadeIn;display:flex;position:fixed;inset:0}.drawer-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#fffffff2;border-left:1px solid #fff6;flex-direction:column;width:100%;max-width:480px;height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn;display:flex;position:relative;box-shadow:-10px 0 40px #00000026}.drawer-header{border-bottom:1.5px solid #0000000d;justify-content:space-between;align-items:center;padding:1.75rem;display:flex}.drawer-title-area{flex-direction:column;display:flex}.drawer-title{color:var(--green);letter-spacing:-.02em;font-size:20px;font-weight:700}.drawer-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.drawer-content{flex:1;padding:1.75rem;overflow-y:auto}.drawer-footer{background:#faf8f4d9;border-top:1.5px solid #0000000d;grid-template-columns:1fr 1fr;gap:12px;padding:1.5rem 1.75rem;display:grid}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.change-card{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;transition:all .2s;display:flex}.change-card:hover{border-color:var(--green);transform:translateY(-1px);box-shadow:0 4px 12px #2e7d520f}.change-item-info{flex-direction:column;gap:4px;max-width:70%;display:flex}.change-item-name{color:var(--text);font-size:13.5px;font-weight:600}.change-item-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.change-values{font-family:var(--mono);align-items:center;gap:8px;font-size:13px;display:flex}.change-val-old{color:var(--muted);text-decoration:line-through}.change-val-new{color:var(--green);background:var(--green-light);border-radius:6px;padding:3px 8px;font-weight:700}.stock-lock-screen{justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;display:flex}.pin-glass-container{-webkit-backdrop-filter:blur(20px)saturate(180%);text-align:center;background:#ffffff73;border:1px solid #fff9;border-radius:24px;width:100%;max-width:400px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #0000000a,inset 0 1px #ffffff80}.pin-glass-container.error-shake{border-color:#ef444480;animation:.4s ease-in-out shake;box-shadow:0 20px 40px #ef444414}.pin-lock-icon-container{width:64px;height:64px;color:var(--green);background:linear-gradient(135deg,#2e7d521a 0%,#15803d1a 100%);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 8px 16px #2e7d520d}.pin-lock-icon-container.error{color:#ef4444;background:#ef44441a}.pin-lock-title{color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;font-size:22px;font-weight:800}.pin-lock-sub{color:var(--muted);margin-bottom:2rem;font-size:13px;line-height:1.5}.pin-dots-row{justify-content:center;align-items:center;gap:16px;margin-bottom:2.5rem;display:flex}.pin-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.pin-dot.active{background:var(--green);border-color:var(--green);transform:scale(1.25);box-shadow:0 0 10px #2e7d524d}.pin-dot.error{background:#ef4444;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.pin-keypad-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:280px;margin:0 auto;display:grid}.pin-key-btn{height:60px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff9;border:1px solid #fffc;border-radius:16px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000003}.pin-key-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.pin-key-btn:active{background:#f3f4f6cc;transform:translateY(0)}.pin-key-btn.special-key{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.pin-key-btn.special-key:hover{color:var(--text);background:#fff6}.pin-key-btn.special-key:active{background:#00000005}@keyframes shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}.q-table-wrap{display:block}.q-card-list{display:none}@media (width<=767px){.q-table-wrap{display:none}.q-card-list{flex-direction:column;gap:10px;padding:4px 0 12px;display:flex}.q-card{background:var(--card);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:box-shadow .18s,border-color .18s;display:flex}.q-card:active{box-shadow:0 0 0 2px var(--green);border-color:var(--green)}.q-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.q-card-number{font-family:var(--mono);color:var(--text);font-size:13px;font-weight:700}.q-card-badges{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.q-card-body{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.q-card-field{flex-direction:column;gap:2px;display:flex}.q-card-field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.q-card-field-value{color:var(--text);word-break:break-word;font-size:13px;font-weight:500}.q-card-field-value.mono{font-family:var(--mono);color:var(--green);font-size:13px;font-weight:700}.q-card-field-value.muted{color:var(--muted);font-weight:400}.q-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.q-card-actions{align-items:center;gap:8px;display:flex}}