:root{--sa-primary:#0c67a0;--sa-primary-dk:#033452;--sa-link:#007bff;--sa-border-input:#ddd;--sa-shadow:0 4px 8px #0000001a;--sa-radius-card:10px;--sa-radius-tab:10px 10px 0 0;--sa-radius-input:5px;--sa-font:Arial, sans-serif;--sa-card-w:300px;--sa-text:#6b6375;--sa-text-h:#08060d;--sa-bg:#fff;--sa-border:#e5e4e7;--sa-primary-lt:#0c67a01a;--sa-primary-ring:#0c67a038}@keyframes sa-spin{to{transform:rotate(360deg)}}@keyframes sa-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-fade{0%{opacity:0}to{opacity:1}}body{background-color:#0c67a0;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}.container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.form-container{background-color:#fff;border-radius:10px;width:300px;padding:20px;box-shadow:0 4px 8px #0000001a}.form-toggle{justify-content:space-between;margin-bottom:20px;display:flex}.form-toggle button{cursor:pointer;background-color:#f3f3f3;border:none;border-radius:10px 10px 0 0;width:50%;padding:10px;font-size:16px}.form-toggle .active{color:#fff;background-color:#033452}.form{flex-direction:column;display:flex}.form h2{margin-bottom:20px}.form input{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.form button{color:#fff;cursor:pointer;background-color:#033452;border:none;border-radius:5px;padding:10px}.form a{color:#007bff;text-align:right;margin-bottom:10px;text-decoration:none}.form p{text-align:center}.sa-brand{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sa-brand-dot{background:var(--sa-primary);width:9px;height:9px;box-shadow:0 0 0 3px var(--sa-primary-lt);border-radius:50%;flex-shrink:0}.sa-brand-name{letter-spacing:.5px;color:var(--sa-primary-dk);font-family:Arial,sans-serif;font-size:14px;font-weight:700}.sa-brand-tag{letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--sa-primary);border-radius:4px;padding:2px 6px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.form input:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px var(--sa-primary-ring);outline:none}.form button:hover{background-color:var(--sa-primary)}.form button:active{transform:scale(.98)}.form button:disabled{opacity:.6;cursor:not-allowed}.sa-pw-wrap{margin-bottom:10px;position:relative}.sa-pw-wrap .form-input-pw{margin-bottom:0;padding-right:38px}.sa-pw-toggle{cursor:pointer;color:var(--sa-text);width:auto;line-height:1;font-size:inherit;background:0 0;border:none;border-radius:0;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.sa-pw-toggle:hover{color:var(--sa-primary);background:0 0;transform:translateY(-50%)}.sa-pw-toggle:active{transform:translateY(-50%)scale(.95)}.sa-strength{align-items:center;gap:8px;margin-top:-4px;margin-bottom:10px;display:flex}.sa-strength-bar{flex:1;gap:4px;display:flex}.sa-strength-seg{background:var(--sa-border);border-radius:2px;flex:1;height:4px;transition:background .25s}.sa-strength-label{text-align:right;min-width:36px;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.sa-error{border-radius:var(--sa-radius-input);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;margin-bottom:12px;padding:9px 11px;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;animation:.2s sa-slide}.sa-success{border-radius:var(--sa-radius-input);color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:12px;padding:9px 11px;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;animation:.2s sa-slide}.sa-spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite sa-spin;display:inline-block}.form p a,.sa-switch-link{color:var(--sa-link);text-underline-offset:2px;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:Arial,sans-serif;font-weight:600;text-decoration:underline}.sa-back-link{color:var(--sa-primary);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:Arial,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.sa-back-link:hover{text-decoration:underline}body.sa-dash-mode{align-items:unset;justify-content:unset;background-color:#fff;height:auto;min-height:100vh;display:block}.sa-dash-header{border-bottom:1px solid var(--sa-border);z-index:10;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 28px;font-family:Arial,sans-serif;display:flex;position:sticky;top:0}.sa-logout-btn{color:#fff;cursor:pointer;background-color:#033452;border:none;border-radius:5px;padding:8px 16px;font-family:Arial,sans-serif;font-size:14px;transition:background .18s}.sa-logout-btn:hover{background-color:var(--sa-primary)}.sa-logout-btn:active{transform:scale(.98)}.sa-dash-nav{gap:4px;display:flex}.sa-dash-nav-btn{color:var(--sa-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:7px 14px;font-family:Arial,sans-serif;font-size:13px;font-weight:400;transition:background .15s,color .15s}.sa-dash-nav-btn:hover{background:var(--sa-primary-lt);color:var(--sa-primary-dk)}.sa-dash-nav-btn.active{background:var(--sa-primary-lt);color:var(--sa-primary-dk);border-color:var(--sa-primary-ring);font-weight:700}.sa-dash-main{max-width:680px;margin:40px auto;padding:0 20px;font-family:Arial,sans-serif;animation:.3s sa-fade}.sa-dash-welcome{align-items:center;gap:14px;margin-bottom:28px;display:flex}.sa-avatar{background-color:var(--sa-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Arial,sans-serif;font-size:20px;font-weight:700;display:flex}.sa-dash-name{color:#08060d;margin:0 0 3px;font-size:20px;font-weight:700}.sa-dash-email{color:var(--sa-text);margin:0;font-size:13px}.sa-dash-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-bottom:28px;display:grid}.sa-dash-card{border:1px solid var(--sa-border);text-align:left;background:#fff;border-radius:10px;padding:16px 14px;transition:box-shadow .15s;box-shadow:0 1px 3px #0000000f}.sa-dash-card:hover{box-shadow:0 4px 10px #00000017}.sa-dash-icon{margin-bottom:8px;font-size:18px;display:block}.sa-dash-card-label{text-transform:uppercase;letter-spacing:.4px;color:var(--sa-text);margin:0 0 3px;font-size:10px;font-weight:700}.sa-dash-card-value{color:#08060d;word-break:break-word;margin:0;font-size:13px;font-weight:700;line-height:1.4}.sa-dash-note{color:var(--sa-text);background:var(--sa-primary-lt);border:1px solid var(--sa-primary-ring);text-align:left;border-radius:5px;padding:13px 15px;font-size:13px;line-height:1.7}.sa-dash-note code{color:var(--sa-primary-dk);background:#0c67a01f;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:12px}.sa-pw-panel{text-align:left;max-width:340px;animation:.2s sa-slide}.sa-boot{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=520px){.form-container{width:calc(100vw - 40px);padding:16px}.sa-dash-header{padding:10px 14px}.sa-dash-main{margin:24px auto}.sa-dash-nav{display:none}}