.toast-notification{position:fixed;top:90px;right:min(24px,4vw);max-width:min(420px,calc(100vw - 2rem));width:auto;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:9999;animation:toast-slide-in .3s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast-success{border:1px solid rgba(52,211,153,.2);border-left:4px solid #34d399}.toast-error,.toast-success{background:rgba(12,18,32,.95);color:#f1f5f9}.toast-error{border:1px solid rgba(248,113,113,.2);border-left:4px solid #f87171}.toast-content{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;flex:1 1}.toast-success .toast-content svg{color:#34d399;flex-shrink:0}.toast-error .toast-content svg{color:#f87171;flex-shrink:0}.toast-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;min-width:32px;min-height:32px;margin-left:8px;transition:color .2s;flex-shrink:0}.toast-close-btn:hover{color:#f1f5f9}@keyframes toast-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:480px){.toast-notification{top:76px;left:1rem;right:1rem;max-width:none}}.login-styles{&.login-container{display:flex;min-height:calc(100vh - 80px);padding:4rem 1rem}.login-card{width:100%;max-width:450px;margin:auto;padding:3rem 2.5rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h2{font-size:2rem;margin-bottom:.5rem}.auth-card-title{color:var(--color-primary-dark)!important}.login-header p{color:var(--color-text-muted);font-size:.95rem}.login-tabs{display:flex;border:1px solid var(--color-surface-border);border-radius:8px;overflow:hidden;margin-bottom:2rem}.login-tab{flex:1 1;padding:.65rem 1rem;font-family:var(--font-main);font-size:.95rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;border:none;background:rgba(255,255,255,.05);color:var(--color-text-muted);transition:all .2s ease}.login-tab:first-child{border-right:1px solid var(--color-surface-border)}.login-tab.active{background:var(--color-primary);color:#ffffff;font-weight:600}.login-tab:not(.active):hover{background:rgba(255,255,255,.1)}.error-message{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.9rem;text-align:center}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-text-muted)}.input-with-icon .input-field{padding-left:2.75rem}.login-btn{margin-top:0;font-size:1.1rem}.login-footer{margin-top:2rem;color:var(--color-text-muted)}.login-footer,.login-resend-btn{text-align:center;font-size:.9rem}.login-resend-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-main);padding:.25rem 0;transition:color .2s ease}.login-resend-btn:hover{color:var(--color-primary-dark)}@media (max-width:480px){.login-card{padding:2rem 1.25rem}.login-header h2{font-size:1.6rem}}}