.auth-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;height:100vh;margin:0 auto;padding:0 20px;font-family:IBM Plex Sans Condensed,sans-serif;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:40px;transition:height .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-logo-box{color:#fff;background-color:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.25rem;font-weight:400;display:flex}.auth-image{background-image:url(/logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.3rem;width:50px;height:50px;margin-bottom:10px}.auth-title{color:#111;margin:0 0 8px;font-size:1.75rem;font-weight:600}.auth-subtitle{color:#6b7280;margin:0;font-size:.95rem}.auth-toggle{background:#f3f4f6;border-radius:10px;width:100%;margin-bottom:32px;padding:4px;display:flex}.toggle-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:.9rem;font-weight:500;transition:all .2s}.toggle-btn.active{color:#111;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000d}.toggle-btn:hover:not(.active){color:#374151}.auth-form{width:100%}.form-group{margin-bottom:20px}.form-label{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{color:#111;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:11px 12px;font-size:.95rem;transition:all .15s}.form-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 2px #1a1a1a1a}.password-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#4b5563}.form-actions{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:#1a1a1a;border:1px solid #d1d5db;border-radius:4px;width:16px;height:16px}.remember-me span{color:#4b5563;font-size:.875rem}.forgot-password{color:#111;font-size:.875rem;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-button{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:500;transition:all .15s}.submit-button:hover{background-color:#000;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.submit-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.submit-button:active{transform:translateY(0)}.form-message{margin:4px 0 12px;font-size:.9rem;font-weight:500}.form-message.error{color:#b91c1c}.form-message.success{color:#047857}.auth-footer{text-align:center;color:#6b7280;margin-top:32px;font-size:.75rem;line-height:1.5}.auth-footer a{color:#111;cursor:pointer;margin:0 2px;text-decoration:underline}