.kb-login{--accent:#0f766e;--accent-bright:#2dd4bf;--accent-soft:#f0fdfa;--night:#062d32;color:#0f172a;background:#eef2f6;place-items:center;min-height:100dvh;padding:32px;display:grid}.kb-login.kb-admin{--accent:#6d28d9;--accent-bright:#c4b5fd;--accent-soft:#f5f3ff;--night:#201044}.kb-login *{box-sizing:border-box}.kb-login-shell{background:#fff;border:1px solid #e2e8f0;border-radius:30px;grid-template-columns:1fr 1fr;width:100%;max-width:1240px;display:grid;overflow:hidden;box-shadow:0 24px 80px -36px rgba(15,23,42,.333)}.kb-form-side{flex-direction:column;padding:36px 48px;display:flex}.kb-brand{color:#0f172a;letter-spacing:.09em;align-items:center;gap:12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.kb-brand img{object-fit:contain}.kb-brand small{color:#64748b;letter-spacing:.2em;margin-top:4px;font-size:9px;display:block}.kb-form-content{width:100%;max-width:400px;margin:auto;padding:54px 0}.kb-eyebrow{letter-spacing:.2em;color:var(--accent);margin:0 0 12px;font-size:10px;font-weight:800}.kb-form-content h1{letter-spacing:-.04em;margin:0 0 14px;font-size:36px;font-weight:750;line-height:1.2}.kb-intro{color:#64748b;margin:0 0 26px;font-size:14px;line-height:1.7}.kb-role-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:26px;padding:5px;display:grid}.kb-role-tabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:14px;font-weight:650;display:flex}.kb-role-tabs [aria-selected=true]{color:var(--accent);background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.07)}.kb-form fieldset{border:0;min-width:0;margin:0;padding:0}.kb-form label{margin-bottom:9px;font-size:13px;font-weight:650;display:block}.kb-input-wrap{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:0 14px;display:flex}.kb-input-wrap>svg{flex-shrink:0}.kb-input-wrap input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:15px 0;font-size:14px}.kb-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kb-input-wrap button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.kb-reset-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;margin-bottom:20px;padding:14px;font-size:14px;display:block}.kb-reset-link{color:var(--accent);cursor:pointer;background:0 0;border:0;margin:-5px 0 22px auto;font-size:12px;font-weight:650;display:block}.kb-submit{background:var(--accent);color:#fff;width:100%;box-shadow:0 8px 22px -12px var(--accent);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:700;display:flex}.kb-submit:hover{filter:brightness(1.1)}.kb-submit:disabled,.kb-role-tabs button:disabled{opacity:.65;cursor:wait}.kb-back{color:var(--accent);cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:13px;display:block}.kb-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;margin:0 0 16px;padding:12px;font-size:13px}.kb-help{text-align:center;color:#64748b;margin:22px 0 0;font-size:12px;line-height:1.6}.kb-footer{color:#64748b;margin:0;font-size:10px}.kb-login button:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}.kb-login a:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}.kb-reset-input:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}.kb-story{isolation:isolate;background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--accent)55%,transparent),transparent 65%),var(--night);color:#fff;flex-direction:column;padding:36px 44px;display:flex;position:relative;overflow:hidden}.kb-grid{z-index:-1;opacity:.07;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:42px 42px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.kb-story-top{letter-spacing:.17em;color:#e2e8f0;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.kb-status-dot{background:var(--accent-bright);width:6px;height:6px;box-shadow:0 0 12px var(--accent-bright);border-radius:50%}.kb-orbit{place-items:center;width:280px;max-width:100%;height:280px;margin:36px auto;display:grid;position:relative}.kb-ring{border:1px solid var(--accent-bright);box-shadow:0 0 22px color-mix(in srgb,var(--accent-bright)35%,transparent),inset 0 0 22px color-mix(in srgb,var(--accent-bright)15%,transparent);border-radius:50%;position:absolute}.kb-ring-one{opacity:.6;top:12px;bottom:12px;left:12px;right:12px}.kb-ring-two{opacity:.3;border-style:dashed;top:38px;bottom:38px;left:38px;right:38px}.kb-logo-core{width:160px;height:160px;box-shadow:0 0 60px color-mix(in srgb,var(--accent-bright)40%,transparent);background:#fff;border-radius:36px;place-items:center;display:grid}.kb-logo-core img{object-fit:contain;max-width:80%;height:auto}.kb-orbit-dot{border-radius:50%;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.kb-orbit-dot:before{content:"";background:var(--accent-bright);width:9px;height:9px;box-shadow:0 0 18px var(--accent-bright);border-radius:50%;position:absolute;top:20px;left:40px}.kb-story-copy{position:relative}.kb-story-copy .kb-eyebrow{color:var(--accent-bright)}.kb-story-copy h2{letter-spacing:-.035em;margin:0 0 18px;font-size:36px;font-weight:650;line-height:1.15}.kb-story-copy>p:not(.kb-eyebrow){color:#e2e8f0;font-size:14px;line-height:1.8}.kb-feature-list{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.kb-feature-list span{color:#f1f5f9;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.145);border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.kb-feature-list svg{width:16px;height:16px;color:var(--accent-bright)}.kb-story-footer{color:#cbd5e1;margin-top:auto;padding-top:36px;font-size:11px}.kb-spinner{border:2px solid rgba(255,255,255,.376);border-top-color:#fff;border-radius:50%;width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.kb-submit,.kb-role-tabs button,.kb-story{transition:background .35s,color .25s,transform .2s}.kb-submit:hover{transform:translateY(-2px)}.kb-orbit-dot{animation:18s linear infinite kb-orbit}.kb-logo-core{animation:6s ease-in-out infinite kb-float}.kb-ring-one{animation:4s ease-in-out infinite kb-glow}.kb-story-copy{animation:.35s ease-out kb-enter}.kb-spinner{animation:.8s linear infinite kb-orbit}@keyframes kb-orbit{to{transform:rotate(360deg)}}@keyframes kb-float{50%{transform:translateY(-7px)}}@keyframes kb-glow{50%{opacity:1;transform:scale(1.035)}}@keyframes kb-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media (max-width:900px){.kb-login{padding:16px}.kb-form-side,.kb-story{padding:28px}.kb-story-copy h2{font-size:28px}.kb-orbit{width:220px;height:220px}.kb-logo-core{width:130px;height:130px}}@media (max-width:700px){.kb-login{padding:0}.kb-login-shell{border:0;border-radius:0;grid-template-columns:1fr;min-height:100dvh}.kb-form-side{padding:28px 24px}.kb-form-content{padding:36px 0}.kb-story{padding:30px 24px}.kb-orbit{margin:22px auto}.kb-story-copy h2{font-size:30px}.kb-footer{text-align:center}}.kb-remember{background:var(--accent-soft);border:1px solid #e2e8f0;border-radius:12px;margin:0 0 22px;padding:13px 14px}.kb-form .kb-remember label{cursor:pointer;align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.kb-remember input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.kb-remember p{color:#475569;margin:7px 0 0 25px;font-size:11px;line-height:1.6}.kb-finance-scene{margin:-12px 0 30px;padding-top:16px;position:relative}.kb-finance-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.19);border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:650;display:flex;box-shadow:0 12px 25px rgba(0,0,0,.082)}.kb-finance-chip small{color:#cbd5e1;margin-top:3px;font-size:10px;font-weight:400;display:block}.kb-finance-chip>svg,.kb-currency{color:var(--accent-bright);flex-shrink:0}.kb-currency{background:rgba(255,255,255,.07);border-radius:50%;place-items:center;width:30px;height:30px;font-size:21px;display:grid}.kb-finance-chip-left{position:absolute;top:-45px;left:-14px;transform:rotate(-5deg)}.kb-finance-chip-right{z-index:1;position:absolute;top:-5px;right:-12px;transform:rotate(4deg)}.kb-finance-chart{background:linear-gradient(130deg,rgba(255,255,255,.07),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.125);border-radius:18px;margin:28px 12px 0;padding:18px;position:relative}.kb-chart-heading{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;display:flex}.kb-chart-bars{align-items:flex-end;gap:10px;height:65px;display:flex}.kb-chart-bars span{background:linear-gradient(var(--accent-bright),transparent);opacity:.55;transform-origin:bottom;border-radius:5px 5px 0 0;flex:1}.kb-chart-line{width:calc(100% - 48px);height:55px;color:var(--accent-bright);filter:drop-shadow(0 0 6px var(--accent));position:absolute;bottom:24px;left:24px}.kb-chart-line path{stroke-dasharray:340;stroke-dashoffset:0}.kb-login-shell{box-shadow:0 30px 90px -35px rgba(15,23,42,.333)}.kb-form-side{background:radial-gradient(ellipse at top left,var(--accent-soft),white 65%)}@media (prefers-reduced-motion:no-preference){.kb-finance-chip-left{animation:6s ease-in-out infinite kb-chip-left}.kb-finance-chip-right{animation:7s ease-in-out infinite kb-chip-right}.kb-chart-bars span{animation:.9s ease-out both kb-bar-enter}.kb-chart-line path{animation:3s ease-out both kb-chart-draw}@keyframes kb-chip-left{50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes kb-chip-right{50%{transform:translateY(7px)rotate(2deg)}}@keyframes kb-bar-enter{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes kb-chart-draw{0%{stroke-dashoffset:340px}to{stroke-dashoffset:0}}}@media (max-width:900px){.kb-finance-chip{padding:9px;font-size:10px}.kb-finance-chip-left{top:-35px;left:0}.kb-finance-chip-right{top:8px;right:0}.kb-finance-chart{margin-top:55px}.kb-chart-bars{height:50px}}@media (min-width:701px) and (min-height:600px){.kb-login{box-sizing:border-box;height:100dvh;min-height:0;padding:16px}.kb-login-shell{height:min(900px,100dvh - 32px);min-height:0}.kb-form-side{min-height:0;padding:20px 32px;overflow-y:auto}.kb-brand{flex-shrink:0}.kb-brand img{width:36px;height:36px}.kb-form-content{padding:16px 0}.kb-form-content h1{margin-bottom:8px;font-size:30px}.kb-intro{margin-bottom:16px;line-height:1.5}.kb-role-tabs{margin-bottom:16px}.kb-role-tabs button{padding:9px 8px}.kb-form label{margin-bottom:6px}.kb-input-wrap{margin-bottom:14px}.kb-input-wrap input{padding:11px 0}.kb-reset-input{margin-bottom:14px;padding:11px 12px}.kb-remember{margin-bottom:14px;padding:10px 12px}.kb-remember p{margin-top:5px;line-height:1.4}.kb-reset-link{margin:0 0 14px auto}.kb-submit{padding:12px}.kb-help{margin-top:12px}.kb-story{justify-content:space-between;min-height:0;padding:24px 32px}.kb-story-top{flex-shrink:0}.kb-orbit{flex-shrink:0;width:max(150px,min(23dvh,220px));height:max(150px,min(23dvh,220px));margin:12px auto 28px}.kb-logo-core{border-radius:26px;width:105px;height:105px}.kb-ring-two{top:26px;bottom:26px;left:26px;right:26px}.kb-finance-scene{margin:0 0 14px;padding-top:0}.kb-finance-chart{margin:24px 8px 0;padding:12px}.kb-chart-heading{margin-bottom:8px}.kb-chart-bars{height:max(30px,min(5dvh,50px))}.kb-chart-line{height:36px;bottom:15px}.kb-finance-chip{padding:8px;font-size:10px}.kb-finance-chip-left{top:-34px;left:0}.kb-finance-chip-right{top:-12px;right:0}.kb-story-copy h2{margin-bottom:10px;font-size:max(24px,min(3.7dvh,34px))}.kb-story-copy>p:not(.kb-eyebrow){font-size:13px;line-height:1.5}.kb-feature-list{gap:6px;margin-top:12px}.kb-feature-list span{padding:7px 9px}.kb-story-footer{margin-top:0;padding-top:12px}}@media (min-width:701px) and (min-height:600px) and (max-height:800px){.kb-login{padding:12px}.kb-login-shell{border-radius:22px;height:calc(100dvh - 24px)}.kb-form-side{padding:16px 28px}.kb-form-content{padding:12px 0}.kb-form-content>.kb-eyebrow,.kb-help,.kb-footer,.kb-story-footer{display:none}.kb-form-content h1{font-size:26px}.kb-intro{margin-bottom:12px;font-size:12px}.kb-role-tabs{margin-bottom:12px}.kb-input-wrap,.kb-reset-input,.kb-remember,.kb-reset-link{margin-bottom:10px}.kb-story{padding:20px 28px}.kb-story-copy .kb-eyebrow{margin-bottom:8px}}@media (min-width:701px) and (min-height:600px) and (max-height:680px){.kb-form-content>.kb-intro{display:none}.kb-form-content h1{margin-bottom:12px}.kb-story-copy>p:not(.kb-eyebrow){display:none}.kb-story-copy h2{font-size:24px}}@media (min-width:701px) and (max-height:599px){.kb-login{padding:12px}.kb-form-side,.kb-story{padding:20px 28px}.kb-form-content{padding:16px 0}.kb-orbit{width:150px;height:150px;margin:12px auto 30px}.kb-logo-core{width:95px;height:95px}}