:root{color-scheme:light;--jjo-blue: #2563eb;--jjo-blue-hover: #1d4ed8;--jjo-blue-soft: #eff6ff;--jjo-mint: #00ffb3;--jjo-mint-site: #00ffb3;--jjo-mint-glow: #4dffca;--auth-page-bg: #f4f9fc;--jjo-mint-hover: #33ffc4;--jjo-mint-dark: #009975;--jjo-mint-soft: #ccfced;--jjo-mint-muted: #e6fff8;--card-mint-border: color-mix(in srgb, var(--jjo-mint-dark) 28%, var(--border));--border-card: var(--border);--border-accent: color-mix(in srgb, var(--jjo-mint-dark) 45%, var(--border));--card-value-color: #2563eb;--bg-app: #f7fafc;--surface: #ffffff;--surface-elevated: #ffffff;--muted-warm: #5c6b7a;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .04);--hero-glow: radial-gradient(ellipse 80% 60% at 100% 0%, color-mix(in srgb, var(--jjo-mint) 6%, transparent), transparent);--primary: var(--jjo-blue);--primary-hover: var(--jjo-blue-hover);--primary-on: #ffffff;--primary-soft: var(--jjo-blue-soft);--primary-fg: var(--jjo-blue);--accent-fg: var(--jjo-mint-dark);--link: var(--jjo-blue);--link-hover: var(--jjo-blue-hover);--link-soft: var(--jjo-blue-soft);--bg: #ffffff;--surface-alt: #f8fafc;--text-muted: var(--muted);--bg-muted: var(--surface-alt);--sidebar-bg: #f8fafc;--text: #0f172a;--muted: var(--muted-warm);--border: #e2e8f0;--accent: var(--jjo-mint);--accent-soft: var(--jjo-mint-muted);--mint: var(--jjo-mint);--mint-hover: var(--jjo-mint-hover);--mint-dark: var(--jjo-mint-dark);--mint-soft: var(--jjo-mint-soft);--mint-text: var(--jjo-mint-dark);--danger: #dc2626;--radius: 12px;--radius-sm: 8px;--shadow: var(--shadow-card);--gradient-ambient: var(--bg-app);--gradient-platform-ambient: var(--bg-app);--gradient-brand-bar: #ffffff;--gradient-auth-panel: linear-gradient(160deg, color-mix(in srgb, var(--jjo-blue) 5%, #ffffff), color-mix(in srgb, var(--jjo-mint) 4%, #ffffff));--glow-blue: 0 1px 2px rgba(15, 23, 42, .06);--glow-blue-strong: 0 2px 6px rgba(15, 23, 42, .08);--glow-mint: 0 1px 2px rgba(15, 23, 42, .04);--glow-mint-strong: 0 2px 6px rgba(15, 23, 42, .06);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font);--app-content-max: 72rem;--app-inset-x: 1.5rem;--page-chrome-gap: .85rem;--page-section-gap: 1.25rem;--chart-actual: #8bb8f0;--chart-actual-soft: #c5daf7;--chart-forecast: #c5dbf5;--chart-forecast-soft: #eaf2fb;--chart-mint: #7ddeb8;--chart-mint-soft: #c2f0dd;--chart-amber: #f0d48a;--chart-amber-soft: #f8ecc4;--chart-violet: #c8b8f0;--chart-violet-soft: #e6dff8;--chart-teal: #8dd4cf;--chart-teal-soft: #c8ece9;--chart-warn: #f5c4a0;--chart-warn-soft: #fae8d8;--chart-danger: #f0a8a8;--chart-danger-soft: #fad8d8;--chart-lead: #e8d090;--chart-lead-soft: #f5edd0;--chart-neutral: #b8c4d0;--chart-neutral-soft: #dce2e8;--chart-inactive: #d8e0e8;--chart-card-radius: var(--radius);--chart-card-shadow: var(--shadow-card);--footer-bg: #0f1419;--footer-text: rgba(248, 250, 252, .88);--footer-link: rgba(248, 250, 252, .58);--footer-link-hover: var(--jjo-mint-site, #00ffb3);--footer-separator: rgba(248, 250, 252, .42)}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--jjo-blue);outline-offset:2px}#main-content:focus{outline:none}.skip-link{position:absolute;left:1rem;top:-120px;z-index:10000;padding:.65rem 1.1rem;background:var(--text);color:#fff;font-weight:600;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:1rem}.muted{color:var(--muted)}.h3{font-size:1.1rem;margin:0 0 .5rem}.required{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .2s ease,opacity .15s ease}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--jjo-blue);color:var(--primary-on);box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--jjo-blue-hover);color:var(--primary-on);box-shadow:none}.btn-secondary{background:#fff;color:var(--link);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--link-soft);color:var(--link-hover)}.btn-ghost{background:transparent;color:var(--muted);border:none}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.btn-block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.input{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:#fff}.input:focus{border-color:var(--jjo-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--jjo-blue) 18%,transparent);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--jjo-blue);width:1.05rem;height:1.05rem}progress{accent-color:var(--jjo-blue)}select.input{appearance:none;-webkit-appearance:none;padding-right:2.4rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;background-size:1rem}select.input[multiple],select.input[size]:not([size="1"]){appearance:auto;-webkit-appearance:auto;padding-right:.85rem;background-image:none}.combobox{position:relative}.combobox-input{padding-right:2.4rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.5' y2='16.5'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;background-size:1rem}.combobox-list{position:absolute;z-index:30;top:calc(100% + .3rem);left:0;right:0;margin:0;padding:.3rem;list-style:none;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 32px #0f172a24;max-height:16rem;overflow-y:auto}.combobox-list[hidden]{display:none}.combobox-option{padding:.45rem .65rem;border-radius:7px;font-size:.92rem;cursor:pointer}.combobox-option:hover,.combobox-option.is-active{background:var(--primary-soft);color:var(--primary)}.combobox-empty{padding:.45rem .65rem;font-size:.88rem;color:var(--muted)}label{display:block;font-weight:500;font-size:.9rem}label>span{display:block;margin-bottom:.35rem}label>span span{display:inline;margin-bottom:0}.stack{display:flex;flex-direction:column;gap:1rem}.auth-body{position:relative;isolation:isolate;min-height:100vh;width:100%;max-width:100vw;overflow-x:auto;overflow-y:auto;background:var(--auth-page-bg)}.auth-body:before{display:none}.auth-backdrop{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--jjo-blue) 7%,var(--auth-page-bg)) 0%,var(--auth-page-bg) 42%,color-mix(in srgb,var(--jjo-mint) 5%,var(--auth-page-bg)) 100%)}.auth-backdrop-mesh{display:none}.auth-backdrop-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;opacity:.045;mix-blend-mode:multiply}@keyframes authMesh{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(1%,2%,0) scale(1.04)}to{transform:translate3d(2%,-2%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.auth-backdrop-mesh{animation:none}}.auth-split{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;width:100%;max-width:100vw}.auth-split>.auth-main{order:-1;width:100%;max-width:28rem;flex-shrink:0;margin-inline:auto}.auth-split>.auth-aside{order:0;width:100%;max-width:42rem;flex:0 1 auto;border-bottom:none;border-top:1px solid color-mix(in srgb,var(--jjo-blue) 12%,var(--border));margin-top:0;margin-inline:auto}.auth-split .auth-eyebrow{display:none}.auth-split .auth-main .app-brand{margin-bottom:.25rem}@media(max-width:959px){.auth-split>.auth-aside{padding:1.15rem 1rem 1.35rem;max-width:none}.auth-aside-inner{max-width:none}.auth-brand-title{margin-bottom:.65rem;font-size:clamp(1.35rem,4vw + .75rem,1.65rem);max-width:none}.auth-tagline{margin-bottom:1rem;font-size:.92rem;line-height:1.45}.auth-proof-wrap{margin-bottom:1rem}.auth-proof{gap:.4rem}.auth-proof--modules{max-height:none;overflow:visible;padding-right:0}.auth-proof-item{padding:.6rem .68rem}.auth-proof-title{font-size:.8rem}.auth-proof-copy span{font-size:.75rem}.auth-module-chips-wrap{margin-bottom:1rem}.auth-aside-inner{justify-content:flex-start;min-height:auto;padding-block:0}.auth-module-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.auth-module-chip{justify-content:flex-start;padding:.32rem .5rem .32rem .42rem;font-size:.7rem}}@media(max-width:959px)and (min-width:520px){.auth-module-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.auth-split{flex-direction:row;align-items:stretch;max-width:none;padding-bottom:0}.auth-split>.auth-main{order:0;flex:1;width:50%;max-width:none;margin-inline:0}.auth-split>.auth-aside{order:1;flex:1;width:50%;max-width:none;margin-inline:0;margin-top:0;border-top:none;border-left:1px solid color-mix(in srgb,var(--jjo-blue) 12%,var(--border))}.auth-aside-inner{max-width:min(30rem,100%)}}@media(min-width:960px)and (max-width:1279px){.auth-aside{padding:1.35rem 1.15rem}.auth-aside-inner{max-width:none;justify-content:flex-start;padding-block:.5rem}.auth-brand-title{max-width:none;font-size:clamp(1.4rem,1.6vw + .95rem,1.85rem)}.auth-tagline{max-width:none;font-size:.92rem;margin-bottom:1.1rem}.auth-proof--modules{max-height:min(22rem,56vh)}.auth-proof-item{padding:.62rem .72rem}}@media(min-width:1280px){.auth-module-chips{grid-template-columns:repeat(5,minmax(0,1fr))}}.auth-page-center{display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,4rem) 1.25rem}.auth-aside{position:relative;display:flex;align-items:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(1.35rem,3vw,3.5rem) clamp(1rem,3vw,2.75rem);border-bottom:1px solid color-mix(in srgb,var(--jjo-blue) 12%,var(--border));background:linear-gradient(165deg,color-mix(in srgb,var(--jjo-blue) 7%,#fff),color-mix(in srgb,var(--jjo-blue-soft) 55%,#fff) 48%,color-mix(in srgb,var(--jjo-mint) 8%,#fff))}.auth-aside:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 100% 0%,color-mix(in srgb,var(--jjo-mint) 14%,transparent),transparent 62%),radial-gradient(ellipse 55% 45% at 0% 100%,color-mix(in srgb,var(--jjo-blue) 10%,transparent),transparent 58%);pointer-events:none}.auth-aside:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--jjo-blue) 0%,color-mix(in srgb,var(--jjo-mint) 70%,var(--jjo-blue)) 55%,var(--jjo-mint) 100%);pointer-events:none}.auth-aside-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:30rem;margin:0 auto;min-height:min(100%,100vh);padding-block:.25rem}.auth-aside-kicker{--auth-wordmark-inset: calc(20 / 432 * 100%);display:inline-flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0 0 .85rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;line-height:1}.auth-aside-kicker:hover{text-decoration:none;color:var(--text)}.auth-aside-kicker:focus-visible{outline:2px solid var(--jjo-blue);outline-offset:3px;border-radius:6px}.auth-aside-kicker .auth-eyebrow-logo{height:1.5rem}.auth-aside-kicker-suffix{box-sizing:border-box;width:100%;max-width:min(10.5rem,52vw);padding-left:var(--auth-wordmark-inset);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.2}.auth-aside-kicker-suffix .accent-suite{color:var(--jjo-mint-glow)}.auth-brand-accent{color:var(--jjo-blue)}.auth-eyebrow{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.45rem .5rem;margin:0 0 1.25rem;padding:.55rem .95rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--jjo-blue) 30%,transparent);background:#ffffffeb;font-size:.8125rem;font-weight:700;letter-spacing:.02em;color:var(--jjo-blue);text-decoration:none;line-height:1;transition:border-color .15s ease,box-shadow .15s ease}.auth-eyebrow:hover{text-decoration:none;border-color:color-mix(in srgb,var(--jjo-blue) 45%,transparent);box-shadow:0 2px 10px #2563eb14}.auth-eyebrow:focus-visible{outline:2px solid var(--jjo-blue);outline-offset:3px}.auth-eyebrow--compact{margin-top:.25rem}.auth-eyebrow-logo{display:block;flex-shrink:0;width:auto;height:1.65rem;min-width:5.5rem;max-width:min(10.5rem,52vw);object-fit:contain;object-position:left center}.auth-eyebrow-sep{flex-shrink:0;font-weight:800;color:color-mix(in srgb,var(--jjo-blue) 50%,transparent);line-height:1}.auth-eyebrow-suffix{flex-shrink:0;font-weight:700;line-height:1.2;white-space:nowrap}.auth-eyebrow-suffix .accent-suite{font-weight:800}.auth-brand-title{margin:0 0 .85rem;max-width:16ch;font-family:var(--font-display);font-size:clamp(1.65rem,2.8vw + .9rem,2.35rem);font-weight:800;line-height:1.14;letter-spacing:-.04em;text-wrap:balance}.auth-tagline{margin:0 0 1.35rem;max-width:38ch;color:var(--muted);font-size:.98rem;line-height:1.55}.auth-proof-wrap{margin-bottom:1.25rem;min-width:0}.auth-proof-label{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.auth-proof{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.auth-proof--modules{max-height:min(24rem,52vh);overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem;scrollbar-gutter:stable}.auth-proof-item{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--jjo-blue) 14%,var(--border));background:#ffffffd1;box-shadow:0 6px 18px #0f172a0a}.auth-proof-item--basis{border-color:color-mix(in srgb,var(--jjo-mint-site) 30%,var(--border));background:color-mix(in srgb,var(--jjo-mint-muted) 40%,#fff)}.auth-proof-item--basis .auth-proof-icon{background:color-mix(in srgb,var(--jjo-mint-muted) 75%,#fff);color:var(--jjo-mint-dark)}.auth-proof-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;border-radius:9px;background:color-mix(in srgb,var(--jjo-blue) 10%,#fff);color:var(--jjo-blue)}.auth-proof-icon .sidebar-icon,.auth-proof-icon .auth-chip-icon{display:inline-flex}.auth-proof-copy{min-width:0}.auth-proof-title{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;font-size:.82rem;font-weight:800;letter-spacing:.02em;color:var(--text)}.auth-proof-badge{display:inline-flex;align-items:center;padding:.12rem .42rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--jjo-mint-site) 40%,var(--border));background:color-mix(in srgb,var(--jjo-mint-muted) 70%,#fff);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jjo-mint-dark);line-height:1.2}.auth-proof-copy span{display:block;margin-top:.12rem;font-size:.76rem;line-height:1.35;color:var(--muted)}@media(min-width:520px)and (max-width:959px){.auth-proof--modules{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}}@media(min-width:1400px){.auth-proof--modules{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(20rem,48vh)}}.auth-module-chips-wrap{margin-bottom:1.35rem}.auth-module-chips-label{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.auth-module-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr));gap:.4rem}.auth-module-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:.3rem;min-width:0;padding:.38rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--jjo-blue) 16%,var(--border));background:#ffffffe0;font-size:.72rem;font-weight:600;color:var(--text);line-height:1.15;white-space:normal;overflow-wrap:anywhere}.auth-chip-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--jjo-blue)}.auth-chip-icon svg{display:block}.auth-module-chip--basis{border-color:color-mix(in srgb,var(--jjo-mint-site) 35%,var(--border));color:var(--jjo-mint-dark);background:color-mix(in srgb,var(--jjo-mint-muted) 65%,#fff)}.auth-module-chip--basis .auth-chip-icon{color:var(--jjo-mint-dark)}.auth-aside-foot{margin:0}.auth-aside-cta{width:100%;justify-content:center}.auth-main{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2rem)}.auth-card{position:relative;width:100%;max-width:420px;padding:clamp(1.75rem,4vw,2.25rem);border:1px solid color-mix(in srgb,var(--jjo-blue) 10%,var(--border));border-radius:22px;background:#fffffff0;box-shadow:0 1px 2px #0f172a0a,0 16px 42px #0f172a12,0 0 0 1px #2563eb0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card-wide{max-width:440px}.auth-card-elevated{margin:0}.auth-card-plain{border:none;box-shadow:none;background:transparent;backdrop-filter:none;max-width:400px}.auth-kicker{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}.auth-kicker--brand{color:var(--accent-fg)}.auth-lead{margin:0 0 1.25rem;line-height:1.5}.auth-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.35rem,1.5vw + 1rem,1.6rem);font-weight:800;letter-spacing:-.04em}.auth-form{margin-top:.25rem}.auth-links{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:1.35rem}.auth-links a{font-weight:600}.hint{font-size:.88rem;color:var(--muted);margin-top:1.25rem}.hint a{color:var(--link)}.hint a:hover{color:var(--link-hover)}.install-dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:1rem 0}.install-dl dt{font-weight:600}.spaced{margin-top:2rem}.install-done-card{margin:3rem auto}html[data-app-theme=dark] .auth-body{color-scheme:dark;--auth-page-bg: #111827;--bg-app: #111827;--surface: #1e293b;--surface-elevated: #243044;--surface-alt: #172033;--text: #e6fff8;--muted: #94a3b8;--muted-warm: #7ddeb8;--border: rgba(125, 222, 184, .16);--border-card: rgba(125, 222, 184, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .22), 0 8px 24px rgba(0, 0, 0, .18);--primary: #2563eb;--primary-hover: #3b82f6;--jjo-blue-soft: rgba(37, 99, 235, .16);--link: #00ffb3;--link-hover: #33ffc4}html[data-app-theme=dark] .auth-body .auth-card,html[data-app-theme=dark] .auth-body .input{background:var(--surface);color:var(--text);border-color:var(--border)}html[data-app-theme=dark] .auth-body .input{background:var(--surface-alt)}html[data-app-theme=dark] .auth-body .flash-error{background:#ef44441f;color:#fca5a5}html[data-app-theme=dark] .auth-body .flash-success{background:#10b9811f;color:#6ee7b7}html[data-app-theme=dark] .auth-body .auth-links a{color:var(--link, #00ffb3)}