:root{--ink:#152233;--muted:#69788a;--soft:#f3f5f8;--line:#e1e6ed;--radius:18px;--shadow:0 8px 26px #092b4d08}
body{background:var(--soft)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #f57c00;outline-offset:3px}
.app{grid-template-columns:236px minmax(0,1fr)}.side{background:#062e52;padding:30px 16px 20px;gap:30px}.side-brand{padding:0 10px}.brand-text{letter-spacing:.03em;font-size:14px}.brand-text small{font-size:11px;font-weight:400;margin-top:7px}.nav{gap:5px}.nav button{font-size:13px;padding:12px 14px;min-height:44px;border-radius:9px;opacity:.8}.nav button.active{background:#fff;color:#073b68;opacity:1;box-shadow:0 5px 20px #0001}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#a4b7ca;padding:17px 14px 6px}.side .note{font-size:11px;line-height:1.8}.main{max-width:1720px;width:100%;padding:30px 36px 48px}.top{align-items:center;margin-bottom:28px}.top h1{font-size:30px}.top p{font-size:13px}.top-eyebrow{color:#6e7d8d;font-size:10px}.badge{font-size:10px;letter-spacing:.06em}.hero{background:#073b68;border-radius:18px;box-shadow:none;padding:28px 30px}.hero:after{display:none}.hero h2{font-size:32px;line-height:1.1}.hero p{font-size:13px;max-width:540px}.hero-kicker{font-size:10px;color:#fcb779}.hero-next{border-radius:12px;background:#ffffff0d}.hero-next strong{font-size:16px}.quick-grid{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);margin-top:22px}.card,.metric-card{box-shadow:none}.module-frame{width:100%;height:calc(100dvh - 255px);min-height:650px;border:0;display:block;background:transparent}.marketing-tabs{display:flex;gap:5px;flex-wrap:wrap;background:#e8edf3;padding:5px;border-radius:12px;width:fit-content;margin-bottom:22px}.marketing-tabs button{border:0;background:transparent;padding:10px 16px;border-radius:8px;color:#627184;font-size:12px;cursor:pointer}.marketing-tabs button[aria-selected=true]{background:#fff;color:#073b68;box-shadow:0 2px 5px #001e3910;font-weight:800}
.today-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.attention-stat{border:1px solid var(--line);border-radius:14px;background:white;padding:18px;text-align:left;cursor:pointer;color:var(--ink);display:flex;gap:14px;align-items:center}.attention-stat strong{font-size:26px;color:#073b68;min-width:35px}.attention-stat span{font-size:12px;line-height:1.65;color:var(--muted)}.attention-stat b{display:block;color:var(--ink);font-size:13px}.attention-stat.warn strong{color:#c86516}.focus-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px}.focus-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.focus-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.focus-title h3{margin:0;font-size:15px}.text-action{border:0;background:none;color:#073b68;font-size:12px;font-weight:750;cursor:pointer}.focus-row{padding:13px 0;border-bottom:1px solid #ecf0f4;display:grid;grid-template-columns:52px 1fr auto;align-items:start;gap:10px}.focus-row:last-child{border:0}.focus-row time{font-size:12px;font-weight:800;color:#073b68}.focus-row h4{margin:0;font-size:12px;line-height:1.45}.focus-row p{margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.5}.focus-row .state{font-size:9px;border-radius:5px;background:#edf2f7;color:#536276;padding:5px 7px;white-space:nowrap}.focus-empty{font-size:12px;color:#738194;line-height:1.7;padding:10px 0}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0f4;padding:15px 0}.integration-row strong{font-size:13px}.integration-row small{display:block;font-size:11px;color:#718095;margin-top:5px}.integration-state{font-size:10px;font-weight:750;padding:6px 10px;border-radius:99px;background:#fff3e6;color:#a95e17}.integration-state.ready{background:#edf8f2;color:#167548}.alert-list{display:grid;gap:12px}.alert-row{background:white;border:1px solid var(--line);border-left:3px solid #f57c00;border-radius:12px;padding:18px;display:flex;justify-content:space-between;gap:18px}.alert-row h3{font-size:14px;margin:0 0 5px}.alert-row p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.quiet-note{font-size:11px;color:#778597;line-height:1.6;margin-top:14px}.retry-line{display:flex;align-items:center;gap:15px}.retry-line button{border:1px solid #dbe3ec;background:white;color:#073b68;padding:9px 14px;border-radius:8px;cursor:pointer}.live-time{font-size:11px;color:#718095}.view h2{letter-spacing:-.025em}.main[data-current-view=marketing]{padding-bottom:12px}.callout{font-size:12px;line-height:1.65}
@media(min-width:1800px){.main{padding-left:52px;padding-right:52px}}
@media(max-width:1100px){.app{grid-template-columns:200px minmax(0,1fr)}.main{padding:24px}.today-actions{gap:9px}.attention-stat{padding:14px}.focus-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.nav button{font-size:12px}}
@media(max-width:780px){.app{display:block}.side{position:static;height:auto;padding:16px;gap:15px}.side-brand{padding:0}.side-brand .monogram{width:34px;height:34px;border-radius:10px;font-size:15px}.brand-text{font-size:13px}.brand-text small{margin-top:3px}.nav{display:flex;overflow:auto;gap:5px;padding-bottom:2px}.nav button{white-space:nowrap;flex:none;padding:9px 12px;min-height:40px}.nav-label{display:none}.side-actions{position:absolute;right:16px;top:17px}.side-actions .note{display:none}.logout{font-size:11px;padding:8px 10px}.main{padding:22px 16px 34px}.top h1{font-size:27px}.top{align-items:start;gap:10px}.badge{padding:7px 9px;white-space:normal;max-width:120px;text-align:center;font-size:9px}.top p{font-size:12px}.hero{padding:23px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h2{font-size:29px}.today-actions{grid-template-columns:1fr;gap:8px}.attention-stat{padding:12px 16px}.attention-stat strong{font-size:23px}.attention-stat span{display:flex;align-items:center;gap:9px}.focus-layout,.dashboard-grid{grid-template-columns:1fr}.focus-card{padding:18px}.marketing-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.marketing-tabs button{padding:10px 13px;white-space:nowrap}.module-frame{height:calc(100dvh - 240px);min-height:680px}.focus-row{grid-template-columns:45px 1fr}.focus-row .state{grid-column:2;width:fit-content}.alert-row{display:block}.alert-row button{margin-top:10px}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.studio-payment-toolbar{padding:16px 20px;background:#fff;border-radius:14px;margin-bottom:12px;gap:16px}.studio-payment-toolbar h2{margin:0}.studio-payment-toolbar p{margin:6px 0;color:#536579}.studio-payment-dialog{width:min(620px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:0;border-radius:18px;padding:24px;color:#12283b}.studio-payment-dialog::backdrop{background:rgb(0 0 0/.55)}.studio-payment-dialog label{display:grid;gap:6px;margin:14px 0}.studio-payment-dialog input,.studio-payment-dialog select{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid #bac8d4;border-radius:8px;background:#fff;color:#12283b}.studio-payment-dialog button{min-height:42px;padding:10px 14px;cursor:pointer}.studio-payment-dialog button:disabled{opacity:.5;cursor:not-allowed}.studio-payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#studioPaymentError{color:#a11a23}#studioPaymentProposal,#studioPaymentReceipt{background:#eef5fa;border-radius:12px;padding:14px;margin-top:18px}@media(max-width:540px){.studio-payment-fields{grid-template-columns:1fr;gap:0}.studio-payment-toolbar{align-items:stretch;flex-direction:column}.studio-payment-dialog{padding:16px}}

.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.personal-grid p,.existing-system p{font-size:16px;line-height:1.6;color:var(--muted)}.personal-grid h3{margin-top:0}.existing-system a{text-decoration:none;display:inline-block}.personal-grid button{min-height:44px;font-size:14px}@media(max-width:700px){.personal-grid{grid-template-columns:1fr}}