.crm-login{isolation:isolate;box-sizing:border-box;background:radial-gradient(ellipse 1000px 520px at 12% -10%,#ff420021,transparent 70%),radial-gradient(ellipse 900px 560px at 92% 112%,#520a8c1f,transparent 70%),var(--bg);place-items:center;min-height:100vh;padding:32px 24px;display:grid;position:relative;overflow:hidden}.crm-login__fiber{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crm-login__fiber-line{fill:none;stroke:#ff420029;stroke-width:1px}.crm-login__fiber-pulse{fill:none;stroke:#ff4200;stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff4200);stroke-dasharray:64 936;animation:linear infinite crm-fiber-travel}.crm-login__fiber-pulse--1{animation-duration:7.5s;animation-delay:-2s}.crm-login__fiber-pulse--2{opacity:.55;animation-duration:12s;animation-delay:-7s}.crm-login__fiber-pulse--3{opacity:.8;animation-duration:9.5s;animation-delay:-4.5s}.crm-login__fiber-pulse--4{animation-duration:8.5s;animation-delay:-1s}@keyframes crm-fiber-travel{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.crm-login__shell{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:28px;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);width:min(1180px,100%);min-height:580px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #14141e59,0 18px 44px -34px #ff42008c}.crm-login__theme{z-index:4;position:absolute;top:16px;right:16px}.crm-login__theme .nb-icobtn{border:1px solid color-mix(in srgb,var(--border)75%,var(--accent)25%);background:color-mix(in srgb,var(--surface)82%,transparent);border-radius:10px;width:36px;height:36px;box-shadow:0 8px 20px -14px #0009}.crm-login__visual{isolation:isolate;background:#1e1e1e;min-height:580px;position:relative}.crm-login__visual-image{object-fit:cover;object-position:center}.crm-login__visual-shade{z-index:1;background:linear-gradient(90deg,#13161914,transparent 54%,color-mix(in srgb,var(--surface)86%,transparent)),linear-gradient(0deg,#101316b3,transparent 46%);position:absolute;inset:0}.crm-login__caption{z-index:2;color:#fff;text-shadow:0 2px 12px #0000005c;position:absolute;bottom:28px;left:32px;right:32px}.crm-login__caption p{color:#ff7a45;letter-spacing:.16em;margin:0;font-size:12px;font-weight:700}.crm-login__caption h2{letter-spacing:-.035em;max-width:420px;margin:10px 0 0;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.12}.crm-login__form-wrap{background:var(--surface);place-items:center;padding:48px 40px;display:grid}.crm-login__form-card{width:min(100%,348px)}.crm-login__brand{text-align:center;margin-bottom:34px}.crm-login__brand h1{color:var(--fg);letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.3vw,44px);font-weight:800;line-height:1}.crm-login__brand p{color:var(--fg-muted);margin:12px 0 0;font-size:15px}.crm-login__error{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:9px;margin:0 0 18px;padding:10px 12px;font-size:13px}.crm-login__form{gap:18px;display:grid}.crm-login__field{color:var(--fg-secondary);gap:8px;font-size:13px;font-weight:700;display:grid}.crm-login__field>div{position:relative}.crm-login__field svg{width:17px;height:17px;color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.crm-login__field input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--input-bg);width:100%;height:49px;color:var(--fg);font:inherit;border-radius:12px;outline:none;padding:0 44px 0 43px;font-size:14px;transition:border-color .15s,box-shadow .15s}.crm-login__field input::placeholder{color:var(--fg-subtle)}.crm-login__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)18%,transparent)}.crm-login__eye{width:38px;height:38px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.crm-login__eye:hover{color:var(--fg);background:color-mix(in srgb,var(--fg)7%,transparent)}.crm-login__eye svg{width:17px;height:17px;position:static;transform:none}.crm-login__submit{background:var(--accent-solid);height:50px;color:var(--accent-contrast);box-shadow:0 12px 24px -12px color-mix(in srgb,var(--accent)80%,transparent);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:8px;font-size:15px;font-weight:700;transition:transform .1s,filter .15s}.crm-login__submit:hover:not(:disabled){filter:brightness(1.06)}.crm-login__submit:active:not(:disabled){transform:translateY(1px)}.crm-login__submit:disabled{opacity:.65;cursor:wait}.crm-login__secure{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:center;align-items:center;gap:8px;margin:32px 0 0;padding-top:25px;font-size:12px;display:flex}.crm-login__secure i{background:var(--success);width:7px;height:7px;box-shadow:0 0 7px color-mix(in srgb,var(--success)75%,transparent);border-radius:50%}@media (max-width:1023px){.crm-login{padding:20px 16px}.crm-login__shell{border-radius:23px;grid-template-columns:1fr;max-width:540px;min-height:0}.crm-login__visual{min-height:245px}.crm-login__visual-image{object-position:48% center}.crm-login__caption{bottom:20px;left:24px;right:24px}.crm-login__caption h2{margin-top:6px;font-size:20px}.crm-login__form-wrap{padding:42px 28px}}@media (max-width:479px){.crm-login{place-items:stretch stretch;padding:0}.crm-login__shell{border:0;border-radius:0;width:100%;min-height:100vh}.crm-login__visual{min-height:220px}.crm-login__form-wrap{padding:38px 24px}.crm-login__brand{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.crm-login *{transition:none!important}.crm-login__fiber-pulse{opacity:0;animation:none}}.crm-login__secure i{background:#16a34a;animation:2.2s ease-in-out infinite crm-login-status-pulse;box-shadow:0 0 7px #16a34a}.dark .crm-login__secure i{background:#4ade80;box-shadow:0 0 7px #4ade80}@keyframes crm-login-status-pulse{0%,to{opacity:.72;transform:scale(.82);box-shadow:0 0 4px #16a34a}50%{opacity:1;transform:scale(1);box-shadow:0 0 9px #16a34a}}.dark .crm-login__secure i{animation-name:crm-login-status-pulse-dark}@keyframes crm-login-status-pulse-dark{0%,to{opacity:.72;transform:scale(.82);box-shadow:0 0 4px #4ade80}50%{opacity:1;transform:scale(1);box-shadow:0 0 9px #4ade80}}@media (prefers-reduced-motion:reduce){.crm-login__secure i{animation:none}}.crm-login__field input{font-weight:400}
