:root{--surface-base:#f6f8fb;--surface-raised:#fff;--surface-soft:#eef3f8;--surface-accent:#e8f0ff;--ink-primary:#102033;--ink-secondary:#536478;--ink-muted:#586a80;--border:#dfe6ee;--border-strong:#7d90a3;--primary:#1e5ed8;--primary-hover:#174db4;--primary-foreground:#fff;--success:#137a4a;--success-soft:#e5f6ed;--warning:#a7620a;--warning-soft:#fff3d8;--error:#b52b3a;--error-soft:#fdebed;--shadow:0 12px 32px #1e304612;--sidebar-width:260px}:root[data-theme=dark]{--surface-base:#0d1520;--surface-raised:#141f2d;--surface-soft:#1b2a3b;--surface-accent:#182d50;--ink-primary:#f4f7fb;--ink-secondary:#bac6d4;--ink-muted:#8fa0b4;--border:#29394b;--border-strong:#60778e;--primary:#71a2ff;--primary-hover:#91b7ff;--primary-foreground:#0b182b;--success:#5bd29a;--success-soft:#123c2e;--warning:#f4bc5f;--warning-soft:#3b2d14;--error:#ff8290;--error-soft:#46212a;--shadow:0 14px 34px #0003}*{box-sizing:border-box}html{background:var(--surface-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--surface-base);color:var(--ink-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(1.85rem,2.8vw,2.45rem);line-height:1.14}h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem}h3{margin-bottom:8px;font-size:1.05rem}.eyebrow{color:var(--primary);letter-spacing:.13em;margin-bottom:10px;font-size:.72rem;font-weight:750;display:block}.brand-mark{background:var(--primary);width:38px;height:38px;color:var(--primary-foreground);letter-spacing:.04em;border-radius:11px;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:grid}.brand-mark-large{border-radius:14px;width:48px;height:48px;margin-bottom:36px;font-size:.9rem}.app-shell{min-height:100vh}.skip-link{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:9px 13px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface-raised);overscroll-behavior:contain;flex-direction:column;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-row{align-items:center;gap:12px;padding:2px 8px 28px;display:flex}.brand-row strong,.brand-row span{display:block}.brand-row strong{font-size:.94rem}.brand-row span{color:var(--ink-muted);font-size:.75rem}.nav-list{gap:5px;display:grid}.nav-link{width:100%;color:var(--ink-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-weight:600;transition:background .16s,color .16s;display:flex}.nav-link:hover,.nav-link-active{background:var(--surface-accent);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.sidebar-error{background:var(--error-soft);color:var(--error);border-radius:8px;margin-bottom:10px;padding:9px 10px;font-size:.78rem}.main-column{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--surface-base) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;min-height:65px;padding:0 36px;display:flex;position:sticky;top:0}.topbar-context{color:var(--ink-muted);font-size:.82rem;font-weight:600}.theme-button,.icon-button{border:1px solid var(--border);background:var(--surface-raised);color:var(--ink-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.theme-button{border-radius:9px;gap:8px;padding:7px 10px;font-size:.78rem;font-weight:650}.icon-button{border-radius:10px;width:38px;height:38px}.page-content{width:min(1220px,100%);margin:0 auto;padding:44px 38px 64px}.page-stack{gap:34px;display:grid}.narrow-page{width:min(980px,100%)}.page-header{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.page-header p{max-width:640px;color:var(--ink-secondary);margin-bottom:0}.dashboard-header{align-items:flex-end}.status-card{border:1px solid var(--border);background:var(--surface-raised);min-width:430px;box-shadow:var(--shadow);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 15px;display:grid}.status-icon,.card-icon,.banner-icon{border-radius:10px;place-items:center;display:grid}.status-icon{background:var(--surface-soft);width:40px;height:40px;color:var(--ink-muted)}.status-available{background:var(--success-soft);color:var(--success)}.status-unavailable{background:var(--error-soft);color:var(--error)}.status-checking{background:var(--surface-accent);color:var(--primary)}.status-copy span,.status-copy strong,.status-copy small{display:block}.status-copy{min-width:0}.status-copy span{color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.status-copy strong{font-size:.92rem}.status-copy .status-message{color:var(--ink-secondary);margin:2px 0;font-size:.78rem;line-height:1.35}.status-copy small{color:var(--ink-muted);font-size:.72rem}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:9px 15px;font-weight:700;transition:background .16s,opacity .16s,transform .16s;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground)}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-primary)}.compact-button{min-height:36px;padding:6px 10px;font-size:.76rem}button:disabled{cursor:not-allowed;opacity:.58}.intro-banner{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));background:var(--surface-accent);border-radius:14px;align-items:center;gap:15px;padding:16px 18px;display:flex}.banner-icon{background:color-mix(in srgb, var(--primary) 14%, var(--surface-raised));width:42px;height:42px;color:var(--primary);flex:none}.intro-banner p{color:var(--ink-secondary);margin:2px 0 0;font-size:.88rem}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{margin:0}.text-link,.back-link,.card-action{color:var(--primary);align-items:center;gap:7px;font-size:.86rem;font-weight:700;display:inline-flex}.back-link{width:fit-content}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.automation-card,.surface-card,.settings-list{border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:14px}.automation-card{grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;gap:12px 14px;min-height:225px;padding:21px;display:grid;position:relative}.automation-card .card-icon{background:var(--surface-accent);width:42px;height:42px;color:var(--primary)}.card-heading h3{margin-top:8px}.automation-card>p{color:var(--ink-secondary);grid-column:1/-1;margin-bottom:6px;font-size:.9rem}.automation-card .card-action{grid-column:1/-1;justify-self:start}.badge{border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:750;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-neutral{background:var(--surface-soft);color:var(--ink-muted)}.card-action-disabled{color:var(--ink-muted)}.empty-state,.result-placeholder,.centered-state{color:var(--ink-muted);text-align:center;place-items:center;display:grid}.empty-state{border:1px dashed var(--border-strong);border-radius:14px;min-height:220px;padding:28px}.empty-state p,.result-placeholder p{margin:8px 0 0}.load-error,.polling-error{justify-items:start;gap:10px;display:grid}.load-error p,.polling-error p{margin:0}.tool-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:18px;display:grid}.surface-card{min-height:330px;padding:24px}.step-label{color:var(--ink-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:24px;font-size:.78rem;font-weight:750;display:flex}.step-label span{background:var(--surface-accent);width:25px;height:25px;color:var(--primary);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.form-stack{gap:10px;display:grid}.form-stack label:not(.checkbox-row){color:var(--ink-primary);font-size:.82rem;font-weight:700}.form-stack input[type=email],.form-stack input[type=password],.form-stack input[type=text],.form-stack input:not([type]),.form-stack select{border:1px solid var(--border-strong);background:var(--surface-base);width:100%;min-height:45px;color:var(--ink-primary);border-radius:9px;padding:10px 12px}.form-stack input::placeholder{color:var(--ink-muted)}.field-help{color:var(--ink-muted);margin:-3px 0 7px}.field-error{color:var(--error);margin:-4px 0 4px;font-size:.82rem;font-weight:650}.checkbox-row{color:var(--ink-secondary);cursor:pointer;align-items:center;gap:9px;margin:4px 0 8px;font-size:.82rem;display:flex}.checkbox-row input{width:16px;height:16px;accent-color:var(--primary)}.form-error,.result-error{border:1px solid color-mix(in srgb, var(--error) 25%, var(--border));background:var(--error-soft);color:var(--error);border-radius:9px;padding:10px 12px;font-size:.82rem}.result-placeholder{min-height:220px;padding:20px}.task-result{gap:16px;display:grid}.task-state{background:var(--surface-soft);border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.task-state svg{color:var(--primary)}.task-state-completed{background:var(--success-soft)}.task-state-completed svg{color:var(--success)}.task-state-failed{background:var(--error-soft)}.task-state-failed svg{color:var(--error)}.task-state span,.task-state strong,.task-id span,.task-id code{display:block}.task-state span,.task-id span{color:var(--ink-muted);font-size:.72rem}.task-id code{overflow-wrap:anywhere;color:var(--ink-secondary);font-size:.74rem}.result-success{border:1px solid color-mix(in srgb, var(--success) 24%, var(--border));background:var(--success-soft);color:var(--success);border-radius:10px;padding:14px}.result-success p,.result-error p{margin:5px 0 0}.settings-list{overflow:hidden}.setting-row{border-bottom:1px solid var(--border);gap:15px;padding:21px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row svg{color:var(--primary);flex:none}.setting-row p{color:var(--ink-secondary);margin:4px 0 0;font-size:.88rem}.login-layout{background:var(--surface-base);grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);min-height:100vh;display:grid}.login-intro,.login-panel{flex-direction:column;justify-content:center;padding:clamp(36px,7vw,96px);display:flex}.login-intro{color:#f7f9fc;background:#10233c;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #8eb2e733;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-180px;right:-140px;box-shadow:0 0 0 70px #6f9ee20a,0 0 0 150px #6f9ee206}.login-intro h1{max-width:620px;font-size:clamp(2.2rem,4.4vw,4.35rem);line-height:1.04}.login-intro>p{color:#bcc8d8;max-width:570px;font-size:1.05rem}.login-intro .eyebrow{color:#8bb3ff}.trust-row{color:#cad5e3;align-items:center;gap:8px;margin-top:34px;font-size:.82rem;font-weight:650;display:flex}.login-panel{align-items:center}.login-card{border:1px solid var(--border);background:var(--surface-raised);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;padding:clamp(26px,4vw,38px)}.login-card .card-icon{background:var(--surface-accent);width:42px;height:42px;color:var(--primary);margin-bottom:26px}.login-card h2{font-size:1.65rem}.login-card>p{color:var(--ink-secondary);margin-bottom:25px;font-size:.9rem}.login-card .primary-button{width:100%;margin-top:5px}.centered-state{align-content:center;gap:12px;min-height:100vh}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite rotate}.spin{animation:.9s linear infinite rotate}.mobile-only,.backdrop{display:none}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width:1023px){:root{--sidebar-width:220px}.sidebar{padding-inline:12px}.page-content{padding-inline:26px}.dashboard-header{flex-direction:column;align-items:flex-start}.status-card{width:100%;min-width:0}.login-layout{grid-template-columns:minmax(0,.85fr) minmax(400px,1.15fr)}.login-intro,.login-panel{padding:42px}}@media (max-width:767px){:root{--sidebar-width:272px}.mobile-only{display:inline-flex}.sidebar{visibility:hidden;transition:transform .18s,visibility 0s linear .18s;transform:translate(-102%)}.sidebar-open{visibility:visible;transition-delay:0s;transform:translate(0)}.sidebar .mobile-only{margin-left:auto}.backdrop{z-index:25;background:#040b148f;border:0;display:block;position:fixed;inset:0}.main-column{margin-left:0}.topbar{padding:0 18px}.topbar-context{display:none}.page-content{padding:30px 18px 48px}.page-stack{gap:26px}.page-header{gap:20px}.card-grid,.tool-layout{grid-template-columns:1fr}.status-card{grid-template-columns:auto 1fr}.status-card .compact-button{grid-column:1/-1;width:100%}.section-heading{align-items:flex-start}.login-layout{grid-template-columns:1fr}.login-intro{min-height:330px;padding:34px 24px}.login-intro h1{font-size:2.25rem}.login-intro .brand-mark-large{margin-bottom:28px}.login-panel{padding:24px 18px 40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
