:root{--accent:#ff6b35;--accent-dark:#e55a26;--accent-light:#fff3ee;--bg-auth:#f8f9fa}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-auth)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#fff9f5,#f0f4ff)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.1);padding:40px 36px;width:100%;max-width:420px}.auth-card .brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;justify-content:center}.auth-card .brand-name{font-size:22px;font-weight:700;color:var(--accent)}.auth-card h2{font-size:22px;font-weight:700;margin-bottom:6px}.auth-card .subtitle{color:#6c757d;font-size:14px;margin-bottom:28px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-inputs input{width:50px;height:56px;text-align:center;font-size:24px;font-weight:700;border:2px solid #dee2e6;border-radius:10px;outline:none;transition:border-color .2s}.otp-inputs input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,53,.15)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:10px 24px}.btn-accent:focus,.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-outline-accent{border-color:var(--accent);color:var(--accent);font-weight:600}.btn-outline-accent:hover{background:var(--accent);color:#fff}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,107,53,.15)}.form-label{font-weight:500;margin-bottom:6px}.account-sidebar{width:240px;min-height:100vh;background:#1a1a2e;color:#fff;flex-shrink:0}.account-sidebar .sidebar-brand{padding:24px 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.account-sidebar .sidebar-brand .brand-name{font-size:18px;font-weight:700;color:var(--accent)}.account-sidebar .nav-link{color:hsla(0,0%,100%,.75);padding:10px 20px;border-radius:8px;margin:2px 8px;display:flex;align-items:center;gap:10px;font-size:14px;transition:all .2s}.account-sidebar .nav-link.active,.account-sidebar .nav-link:hover{color:#fff;background:rgba(255,107,53,.2)}.account-sidebar .nav-link i{font-size:16px;width:20px;text-align:center}.account-main{flex:1 1;padding:32px;overflow-y:auto}.account-header{background:#fff;border-bottom:1px solid #dee2e6;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.account-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:20px}.stage-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.stage-LEAD{background:#e3f2fd;color:#1565c0}.stage-MEASUREMENT{background:#fff3e0;color:#e65100}.stage-CONTRACT{background:#e8f5e9;color:#2e7d32}.stage-IN_PROGRESS{background:#fff9c4;color:#f57f17}.stage-COMPLETED{background:#e8f5e9;color:#1b5e20}.stage-CANCELED{background:#fce4ec;color:#880e4f}.project-progress{height:8px;border-radius:4px;background:#e9ecef;overflow:hidden}.project-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}@media (max-width:768px){.account-sidebar{display:none}.account-main{padding:16px}.auth-card{padding:28px 20px}.otp-inputs input{width:42px;height:50px;font-size:20px}}