.login-container{background:radial-gradient(circle,#c75b3914 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.back-link{color:var(--text-muted);transition:var(--transition);font-size:.875rem;font-weight:500;text-decoration:none;position:absolute;top:2rem;left:2rem}.back-link:hover{color:var(--text-main)}.login-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:2.5rem}.logo-circle{width:64px;height:64px;color:var(--primary);background-color:#c75b391a;border:1px solid #c75b3933;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.logo-icon-large{width:32px;height:32px}.login-header h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:500}.login-input{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);box-sizing:border-box;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.login-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #c75b3933}.login-input:disabled{opacity:.7;cursor:not-allowed}.submit-btn{background-color:var(--text-main);width:100%;color:var(--bg-darker);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem;font-size:.95rem;font-weight:600;display:flex}.submit-btn:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.login-footer p{color:var(--text-muted);font-size:.875rem}