:root{--sidebar-1:#0a4340;--sidebar-2:#04211f;--accent:#1f8f70;--accent-2:#2aa37f;--accent-strong:#1c7a63;--accent-hover:#175f4e;--bg-page:#f6fafa;--bg-card:#fff;--border:#eaf0ef;--border-focus:#1f8f70;--heading:#06282b;--text-mid:#3f6368;--text-muted:#8698a0;--text-error:#c53030;--bg-error:#fff5f5;--border-error:#fed7d7;--r-card:20px;--r-btn:10px;--r-input:10px;--shadow-card:0 4px 24px #06282b14, 0 1px 4px #06282b0d;--shadow-btn:0 2px 8px #1c7a634d;--shadow-focus:0 0 0 3px #1f8f702e}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body.auth-page{background:var(--bg-page);color:var(--heading);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-bg{background:radial-gradient(ellipse 80% 60% at 50% -10%, #1f8f701f 0%, transparent 70%), var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.auth-bg:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#1f8f700f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.auth-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:440px;box-shadow:var(--shadow-card);padding:40px 36px 36px;animation:.35s both auth-fade-in;position:relative}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-card{padding:28px 20px 24px}}.auth-logo{justify-content:center;align-items:center;gap:0;margin-bottom:32px;text-decoration:none;display:flex}.auth-logo img{-o-object-fit:contain;object-fit:contain;width:auto;height:48px}.auth-logo-text{letter-spacing:-.3px;align-items:center;gap:2px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.auth-logo-text .logo-electr{color:var(--heading)}.auth-logo-text .logo-bolt{color:var(--accent-2);margin:0 2px;font-size:16px}.auth-logo-text .logo-select{color:var(--accent-strong)}.auth-logo-divider{background:linear-gradient(90deg, var(--accent-strong), var(--accent-2));border-radius:99px;width:40px;height:3px;margin:0 auto 28px}.auth-step-badge{color:var(--accent-strong);letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(135deg,#1f8f701f,#2aa37f14);border:1px solid #1f8f702e;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.auth-step-badge i{font-size:10px}.auth-title{color:var(--heading);letter-spacing:-.25px;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.25}.auth-subtitle{color:var(--text-muted);margin:0 0 28px;font-size:13.5px;line-height:1.5}.auth-subtitle strong{color:var(--text-mid);font-weight:600}.auth-email-pill{color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#1f8f7014,#2aa37f0d);border:1px solid #1f8f7033;border-radius:99px;align-items:center;gap:8px;max-width:100%;margin-bottom:28px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.auth-email-pill i{color:var(--accent-2);flex-shrink:0;font-size:12px}.auth-alert{background:var(--bg-error);border:1px solid var(--border-error);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.auth-alert i{color:var(--text-error);flex-shrink:0;margin-top:1px;font-size:13px}.auth-alert-body{color:var(--text-error);font-size:13px;line-height:1.5}.auth-alert-body ul{margin:4px 0 0;padding-left:16px}.auth-alert-body li+li{margin-top:2px}.auth-form{flex-direction:column;gap:0;display:flex}.auth-field{margin-bottom:18px}.auth-field:last-of-type{margin-bottom:0}.auth-label{color:var(--text-mid);letter-spacing:.1px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap .input-icon{color:var(--text-muted);pointer-events:none;font-size:13px;transition:color .15s;position:absolute;left:14px}.auth-input{width:100%;height:46px;color:var(--heading);background:var(--bg-page);border:1.5px solid var(--border);border-radius:var(--r-input);-webkit-appearance:none;outline:none;padding:0 14px 0 40px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-input::placeholder{color:var(--text-muted);font-size:13.5px}.auth-input:hover{border-color:#c6d8d6}.auth-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);background:#fff}.auth-input:focus~.input-icon,.auth-input-wrap:focus-within .input-icon{color:var(--accent-strong)}.auth-toggle-pw{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;line-height:1;transition:color .15s;position:absolute;right:12px}.auth-toggle-pw:hover{color:var(--accent-strong)}.auth-input.has-toggle{padding-right:40px}.auth-pw-strength{flex-direction:column;gap:5px;margin-top:8px;display:flex}.auth-pw-bar-track{background:var(--border);border-radius:99px;height:4px;overflow:hidden}.auth-pw-bar-fill{background:var(--accent-strong);border-radius:99px;width:0%;height:100%;transition:width .3s,background .3s}.auth-pw-bar-fill[data-level="1"]{background:#e53e3e;width:25%}.auth-pw-bar-fill[data-level="2"]{background:#dd6b20;width:50%}.auth-pw-bar-fill[data-level="3"]{background:#d69e2e;width:75%}.auth-pw-bar-fill[data-level="4"]{background:var(--accent-strong);width:100%}.auth-pw-hint{color:var(--text-muted);font-size:11.5px}.auth-checkbox-label{color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:22px;font-size:13.5px;display:flex}.auth-checkbox-label input[type=checkbox]{border:1.5px solid var(--border);background:var(--bg-page);width:17px;height:17px;accent-color:var(--accent-strong);cursor:pointer;appearance:none;border-radius:5px;flex-shrink:0;place-items:center;transition:background .15s,border-color .15s;display:grid}.auth-checkbox-label input[type=checkbox]:checked{background:var(--accent-strong);border-color:var(--accent-strong)}.auth-checkbox-label input[type=checkbox]:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:6px;display:block;transform:rotate(-45deg)translateY(-1px)}.auth-checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.auth-btn{background:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent-2) 100%);color:#fff;letter-spacing:.1px;border-radius:var(--r-btn);cursor:pointer;width:100%;height:48px;box-shadow:var(--shadow-btn);border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-family:inherit;font-size:14.5px;font-weight:700;transition:transform .12s,box-shadow .15s,filter .15s;display:flex}.auth-btn i{font-size:13px;transition:transform .2s}.auth-btn:hover{filter:brightness(1.06);box-shadow:0 4px 16px #1c7a6361}.auth-btn:hover i{transform:translate(3px)}.auth-btn:active{box-shadow:none;transform:scale(.975)}.auth-btn:focus-visible{box-shadow:var(--shadow-focus), var(--shadow-btn);outline:none}.auth-btn.is-loading{pointer-events:none;opacity:.8}.auth-btn.is-loading .btn-text{display:none}.auth-btn.is-loading:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:20px}.auth-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.auth-link:hover{color:var(--accent-strong);text-decoration:underline}.auth-link i{font-size:11px}.auth-steps{justify-content:center;align-items:center;gap:6px;margin-bottom:28px;display:flex}.auth-step-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.auth-step-dot.active{background:var(--accent-strong);transform:scale(1.2)}.auth-step-dot.done{background:var(--accent-2)}.auth-step-line{background:var(--border);border-radius:99px;flex:1;max-width:32px;height:2px}.auth-step-line.done{background:var(--accent-2)}.auth-secure-note{color:var(--text-muted);justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:11.5px;display:flex}.auth-secure-note i{color:var(--accent);font-size:11px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-requirements{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.auth-requirements li{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;transition:color .2s;display:flex}.auth-requirements li.valid{color:var(--accent-strong)}.auth-requirements li i{text-align:center;width:14px;color:var(--border);font-size:10px;transition:color .2s}.auth-requirements li.valid i{color:var(--accent-strong)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{color:var(--heading);align-items:center;gap:8px;margin:0 0 6px;font-size:24px;font-weight:800;display:flex}@media (width>=640px){.page-title{font-size:26px}}.page-sub{color:var(--text-muted);margin:0;font-size:13.5px}.dash-grid{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (width>=1024px){.dash-grid{grid-template-columns:1fr 320px}}.dash-main,.dash-side{min-width:0}.profile-row{flex-wrap:wrap;gap:20px;display:flex}.profile-photo{flex-shrink:0;width:110px;height:110px;position:relative}.profile-photo img{-o-object-fit:cover;object-fit:cover;border-radius:var(--r-photo);width:100%;height:100%;display:block}.profile-photo-fallback{border-radius:var(--r-photo);background:var(--accent-strong);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.profile-photo-badge{width:28px;height:28px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 2px 8px #06282b26}.profile-info{min-width:0}.profile-name{color:var(--heading);margin:0 0 10px;font-size:19px;font-weight:800}.pill-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pill-row:last-child{margin-bottom:0}.meta-list{flex-direction:column;gap:7px;display:flex}.meta-item{color:var(--text-mid);align-items:center;gap:8px;font-size:13px;display:flex}.meta-item i{color:var(--text-muted);text-align:center;width:14px;font-size:12px}.empty-hint{color:var(--text-muted);margin:0;font-size:13px}.ring-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ring-inner{width:54px;height:54px;color:var(--heading);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.ring-label{color:var(--pill-green-text);margin:0;font-size:13.5px;font-weight:700}.ring-hint{color:var(--text-muted);margin:3px 0 0;font-size:12.5px}.checklist{margin:0 0 16px;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--border);color:var(--text-mid);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.checklist li:last-child{border-bottom:none}.checklist-label{align-items:center;gap:8px;display:flex}.checklist-label i{color:var(--text-muted);font-size:9px}.checklist-yes{color:var(--accent);font-size:14px}.checklist-no{color:var(--border);font-size:13px}.activity-list{margin:0 0 14px;padding:0;list-style:none}.activity-list li{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.activity-list li:last-child{border-bottom:none}.activity-icon{background:var(--pill-bg);width:28px;height:28px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;display:flex}.activity-label{color:var(--heading);margin:0;font-size:13px;font-weight:600}.activity-time{color:var(--text-muted);margin:2px 0 0;font-size:12px}.modal-overlay{z-index:1000;background:#06282b73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:70%;max-height:85vh;padding:24px;display:none;overflow-y:auto}.modal-box.active{display:block}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h3{color:var(--heading);margin:0;font-size:17px;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.f-label{color:var(--text-mid);margin:14px 0 6px;font-size:12.5px;font-weight:600;display:block}.f-input{border:1px solid var(--border);width:100%;color:var(--heading);background:#fff;border-radius:8px;padding:9px 12px;font-size:13.5px}.checkbox-list{flex-direction:column;gap:8px;max-height:180px;margin-bottom:8px;display:flex;overflow-y:auto}.checkbox-item{color:var(--text-mid);align-items:center;gap:8px;font-size:13.5px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-group{flex-direction:column;display:flex}.form-group-full{grid-column:1/-1}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}}