*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#176dff;--navy:#2a3244;--muted:#2a32448c;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc}.customer-portal{background:var(--bg);color:var(--navy);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.cust-loading{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;display:flex}.cust-loading-inner{text-align:center}.cust-loading-logo{height:36px;margin-bottom:24px}.cust-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cust-error{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.cust-error-card{text-align:center;background:#fff;border-radius:20px;max-width:420px;padding:48px 40px;box-shadow:0 20px 60px #2a32441f}.cust-shell{min-height:100vh;display:flex}.cust-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sb-logo img{object-fit:contain;height:30px}.sb-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.cust-nav-item{color:var(--muted);cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:11px;margin:1px 0;padding:11px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.cust-nav-item:hover{color:var(--navy);background:#f1f5f9}.cust-nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#176dff14}.cust-nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-badge{background:var(--warning);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sb-user{border-top:1px solid var(--border);padding:16px 20px}.sb-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.sb-name{color:var(--navy);font-size:13px;font-weight:700}.sb-biz{color:var(--muted);margin-top:1px;font-size:11px}.sb-signout{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.sb-signout:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.cust-main{flex:1;min-width:0;overflow-y:auto}.cust-page-content{max-width:800px;padding:28px 24px}.card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:16px;padding:20px 22px;box-shadow:0 1px 3px #2a32440f,0 4px 12px #2a32440a}.status-banner{border-radius:14px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 22px;display:flex}.status-banner-blue{border:1.5px solid #bfdbfe;border-left:5px solid var(--primary);background:#eff6ff}.status-banner-amber{border:1.5px solid #fcd34d;border-left:5px solid var(--warning);background:#fffbeb}.status-banner-green{border:1.5px solid #86efac;border-left:5px solid var(--success);background:#f0fdf4}.deal-timeline{flex-direction:column;gap:16px;display:flex}.timeline-item{gap:14px;display:flex}.tl-dot-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.tl-dot{border:2px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.tl-dot.done{background:var(--success);border-color:var(--success);color:#fff}.tl-dot.active{background:var(--primary);border-color:var(--primary);color:#fff}.tl-dot.pending{color:#94a3b8;background:#fff;border-color:#cbd5e1}.tl-line{background:var(--border);flex:1;width:2px;min-height:16px;margin:4px auto}.tl-content{flex:1;padding-bottom:4px}.tl-label{color:var(--navy);font-size:14px;font-weight:600}.tl-label.muted{color:var(--muted)}.tl-sub{color:var(--muted);margin-top:2px;font-size:12px}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;padding:24px;transition:all .2s}.upload-zone:hover{border-color:var(--primary);background:#176dff05}.upload-zone-icon{color:#94a3b8;margin-bottom:8px}.upload-zone-title{color:var(--navy);margin-bottom:3px;font-size:14px;font-weight:600}.upload-zone-hint{color:var(--muted);font-size:12px}.onboard-wrap{max-width:600px;margin:0 auto;padding:24px 16px}.onboard-progress{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.onboard-step-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.onboard-step-dot{width:32px;height:32px;color:var(--muted);border:2px solid var(--border);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .25s;display:flex}.onboard-step-dot.active{background:var(--primary);color:#fff;border-color:var(--primary)}.onboard-step-dot.done{background:var(--success);color:#fff;border-color:var(--success)}.onboard-step-label{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600}.onboard-step-label.active{color:var(--primary)}.onboard-step-label.done{color:var(--success)}.onboard-step-line{background:var(--border);flex:1;min-width:20px;max-width:40px;height:2px;margin-top:-20px}.step-content{display:none}.step-content.active{display:block}.onboard-field{margin-bottom:16px}.onboard-field label{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.onboard-input{border:1.5px solid var(--border);width:100%;color:var(--navy);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.onboard-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #176dff1a}.onboard-nav{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn-onboard-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s;display:flex}.btn-onboard-next:hover{opacity:.9}.btn-onboard-back{border:1.5px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:10px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.btn-onboard-back:hover{border-color:var(--navy);color:var(--navy)}.cust-toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.cust-toast{color:var(--navy);pointer-events:all;border-left:4px solid var(--success);background:#fff;border-radius:12px;align-items:center;gap:10px;max-width:340px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s slideUp;display:flex;box-shadow:0 8px 30px #0a16282e}.cust-toast.error{border-left-color:var(--danger)}.cust-toast.warning{border-left-color:var(--warning)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-outline{border:1.5px solid var(--border);color:var(--navy);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-amber{background:var(--warning);color:#fff;border:none}.btn-sm{padding:7px 14px;font-size:13px}@media (max-width:768px){.cust-sidebar{display:none}.cust-page-content{padding:16px}}