:root{--bg:#f3f6f7;--surface:#fff;--subtle:#eef4f4;--text:#153039;--muted:#5b7179;--border:#dce5e7;--accent:#116b67;--accent-hover:#0b514f;--bad:#a42c35;--good:#116749;--shadow:0 18px 70px #143b4b16;--font-body:"General Sans",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.4rem,1.2rem + .7vw,1.85rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;color-scheme:light}[data-theme=dark]{--bg:#10212a;--surface:#182d36;--subtle:#203942;--text:#e3eef1;--muted:#a4bcc4;--border:#334b55;--accent:#8fd1c2;--accent-hover:#acdccc;--bad:#ff9fa7;--good:#8fd1c2;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:var(--s3) var(--s4);min-height:44px;cursor:pointer;transition:background .15s}button:hover{background:var(--subtle)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent);font-weight:600}[data-theme=dark] .primary{color:#10212a}.primary:hover{background:var(--accent-hover)}.icon{border:0;padding:var(--s3);background:transparent}.dashboard{height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}.sidebar{grid-row:1/-1;background:var(--surface);border-right:1px solid var(--border);padding:var(--s6) var(--s4);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s10)}.brand img{object-fit:contain;flex:none}.brand strong{font-size:var(--text-sm);letter-spacing:-.3px}.brand span{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:var(--s1);line-height:1.5}.sidebar nav{display:grid;gap:var(--s2)}nav button{justify-content:flex-start;border:0;background:transparent;text-align:left;padding:var(--s3);min-height:46px;white-space:nowrap;font-size:var(--text-sm)}nav button.selected{background:var(--subtle);color:var(--accent);font-weight:600}nav button b{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:var(--s10);display:flex;gap:var(--s2);color:var(--muted);font-size:var(--text-xs)}.sidebar-bottom span{display:block;margin-top:var(--s1)}.topbar{grid-column:2;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:var(--s4) var(--s8);gap:var(--s4);color:var(--muted);font-size:var(--text-xs)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8c979b;margin-right:var(--s2)}.status-dot.online{background:var(--good)}.actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}main{grid-column:2;overflow-y:auto;overscroll-behavior:contain;padding:var(--s8);min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s8)}.eyebrow{font-size:var(--text-xs);letter-spacing:1.5px;font-weight:600;color:var(--accent);margin-bottom:var(--s2)}h1{font-size:var(--text-xl);line-height:1.25;letter-spacing:-.7px;margin:0 0 var(--s3);font-weight:600}h2{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--s4);letter-spacing:-.25px}h3{font-size:var(--text-base);margin:var(--s3) 0}p{line-height:1.65;margin:0 0 var(--s4)}.page-heading p,.muted,small{color:var(--muted)}small{font-size:var(--text-xs);line-height:1.6}.setup{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s8);padding:var(--s6);border:1px solid var(--border);border-radius:8px;background:var(--subtle);margin-bottom:var(--s6)}.setup h2{margin-top:var(--s3)}.setup p{margin:0}.setup-steps{display:flex;justify-content:center;flex-direction:column;gap:var(--s4);color:var(--muted)}.badge{display:inline-flex;padding:var(--s1) var(--s2);border:1px solid var(--border);border-radius:4px;font-size:var(--text-xs);background:var(--surface);white-space:normal;overflow-wrap:anywhere}.badge.good{color:var(--good)}.badge.bad{color:var(--bad)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s6)}.stats article{padding:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:8px}.stats span{color:var(--muted)}.stats strong{display:block;font-size:var(--text-xl);font-variant-numeric:tabular-nums;margin:var(--s3) 0;letter-spacing:-.7px}.stats i{font-style:normal;font-size:var(--text-base);font-weight:500}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s6);align-items:start}.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:var(--s6);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap}.panel-head h2{margin:0}.narrow{max-width:850px}.empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s8) var(--s4);color:var(--muted)}.empty p{max-width:48ch;margin:0}.empty h3{color:var(--text)}.timeline p{padding:0 0 var(--s4);border-bottom:1px solid var(--border)}.timeline b,.timeline span{display:block}.timeline span{color:var(--muted);margin-top:var(--s1)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--border)}.list-row span{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--s1)}.list-row strong{overflow-wrap:anywhere}.list-row:last-child{border:0}.table-wrap{overflow-x:auto;overscroll-behavior:contain}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:var(--text-sm)}th{color:var(--muted);font-weight:500;font-size:var(--text-xs);background:var(--subtle)}th,td{padding:var(--s4) var(--s3);border-bottom:1px solid var(--border)}td small{display:block;margin-top:var(--s1)}.table-actions{display:flex;gap:var(--s2)}.mono{font-family:monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis}.search{display:flex;align-items:center;gap:var(--s2)}.search input{width:230px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s4)}.plan{border:1px solid var(--border);padding:var(--s6);border-radius:6px}.plan-price{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--s3)}.plan-price span{font-size:var(--text-xs);font-weight:400;color:var(--muted)}.plan li{margin-bottom:var(--s2)}.plan ul{padding-left:var(--s5);color:var(--muted);min-height:100px}.notice-row{padding:var(--s4) 0;border-bottom:1px solid var(--border)}.notice-row p{white-space:pre-wrap;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}.field>span{font-size:var(--text-sm);font-weight:500}input,select,textarea{width:100%;padding:var(--s3);min-height:44px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);max-width:100%}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--accent)}fieldset{padding:0;border:0;margin:0;min-width:0}.features{border:1px solid var(--border);padding:var(--s4);border-radius:6px;margin:var(--s4) 0;display:grid;gap:var(--s3)}legend{padding:0 var(--s2);font-weight:500}.features label,.check{display:flex;align-items:center;gap:var(--s3);line-height:1.5}.check{margin:var(--s4) 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.code{font-family:monospace;font-size:var(--text-xs)}.message{padding:var(--s4);margin-bottom:var(--s4);border-radius:6px;border:1px solid var(--border);background:var(--surface);line-height:1.6}.error{color:var(--bad)}.success{color:var(--good)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001f2a88;z-index:5;display:flex;align-items:center;justify-content:center;padding:var(--s5)}.modal{width:600px;max-width:100%;max-height:90dvh;overflow:auto;overscroll-behavior:contain;border-radius:10px;background:var(--surface);padding:var(--s6);box-shadow:var(--shadow)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}.modal h2{margin:0}.modal form>button{margin-right:var(--s2)}footer{padding:var(--s8) 0 var(--s4);font-size:var(--text-xs);color:var(--muted);display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.skip{position:absolute;top:-100px;left:var(--s4);background:var(--surface);padding:var(--s4);z-index:10}.skip:focus{top:var(--s4)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skeleton{padding:var(--s6);background:var(--subtle);border-radius:8px}button svg{flex-shrink:0}@media(max-width:1050px){.dashboard{grid-template-columns:220px minmax(0,1fr)}main{padding:var(--s6)}.topbar{padding:var(--s4) var(--s6)}.split{grid-template-columns:1fr}.setup{grid-template-columns:1fr;gap:var(--s5)}.brand img{width:42px;height:42px}.brand strong{font-size:var(--text-xs)}nav button{font-size:var(--text-xs)}}@media(max-width:700px){.dashboard{grid-template-columns:1fr;grid-template-rows:auto 60px minmax(0,1fr)}.sidebar{grid-row:1;grid-column:1;padding:var(--s3) var(--s4);border-right:0;border-bottom:1px solid var(--border);overflow:hidden}.brand{margin:0 0 var(--s3)}.brand img{width:40px;height:40px}.brand strong{font-size:var(--text-sm)}.brand span{font-size:var(--text-xs)}.sidebar nav{display:flex;overflow-x:auto;gap:var(--s1);overscroll-behavior:contain}.sidebar nav button{flex-shrink:0;font-size:var(--text-xs);padding:var(--s2) var(--s3)}.sidebar-bottom{display:none}.topbar{grid-column:1;grid-row:2;padding:var(--s2) var(--s4)}.account{display:none}main{grid-column:1;grid-row:3;padding:var(--s5) var(--s4)}.page-heading{gap:var(--s2);margin-bottom:var(--s5)}.page-heading p{font-size:var(--text-xs)}.page-heading>button{font-size:0;padding:var(--s3)}.page-heading>button svg{width:18px}.stats{grid-template-columns:1fr;gap:var(--s3)}.stats article{display:grid;grid-template-columns:1fr auto;gap:var(--s2);padding:var(--s4)}.stats strong{grid-column:2;grid-row:1/3;margin:0;align-self:center}.stats small{grid-column:1}.setup{padding:var(--s4)}.setup-steps{font-size:var(--text-xs)}.panel{padding:var(--s4)}.panel-head{align-items:stretch}.search,.search input{width:100%}.form-grid{grid-template-columns:1fr}.modal{padding:var(--s5)}.overlay{padding:var(--s3)}.list-row{align-items:flex-start}.plans{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.presentation-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:var(--s6);margin-block:var(--s6);align-items:start}.presentation-workspace .eyebrow,.preview-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.09em;color:var(--muted);margin-bottom:var(--s3)}.app-preview-panel{display:grid;gap:var(--s4);justify-items:center;min-width:0}.app-preview-panel>.muted{max-width:360px;text-align:center;line-height:1.6}.app-phone{width:min(100%,360px);padding:var(--s5);background:#070b14;color:#f3f4f6;border:1px solid #334158;border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.app-phone-brand{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--s6)}.app-phone-brand img{width:30px;height:30px;object-fit:contain}.app-phone p{font-size:var(--text-sm);color:#a9b8cd;line-height:1.55;margin-block:var(--s2) var(--s4);overflow-wrap:anywhere}.app-phone h3{font-size:1.35rem;margin:var(--s2) 0;overflow-wrap:anywhere}.phone-eyebrow{color:var(--phone-accent);font-size:var(--text-xs);letter-spacing:.09em;font-weight:600}.phone-membership{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:var(--s4);background:#16233b;border:1px solid #334158;border-radius:16px;color:var(--phone-accent);margin-block:var(--s5)}.phone-membership>span{font-size:var(--text-xs)}.phone-membership>div{display:flex;align-items:center;gap:var(--s2);width:100%;color:#f3f4f6;font-weight:600}.phone-plan{padding:var(--s4);background:#10192b;border:1px solid #223759;border-radius:16px;margin-bottom:var(--s4)}.phone-plan>span{font-size:var(--text-xs);color:var(--phone-accent);letter-spacing:.08em}.phone-plan h4{font-size:var(--text-lg);margin-block:var(--s3)}.phone-feature{display:flex;align-items:center;gap:var(--s2);margin-block:var(--s3);font-size:var(--text-sm)}.phone-feature svg{color:var(--phone-accent);flex-shrink:0}.phone-cta{padding:var(--s3);text-align:center;border-radius:10px;background:var(--phone-accent);color:#070b14;font-weight:600;font-size:var(--text-sm);margin-top:var(--s5)}.app-phone small{display:block;font-size:var(--text-xs);line-height:1.5;color:#a9b8cd}.app-phone .phone-message{padding:var(--s3);background:#16233b;border-radius:8px;color:#f3f4f6}@media(max-width:1100px){.presentation-workspace{grid-template-columns:1fr}.app-preview-panel{padding-bottom:var(--s5)}}