.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#2563eb);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.3);width:100%;max-width:400px;padding:36px 32px;color:#0f172a}.login-brand{text-align:center;margin-bottom:28px}.login-brand .logo{width:56px;height:56px;border-radius:14px;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px}.login-brand h1{font-size:24px;font-weight:700}.login-brand p{color:#64748b;font-size:14px;margin-top:4px}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.login-input-wrap{position:relative}.login-input{width:100%;padding:11px 40px 11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.login-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.toggle-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;font-size:16px;color:#64748b}.login-btn,.toggle-pass{border:none;cursor:pointer}.login-btn{width:100%;padding:12px;background:#2563eb;color:#fff;border-radius:8px;font-size:15px;font-weight:600;margin-top:6px}.login-btn:hover{background:#1d4ed8}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#fee2e2;color:#b91c1c;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:16px}.login-hint{text-align:center;margin-top:18px;font-size:12px;color:#94a3b8}