:root{--primary-color:#0f172a;--accent-color:#0ea5e9;--bg-body:#f8fafc}body{background-color:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;padding:20px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-card{background:#fff;border:none;border-radius:16px;width:100%;max-width:480px;padding:40px 30px;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a14}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #0ea5e926}.btn-login{background-color:var(--primary-color);color:#fff;border:none;padding:12px;font-weight:600;transition:all .2s}.btn-login:hover{color:#fff;background-color:#1e293b;transform:translateY(-1px)}.profile-badge-selector{cursor:pointer;text-align:center;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px 5px;font-size:.8rem;transition:all .2s;display:flex}.profile-badge-selector i{margin-bottom:4px;font-size:1.4rem}.profile-badge-selector:hover{border-color:var(--accent-color);color:var(--primary-color);background-color:#f0f9ff}.profile-badge-selector.active{border-color:var(--accent-color);color:#0369a1;background-color:#e0f2fe;font-weight:600}