@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#7c3aed;--brand-hover:#6d28d9;--brand-light:#ede9fe;--brand-mid:#a78bfa;--brand-dark:#4c1d95;--sidebar-w:230px;--topbar-h:58px;--bg:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-2:#374151;--text-3:#64748b;--green:#15803d;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--amber:#b45309;--amber-bg:#fef3c7;--blue:#1d4ed8;--blue-bg:#dbeafe;--r-sm:6px;--r-md:10px;--r-lg:14px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #0000001a, 0 2px 4px #0000000f;--btn-primary-bg:var(--grad-purple);--btn-primary-text:#fff;--btn-primary-hover:var(--grad-purple);--btn-secondary-bg:var(--brand-light);--btn-secondary-text:var(--brand-dark);--btn-secondary-hover:#ddd6fe;--btn-ghost-bg:#fff;--btn-ghost-text:var(--text-2);--btn-ghost-border:#94a3b8;--btn-ghost-hover-bg:var(--surface-2);--btn-ghost-hover-border:#64748b;--btn-danger-bg:var(--red-bg);--btn-danger-text:var(--red);--btn-danger-hover:#fecaca;--btn-success-bg:#f0fdf4;--btn-success-text:#166534;--btn-success-border:#86efac;--btn-outline-bg:transparent;--btn-outline-text:var(--brand);--btn-outline-border:var(--brand);--btn-inverse-bg:#fff;--btn-inverse-text:var(--brand-dark);--btn-inverse-shadow:0 2px 8px #00000026;--btn-neutral-bg:#f3f4f6;--btn-neutral-text:var(--text-2);--btn-neutral-border:#e5e7eb;--banner-bg:var(--grad-purple);--banner-shadow:0 4px 16px #7c3aed47;--banner-text:#fff;--banner-text-muted:#ffffffd1;--banner-text-dim:#ffffffa6;--icon-on-light:var(--text-2);--icon-on-dark:#fff;--chip-bg:#f3f4f6;--chip-text:#374151;--chip-border:#e5e7eb;--stat-bg:var(--surface);--stat-value-text:#111827;--stat-sub-text:var(--text-3);--section-head-bg:var(--surface-2);--section-head-text:var(--brand);--section-icon-bg:var(--brand-light);--table-row-hover:#f5f3ff;--focus-ring:#7c3aed1f;--grad-coral:linear-gradient(135deg, #f97316 0%, #f472b6 100%);--grad-purple:linear-gradient(135deg, #fb7185 0%, #a855f7 100%);--grad-blue:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--grad-teal:linear-gradient(135deg, #10b981 0%, #14b8a6 100%)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.55}.app-shell{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-content{flex:1;padding:28px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title-row{align-items:center;gap:12px;display:flex}.page-icon{border-radius:var(--r-md);background:var(--grad-purple);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 4px 12px #a855f74d}.page-title{font-size:21px;font-weight:600}.page-subtitle{color:var(--text-3);margin-top:1px;font-size:14px}.page-actions{gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin-bottom:20px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.card-title{font-size:15px;font-weight:600}.card-body{padding:22px}.section-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin-bottom:16px;overflow:hidden}.section-heading{background:var(--section-head-bg);border-bottom:1.5px solid var(--border);color:var(--section-head-text);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:10px;padding:13px 20px;font-size:13px;font-weight:700;display:flex}.section-icon{border-radius:var(--r-sm);color:#111827;border:1.5px solid var(--border);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 1px 4px #00000012}.section-body{padding:22px 22px 20px}:is(.card:has(>.card-body>form>.section-block),.card:has(>.card-body>form>div>.section-block)){box-shadow:none;background:0 0;border:none}:is(.card:has(>.card-body>form>.section-block)>.card-body,.card:has(>.card-body>form>div>.section-block)>.card-body){padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text-2);font-size:14px;font-weight:500}.field-label .req{color:var(--red);margin-left:2px}.field-input,.field-select,.field-textarea{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;height:40px;color:var(--text);background:#fff;outline:none;padding:0 12px;font-family:inherit;font-size:14.5px;transition:border-color .15s,background .15s,box-shadow .15s}.field-textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.field-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--focus-ring)}.field-input:disabled,.field-select:disabled,.field-textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.upload-box{border:2px dashed var(--border);border-radius:var(--r-md);text-align:center;cursor:pointer;background:var(--surface-2);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 24px;transition:border-color .15s,background .15s;display:flex}.upload-box:hover{border-color:var(--brand-mid);background:var(--brand-light)}.upload-icon{margin-bottom:10px;font-size:36px;line-height:1}.upload-label{color:var(--text-2);margin-bottom:4px;font-size:14px;font-weight:600}.upload-hint{color:var(--text-3);font-size:12px}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 12px #9333ea66}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-weight:600}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1.5px solid var(--btn-ghost-border);font-weight:600}.btn-ghost:hover{background:var(--btn-ghost-hover-bg);border-color:var(--btn-ghost-hover-border);color:var(--text)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text);border:1.5px solid var(--btn-success-border)}.btn-success:hover{background:#dcfce7}.btn-outline{background:var(--btn-outline-bg);color:var(--btn-outline-text);border:1.5px solid var(--btn-outline-border);font-weight:600}.btn-outline:hover{background:var(--brand-light)}.btn-inverse{background:var(--btn-inverse-bg);color:var(--btn-inverse-text);box-shadow:var(--btn-inverse-shadow);border:none;font-weight:700}.btn-inverse:hover{opacity:.88}.btn-neutral{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1.5px solid var(--btn-neutral-border)}.btn-neutral:hover{background:#e5e7eb}.btn-sm{height:32px;padding:0 12px;font-size:13.5px}.btn-lg{height:46px;padding:0 28px;font-size:15px}.btn-icon{justify-content:center;width:38px;padding:0}.actions-row{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding:18px 0 4px;display:flex}.banner-dark{background:var(--banner-bg);box-shadow:var(--banner-shadow);color:var(--banner-text)}.banner-dark .banner-text-muted{color:var(--banner-text-muted)}.banner-dark .banner-text-dim{color:var(--banner-text-dim)}.icon-on-light{color:var(--icon-on-light)}.icon-on-dark{color:var(--icon-on-dark)}.chip{background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);border-radius:5px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.chip-brand{background:var(--brand-light);color:var(--brand);border-color:var(--brand-mid)}.stat-card{background:var(--stat-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.stat-card-value{color:var(--stat-value-text);font-size:28px;font-weight:800;line-height:1.1}.stat-card-label{color:var(--text-2);margin-bottom:2px;font-size:14px;font-weight:500}.stat-card-sub{color:var(--stat-sub-text);margin-top:4px;font-size:13px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--brand-light);color:var(--brand)}.tabs{border-bottom:2px solid var(--border);margin-bottom:24px;display:flex}.tab-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:14.5px;font-weight:500;transition:color .15s}.tab-btn:hover{color:var(--brand)}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:2px solid var(--border)}thead th{color:var(--text-2);text-align:left;white-space:nowrap;background:var(--surface-2);padding:10px 16px;font-size:13.5px;font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--table-row-hover)}tbody td{padding:12px 16px;font-size:14.5px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-bar .field-input,.filter-bar .field-select{height:36px;font-size:14px}.filter-search{width:240px}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.text-muted{color:var(--text-3);font-size:14px}.empty-state{text-align:center;color:var(--text-3);padding:60px 20px}.empty-state-icon{margin-bottom:12px;font-size:40px}.stepper-mobile{margin-bottom:20px;display:none}.stepper-desktop{display:flex}.pl-cards{flex-direction:column;gap:12px;display:none}.pl-table-wrap{display:block}.crm-lead-cards{flex-direction:column;gap:10px;display:none}.crm-table-wrap{display:block}.crm-drawer{background:var(--surface);z-index:101;flex-direction:column;width:520px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}.ap-cust-cards{flex-direction:column;gap:8px;display:none}.ap-cust-table{display:block}.prod-cards{flex-direction:column;gap:10px;display:none}.prod-table-wrap{display:block}.rp-tab-short{display:none}.rp-calling-cards,.rp-sales-cards,.rp-campaign-cards{flex-direction:column;gap:10px;display:none}.bd-agent-cards{flex-direction:column;gap:8px;display:none}.payment-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.payment-summary-card{position:sticky;top:80px}.sb-mobile-backdrop{z-index:98;background:#00000073;animation:.2s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.sidebar-root{pointer-events:none;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #0000002e;z-index:99!important;height:100vh!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;position:fixed!important}.sidebar-root.mobile-open{pointer-events:auto;transform:translate(0)!important}.sb-mobile-backdrop.show{display:block}.app-content{padding:14px 12px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.page-header>:last-child{width:100%}.page-title{font-size:17px}.page-subtitle{font-size:12px}.form-grid,.form-grid-3{grid-template-columns:1fr!important}.col-span-2,.col-span-3{grid-column:span 1!important}.card-body{padding:14px!important}.card-header{padding:12px 14px!important}.filter-bar{flex-direction:column;align-items:stretch}.filter-search,.filter-bar .field-input,.filter-bar .field-select{width:100%!important}.actions-row{flex-direction:column-reverse;align-items:stretch}.actions-row .btn{justify-content:center;width:100%}thead th,tbody td{padding:9px 10px;font-size:12.5px}.btn-sm{height:36px}.payment-layout{grid-template-columns:1fr!important}.payment-summary-card{position:static!important}.stepper-mobile{display:block!important}.stepper-desktop{display:none!important}.bp-cust-strip{gap:10px!important;padding:10px 12px!important}.bp-cust-email{display:none!important}.bp-cust-actions{flex-shrink:1!important}.bp-ins-type-btn{padding:16px 14px!important}.pl-tiles{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.pl-cards{display:flex!important}.pl-table-wrap{display:none!important}.crm-lead-cards{display:flex!important}.crm-table-wrap{display:none!important}.crm-drawer{border-radius:20px 20px 0 0!important;width:100%!important;height:90vh!important;top:auto!important;left:0!important;right:0!important;box-shadow:0 -4px 32px #0000002e!important}.crm-drawer-grid{grid-template-columns:1fr!important}.crm-assign-row{flex-direction:column!important;align-items:stretch!important}.crm-assign-row button{width:100%!important;margin-bottom:0!important}.cp-hero{border-radius:12px!important;padding:20px 16px 24px!important}.cp-hero-inner{flex-direction:column!important;gap:16px!important}.cp-hero-left{max-width:100%!important}.cp-hero-right{display:none!important}.cp-cta-row{flex-direction:column!important}.cp-cta-row button{width:100%!important}.cp-cats{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.cp-main-grid{grid-template-columns:1fr!important}.cp-pol-details{grid-template-columns:repeat(2,1fr)!important}.cp-testimonials{grid-template-columns:1fr!important}.cp-claim-steps{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.cp-claim-line,.topbar-search{display:none!important}.topbar-hamburger{display:flex!important}.topbar-user-text{display:none!important}.ap-banner{border-radius:12px!important;padding:20px 18px!important}.ap-banner-title{font-size:18px!important}.ap-stats{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.ap-quick-actions,.ap-two-col{grid-template-columns:1fr!important}.ap-cust-cards{display:flex!important}.ap-cust-table{display:none!important}.prod-cards{display:flex!important}.prod-table-wrap{display:none!important}.pf-doc-grid{grid-template-columns:1fr!important}.rp-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.rp-tabs button{flex-shrink:0;padding:9px 14px!important}.rp-tab-long{display:none!important}.rp-tab-short{display:inline!important}.rp-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.rp-calling-cards,.rp-sales-cards,.rp-campaign-cards{display:flex!important}.rp-tbl-wrap{display:none!important}.kyc-doc-grid{grid-template-columns:1fr!important}.login-page{flex-direction:column!important}.login-card{width:100%!important;box-shadow:none!important;padding:32px 22px 28px!important}.login-panel{display:none!important}.bd-banner{border-radius:12px!important;padding:20px 18px!important}.bd-banner-title{font-size:18px!important}.bd-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.bd-quick-actions{grid-template-columns:repeat(2,1fr)!important}.bd-two-col{grid-template-columns:1fr!important}.bd-agent-cards{flex-direction:column;gap:8px;display:flex!important}.bd-agent-table{display:none!important}}@media (width<=480px){.app-content,.card-body{padding:10px!important}.page-title{font-size:15px}.page-icon{width:34px;height:34px;font-size:15px}.badge{padding:2px 7px;font-size:11px}thead th,tbody td{padding:7px 8px;font-size:12px}.cp-cats{grid-template-columns:repeat(4,1fr)!important}.cp-claim-steps{grid-template-columns:repeat(2,1fr)!important}}
