*,:before,:after{box-sizing:border-box;margin:0;padding:0}.login-page{background:var(--bg-primary);min-height:100svh;color:var(--text-primary);font-family:var(--font-sans),"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;grid-template-columns:1fr 1fr;display:grid}.login-page--loading{background:var(--bg-primary);grid-template-columns:none;justify-content:center;align-items:center;min-height:100svh;display:flex}.login-page__panel{background:var(--accent-blue);color:#fff;align-items:center;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-page__panel-content{z-index:1;max-width:420px;position:relative}.login-page__brand{align-items:center;gap:12px;margin-bottom:48px;display:flex}.login-page__brand-icon{background:var(--accent-orange);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.login-page__brand-name{color:#fff;letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.login-page__panel-heading{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:2.25rem;font-weight:700;line-height:1.2}.login-page__panel-sub{color:#ffffffd1;margin-bottom:48px;font-size:.9375rem;line-height:1.65}.login-page__panel-stats{border-top:1px solid #ffffff2e;gap:32px;padding-top:24px;display:flex}.login-page__stat{flex-direction:column;gap:4px;display:flex}.login-page__stat-value{color:#fff;letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.login-page__stat-label{color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.login-page__form-side{background:var(--bg-surface);justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-page__form-card{width:100%;max-width:420px}.login-page__form-header{margin-bottom:36px}.login-page__form-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.875rem;font-weight:700}.login-page__form-header p{color:var(--text-secondary);font-size:.9375rem}.login-page__form{flex-direction:column;gap:20px;display:flex}.login-page__field{flex-direction:column;gap:8px;display:flex}.login-page__field label{color:var(--text-secondary);letter-spacing:.01em;font-size:.8125rem;font-weight:500}.login-page__field input,.login-page__field select{background:var(--bg-input);border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-primary);appearance:none;border-radius:8px;outline:none;padding:0 14px;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.login-page__field input::placeholder,.login-page__field select::placeholder{color:var(--text-muted)}.login-page__field input:hover,.login-page__field select:hover{border-color:var(--border-color-light)}.login-page__field input:focus,.login-page__field select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb), .18)}.login-page__field input:disabled,.login-page__field select:disabled{opacity:.5;cursor:not-allowed}.login-page__field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.login-page__field select option{background:var(--bg-surface);color:var(--text-primary)}.login-page__password-wrap{position:relative}.login-page__password-wrap input{padding-right:44px}.login-page__eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-page__eye:hover{color:var(--text-primary)}.login-page__checkbox-row{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;font-size:.9rem;display:flex}.login-page__checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0}.login-page__checkbox-row:hover{color:var(--text-primary)}.login-page__error{background:rgba(var(--accent-red-rgb), .1);border:1px solid rgba(var(--accent-red-rgb), .3);color:var(--accent-red);border-radius:8px;padding:12px 14px;font-size:.875rem;line-height:1.5}.login-page__success{background:rgba(var(--accent-green-rgb), .1);border:1px solid rgba(var(--accent-green-rgb), .3);color:var(--accent-green);border-radius:8px;padding:12px 14px;font-size:.875rem;line-height:1.5}.login-page__submit{background:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin-top:4px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex}.login-page__submit:hover:not(:disabled){background:var(--accent-orange-hover)}.login-page__submit:disabled{opacity:.5;cursor:not-allowed}.login-page__spinner{color:var(--text-muted);animation:1s linear infinite login-spin}.login-page__spinner-btn{animation:1s linear infinite login-spin}.login-page__footer{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:.875rem;display:flex}.login-page__link{color:var(--accent-blue);align-items:center;gap:4px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.login-page__link:hover{color:var(--accent-blue-hover)}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-page__panel{min-height:0;padding:36px 24px}.login-page__panel-heading{font-size:1.625rem}.login-page__panel-stats{gap:20px}.login-page__form-side{padding:36px 24px}.login-page__form-card{max-width:100%}}