@font-face{font-family:'Deylo Inter';src:url('assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --bg:#000000;--surface:#121212;--surface-2:#1A1A1A;--surface-3:#242424;
 --ink:#F8FBFF;--ink-2:#B1B8C1;--ink-3:#9DA7B3;--line:#282828;--line-2:#3C3C3C;
 --accent:#69B9FA;--accent-dim:#69B9FA12;--accent-border:#69B9FA55;
 --action:#B8E2FF;--action-hover:#CDEBFF;--action-ink:#08111F;--focus:#69B9FA;
 --danger:#EF8894;--danger-dim:#E8788418;--success:#63D7AC;--success-dim:#32B88A18;--amber:#F4B860;--warning-dim:#F4B86018;
 --chart-primary:#69B9FA;--chart-secondary:#B8E2FF;--topbar-bg:#000000F2;
 --font:'Deylo Inter',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--heading:var(--font);--mono:var(--font);--body:var(--font);
 --radius:8px;--radius-lg:16px;color-scheme:dark;
}
body.light{
 --bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F4F4;--surface-3:#EAEAEA;
 --ink:#08111F;--ink-2:#505966;--ink-3:#5C6572;--line:#E2E2E2;--line-2:#C5C5C5;
 --accent:#1D5FBF;--accent-dim:#2576ED0B;--accent-border:#2576ED55;
 --action:#B8E2FF;--action-hover:#CDEBFF;--action-ink:#08111F;--focus:#216BE0;
 --danger:#AE3148;--danger-dim:#AE31480B;--success:#116C4C;--success-dim:#1675540C;--amber:#855A0F;--warning-dim:#F4B86018;
 --chart-primary:#216BE0;--chart-secondary:#3C75A0;--topbar-bg:#FFFFFFF2;color-scheme:light;
}
body{font-family:var(--font);font-feature-settings:'calt' 1,'liga' 1;font-optical-sizing:auto}
.deylo-symbol{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;line-height:0}
.deylo-symbol img{display:block;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain;flex-shrink:0}
.deylo-symbol img.deylo-mark-light{display:none!important}
body.light .deylo-symbol img.deylo-mark-dark{display:none!important}
body.light .deylo-symbol img.deylo-mark-light{display:block!important}
.deylo-name{font:600 30px/1 var(--font);letter-spacing:-1.4px;color:var(--ink)}
.wordmark,.console-wordmark{display:flex;align-items:center;gap:8px;min-height:48px;width:fit-content;max-width:100%;color:var(--ink)}
.wordmark:before,.wordmark:after,.console-wordmark:before,.console-wordmark:after{display:none}
.console-wordmark{flex-wrap:wrap}.console-wordmark>small{flex-basis:100%;padding-left:56px;margin-top:-5px}
.mobile-wordmark{align-items:center;gap:3px}
.mobile-wordmark .deylo-symbol,.mobile-wordmark .deylo-symbol img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px}
.mobile-wordmark .deylo-name{font-size:19px;letter-spacing:-.8px}
.sidebar .wordmark{margin-bottom:24px}.auth-story .wordmark{margin-bottom:36px}
.auth-story{background:linear-gradient(145deg,var(--surface),var(--bg));border-color:var(--line)}
.auth-story h1{font-family:var(--font);font-weight:600;letter-spacing:-.055em}
.auth-story .auth-visual{border-color:var(--line-2);box-shadow:none}
.auth-form-shell,.auth-form-card{background:var(--surface)}
.button.primary,.auth-submit,.console-button.primary{background:var(--action);border-color:var(--action);color:var(--action-ink);box-shadow:none}
.button.primary:hover:not(:disabled),.console-button.primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover);color:var(--action-ink)}
.button.secondary{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}
.button.ghost{color:var(--ink-2)}
.button.danger,.form-error,.auth-error{color:var(--danger)}
.button:disabled,.console-button:disabled{cursor:not-allowed;opacity:.5}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.topbar{background:var(--topbar-bg);border-color:var(--line)}
.nav-item.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-border)}
.stat-value,.customer-cycle strong,.customer-plan-count strong{font-variant-numeric:tabular-nums;font-family:var(--font)!important}
.stat-label,.eyebrow,.nav-caption,.workspace small,.account small{color:var(--ink-2)}
.page-heading h1,.section-title h2,.modal h2,.console-heading h1,.console-panel h2{font-family:var(--font);font-weight:600}
.page-heading h1{font-size:clamp(27px,2.5vw,40px);line-height:1.2;letter-spacing:-.04em}
.panel,.stat-card,.hero.customer-next,.modal,.console-panel,.console-stat{border-color:var(--line);background:var(--surface);border-radius:16px}
.hero.customer-next{box-shadow:none}.customer-next-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.04em}
.modal-overlay{background:#000000B8}.modal-header,.modal-footer{border-color:var(--line);background:var(--surface)}
.modal-body{background:var(--surface)}
.toast{background:var(--surface-2);color:var(--ink);border-color:var(--line-2)}
.field :is(input,select,textarea),#archive-search{background:var(--surface-2);border-color:var(--line-2);color:var(--ink)}
.field :is(input,textarea)::placeholder{color:var(--ink-3);opacity:1}
.review-date,.review-feedback,.content-caption-detail{border-color:var(--line);background:var(--surface)}
.content-state.approved{color:var(--success);border-color:var(--success);background:var(--success-dim)}
.google-signin-shell,.google-login-shell{border-color:var(--line-2);background:var(--surface-2)}
.modo-admin{background:var(--bg);color:var(--ink);--console-line:var(--line);--console-muted:var(--ink-2);--console-surface:var(--surface);--console-accent:var(--accent)}
.console-sidebar,.console-topbar{background:var(--surface);border-color:var(--line)}
.console-topbar-actions{display:flex;align-items:center;gap:16px}
.console-icon-button,.console-button{background:var(--surface-2);color:var(--ink);border-color:var(--line-2)}
.console-topbar-actions [data-console-action=theme]{font-size:21px;width:42px;height:42px;cursor:pointer;display:grid;place-items:center}
.console-stat,.console-panel,.console-modal{background:var(--surface);border-color:var(--line)}
.console-nav-caption,.console-heading p,.console-panel-heading p,.console-stat small,.console-stat>span:not(.stat-symbol){color:var(--ink-2)}
.console-sidebar nav a{color:var(--ink-2)}
.console-sidebar nav a[aria-current=page]{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}
.console-modal input,.console-modal textarea,.console-modal select,.console-controls select,.console-search-label input{background:var(--surface-2);color:var(--ink);border-color:var(--line-2)}
.console-button.primary:hover{background:var(--action-hover);color:var(--action-ink)}
.console-skip{background:var(--action);color:var(--action-ink)}
.console-modal-backdrop{background:#000000B8}
.console-badge.failed{background:var(--danger-dim);color:var(--danger);border-color:var(--danger)}
.console-badge.approved{background:var(--success-dim);color:var(--success);border-color:var(--success)}
.console-wordmark .deylo-name{font-size:30px}
@media(max-width:760px){
 .mobile-wordmark{display:flex}
 .sidebar .wordmark .deylo-name{font-size:27px}
 .sidebar .wordmark .deylo-symbol,.sidebar .wordmark .deylo-symbol img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;flex-basis:42px}
 .auth-story .wordmark{margin-bottom:20px}
 .auth-story .wordmark .deylo-symbol,.auth-story .wordmark .deylo-symbol img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px}
 .auth-story .wordmark .deylo-name{font-size:27px}
 .page-heading h1{font-size:22px;line-height:1.2}
 .customer-next-copy h2{font-size:24px}
 .mobile-wordmark+.breadcrumb-root+.crumb-divider+#page-crumb,#page-crumb{max-width:68px;font:500 11px var(--font)}
 .topbar .breadcrumb{gap:4px}
 .console-topbar-actions{gap:8px}
 .console-heading h1{font-size:24px}
 .console-modal .console-wordmark .deylo-symbol{width:40px;height:40px}
}
@media(max-width:360px){.mobile-wordmark .deylo-name{display:none}.mobile-wordmark{min-width:30px}#page-crumb{max-width:68px}}

.button.primary::after{display:none}

.wordmark .deylo-name,.mobile-wordmark .deylo-name,.console-wordmark .deylo-name{color:var(--ink)}

.button.primary,.auth-submit,.console-button.primary{background:linear-gradient(115deg,#F8FBFF 0%,#B8E2FF 60%,#69B9FA 100%);border-color:#B8E2FF;color:#08111F}
.button.primary:hover:not(:disabled),.console-button.primary:hover:not(:disabled){background:linear-gradient(115deg,#FFFFFF 0%,#D3EDFF 60%,#92CDFA 100%);border-color:#D3EDFF;color:#08111F}

/* The client's light workspace uses soft sky tones to separate white cards. */
body.light:not(.deylo-landing) .app-shell{background:radial-gradient(ellipse at 96% 4%,#dceeff88,transparent 43%),radial-gradient(ellipse at 4% 80%,#e8f5ff88,transparent 42%),#fff}
body.light:not(.deylo-landing) #main :is(.panel,.stat-card,.hero.customer-next,.brand-section,.brand-snapshot,.production-panel){border-color:#d9e5ee;box-shadow:0 5px 22px #24628f08;background-color:#fff}
body.light:not(.deylo-landing) #main .hero.customer-next{background:linear-gradient(120deg,#fff,#f3faff)}
body.light:not(.deylo-landing) #main .profile-progress{background:linear-gradient(115deg,#fff,#f2f9ff)}

.auth-plan-intent{padding:14px 16px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:12px;margin:18px 0}.auth-plan-intent strong{font:600 13px var(--font)}.auth-plan-intent p{font:11px/1.6 var(--font);color:var(--ink-2);margin-top:7px}