:root{color-scheme:dark;--bg:#0b0e0f;--surface:#121719;--panel:#191f22;--line:#ffffff12;--text:#edf1ed;--muted:#93a0a6;--lime:#cdf888;--orange:#e8bb82;--blue:#a2bccb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Manrope,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,h4,p{margin:0}svg{max-width:100%}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:transparent;border:1px solid #ffffff48;border-radius:3px;font:12px D-DIN;text-transform:uppercase}.outline:hover{background:#fff;color:#111}.outer{max-width:1530px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0}.eyebrow{font:10px D-DIN;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}h1{font-size:clamp(27px,2.9vw,42px);font-weight:500;letter-spacing:-.055em;line-height:1.2}h1 em{font-style:normal;color:var(--lime)}.intro-right{display:flex;align-items:center;gap:24px}.intro-right p{font-size:12px;color:var(--muted);line-height:1.7}.crm{display:grid;grid-template-columns:167px minmax(0,1fr);background:var(--surface);border:1px solid #ffffff20;border-radius:10px;overflow:hidden;box-shadow:0 28px 80px #0003;min-height:725px}.rail{background:#0e1315;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:21px 12px 20px}.workspace{display:flex;gap:9px;align-items:center;margin:0 2px 29px}.workspace-icon{background:#283234;border:1px solid #ffffff18;border-radius:9px;padding:8px;font-size:10px}.workspace strong{font-size:12px;font-weight:600;display:block}.workspace small{font-size:10px;color:var(--muted)}.rail nav{display:grid;gap:5px}.rail nav button{display:flex;gap:10px;align-items:center;background:none;text-align:left;padding:11px 12px;border-radius:6px;color:#93a0a5;font-size:12px}.rail nav button:hover{background:#ffffff06;color:white}.rail nav button[aria-current=page]{background:#cdf88816;color:var(--lime)}.nav-count{margin-left:auto;background:#cdf888;color:#14200e;padding:0 5px;border-radius:3px;font-size:9px}.rail-end{margin-top:auto;padding:40px 2px 0;font-size:10px;color:#a5b4aa}.rail-end small{display:block;font-size:9px;color:#63756d;margin:6px 0 0 11px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:5px}.app{min-width:0}.appbar{height:56px;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.appbar>div{display:flex;align-items:center;gap:14px}.demo-label{color:#a9b6a2;font-size:10px}.profile{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff27;border-radius:50%;font-size:9px}.icon-button{background:none;color:var(--muted);padding:6px;font-size:10px}.icon-button:hover{color:var(--lime)}#view{padding:24px 27px 27px;min-height:668px}#view.enter{animation:enter .3s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h2{font-size:25px;letter-spacing:-.04em;font-weight:500}.page-head p{color:var(--muted);font-size:12px;margin-top:4px}.page-head .tools{display:flex;align-items:center;gap:8px}.period{color:var(--muted);font-size:11px;padding-top:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:9px 13px;border:1px solid #ffffff27;border-radius:5px;background:transparent;font-size:11px;color:var(--text);transition:background .2s}.button:hover{background:#ffffff0c}.button.primary{background:var(--lime);border-color:var(--lime);color:#1c2c0f}.button.primary:hover{background:#defbaa}.button.small{min-height:30px;padding:6px 10px;font-size:10px}.button.quiet{border:0;padding-inline:0;color:var(--muted)}.button.quiet:hover{color:var(--lime);background:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-bottom:22px}.metric{padding:16px 18px 16px 0}.metric+.metric{padding-left:20px;border-left:1px solid var(--line)}.metric label{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metric strong{font-size:26px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.metric small{display:block;font-size:10px;color:#7f9185;margin-top:4px}.metrics.compact .metric strong{font-size:23px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-title h3{font-size:13px;font-weight:550}.muted{color:var(--muted)}.tiny{font-size:10px}.small-text{font-size:11px}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tabs button{font-size:10px;padding:6px 9px;color:var(--muted);background:transparent;border-radius:4px}.tabs button[aria-pressed=true]{background:#ffffff0d;color:var(--text)}.chart{width:100%;height:163px;display:block;overflow:visible}.chart text{fill:#819196;font-size:9px;font-family:Manrope}.chart polyline{stroke:var(--lime);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}.chart .grid{stroke:#ffffff0a}.chart .area{fill:url(#chart-fill)}.chart circle{fill:var(--lime);stroke:var(--panel);stroke-width:3}.chart-note{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:8px}.chart-note strong{font-weight:500;color:#d6e6cb}.tasks{display:grid;gap:0}.task{display:flex;gap:11px;text-align:left;align-items:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 0;color:inherit;width:100%}.task:first-child{border:0;padding-top:0}.task:last-child{padding-bottom:0}.task:hover strong{color:var(--lime)}.task-icon{color:#c4cfc8;padding-top:2px}.task strong{font-size:11px;display:block;font-weight:550}.task small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.task-mark{margin-left:auto;font-size:10px;color:var(--orange);white-space:nowrap}.funnel{display:flex;gap:3px;margin-top:14px;align-items:flex-end;height:65px}.funnel>div{flex:1;min-width:0}.funnel b{display:block;font-size:18px;font-weight:500}.funnel span{display:block;font-size:9px;color:var(--muted);white-space:nowrap}.funnel i{display:block;height:4px;background:#698166;margin-top:12px}.funnel>div:last-child i{background:var(--lime)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:22px;margin-top:20px}.activity{display:grid;gap:12px}.activity>div{display:flex;gap:10px;align-items:start}.activity strong{font-size:10px;font-weight:450;display:block}.activity small{font-size:9px;display:block;color:var(--muted);margin-top:2px}.activity-dot{width:5px;height:5px;background:#718575;border-radius:50%;margin-top:6px;flex-shrink:0}.coordinator{display:flex;align-items:center;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.coordinator svg{color:var(--lime)}.coordinator span{font-size:11px;color:var(--muted)}.coordinator .button{margin-left:auto;white-space:nowrap}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{font-size:9px;color:var(--muted);font-weight:450;text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:15px 10px 15px 0;border-bottom:1px solid var(--line);vertical-align:middle}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table td strong{font-weight:500;display:block}.data-table td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.text-button{border:0;background:none;text-align:left;color:inherit;padding:0;font:inherit}.text-button:hover{color:var(--lime)}.status{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#b8cfaa;white-space:nowrap}.status.wait{color:var(--orange)}.status.off{color:#93a1a7}.status::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.recommendation{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:25px;margin-top:21px;border:1px solid #cdf8882b;padding:20px;border-radius:7px;background:linear-gradient(110deg,#cdf88806,transparent)}.recommendation h3{font-size:17px;font-weight:500;letter-spacing:-.025em;margin:8px 0}.recommendation p{font-size:11px;color:var(--muted);line-height:1.8;max-width:550px}.recommendation .actions{margin-top:15px}.budget-pairs{display:flex;align-items:center;gap:20px;margin-top:13px}.budget-pairs strong{font-size:22px;font-weight:500}.budget-pairs small{display:block;color:var(--muted);font-size:10px}.budget-pairs .new{color:var(--lime)}.budget-line{background:#ffffff0b;height:5px;display:flex;margin-top:15px;border-radius:4px;overflow:hidden}.budget-line i:first-child{background:var(--lime)}.budget-line i:last-child{background:#64828e}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filterbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px;align-items:center}.search,input,textarea,select{background:#101517;border:1px solid #ffffff24;border-radius:5px;padding:10px 12px;font-size:12px;min-width:0}.search{width:230px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-height:405px}.stage-col{background:#0c11132e;border-radius:6px;padding:0 6px 12px}.stage-heading{display:flex;align-items:center;justify-content:space-between;border-top:2px solid #5d6b70;padding:12px 2px;font-size:11px}.stage-col:last-child .stage-heading{border-top-color:var(--lime)}.stage-heading b{font-weight:500;font-size:10px;color:var(--muted)}.lead-card{display:block;width:100%;background:#1b2326;border:1px solid #ffffff0c;border-radius:6px;text-align:left;padding:13px 10px;margin-bottom:9px;color:inherit}.lead-card:hover{border-color:#cdf88850}.lead-card.selected{border-color:#cdf88866;box-shadow:inset 2px 0 var(--lime)}.lead-card strong{font-size:11px;font-weight:550}.lead-card small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.lead-card .card-bottom{display:flex;justify-content:space-between;gap:5px;margin-top:14px;font-size:9px;color:#9dacb4}.lead-card .attention{color:var(--orange)}.view-more{font-size:10px;color:var(--muted);background:none;padding:9px 2px}.inbox{display:grid;grid-template-columns:226px minmax(0,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden;min-height:510px}.chat-list{border-right:1px solid var(--line);background:#101619;padding:12px 8px}.chat-list .tabs{margin-bottom:11px}.chat-list button.chat-row{display:block;width:100%;background:none;text-align:left;border:1px solid transparent;border-radius:5px;padding:13px 10px;color:inherit;margin-bottom:4px}.chat-list button.chat-row.selected{background:#cdf88808;border-color:#cdf88830}.chat-row strong{font-size:11px;font-weight:550}.chat-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.chat-row .status{margin-top:8px;font-size:9px}.chat-main{min-width:0;display:flex;flex-direction:column}.chat-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);gap:12px}.chat-top strong{font-size:12px;font-weight:550}.chat-top small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.chat-top .actions{gap:7px}.context-ribbon{padding:8px 18px;border-bottom:1px solid var(--line);font-size:10px;color:#92a5a4;background:#bdd5c904;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.context-ribbon button{font-size:10px}.thread{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1;max-height:305px;overflow:auto;min-height:220px}.message{background:#222d32;padding:10px 13px;border-radius:7px 7px 7px 1px;font-size:12px;line-height:1.65;max-width:88%;align-self:flex-start}.message.out{align-self:flex-end;background:#26331f;border:1px solid #cdf88812;border-radius:7px 7px 1px 7px}.message small{display:block;color:#8fa1ac;font-size:9px;margin-bottom:4px}.message.out small{color:#b7c6a7}.message .delivery{text-align:right;font-size:8px;margin:5px 0 0;color:#b0bdab}.handoff{color:#a4b1ac;text-align:center;font-size:10px;padding:4px}.composer{padding:12px 16px;border-top:1px solid var(--line)}.composer textarea{resize:vertical;width:100%;min-height:64px;font-size:11px}.composer-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.composer-footer small{color:var(--muted);font-size:9px}.reports-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.report-bars{display:grid;gap:15px}.report-row{display:grid;grid-template-columns:82px 1fr 30px;gap:10px;align-items:center;font-size:10px}.report-bar{height:18px;background:#d1f6a709;border-radius:2px;overflow:hidden}.report-bar i{display:block;height:100%;background:#72896d}.report-row:last-child i{background:var(--lime)}.report-row b{text-align:right;font-weight:500}.insight{margin-top:20px;padding:17px 20px;border-left:2px solid var(--lime);background:#cdf88806;border-radius:0 6px 6px 0}.insight h3{font-weight:500;font-size:14px}.insight p{color:var(--muted);font-size:11px;margin-top:7px;line-height:1.8}.insight .button{margin-top:8px}.content-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.poster{position:relative;min-height:350px;overflow:hidden;border-radius:7px}.poster img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.poster::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061014ed)}.poster-copy{position:absolute;left:22px;right:20px;bottom:26px;z-index:1}.poster-copy small{font-size:9px;letter-spacing:.12em}.poster-copy strong{display:block;font-size:33px;font-weight:450;letter-spacing:-.05em;line-height:1.1;margin-top:12px}.field{display:block;margin-bottom:17px}.field>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.field input,.field textarea,.field select{display:block;width:100%}.field textarea{resize:vertical;min-height:100px;line-height:1.7}.content-form h3{font-size:18px;font-weight:500;letter-spacing:-.03em;margin:10px 0 18px}.details-strip{display:flex;gap:25px;border-block:1px solid var(--line);padding:16px 0;margin:20px 0}.details-strip small{display:block;color:var(--muted);font-size:9px}.details-strip strong{font-size:11px;font-weight:500}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.agent-card{border:1px solid var(--line);background:#161e20;border-radius:7px;padding:19px}.agent-title{display:flex;align-items:center;gap:12px}.agent-title>.icon{color:var(--lime);width:25px;height:25px}.agent-title h3{font-size:14px;font-weight:550}.agent-title p{font-size:10px;color:var(--muted);margin-top:3px}.agent-title .status{margin-left:auto;font-size:9px}.agent-card .job{font-size:11px;color:#bac6bd;margin-top:20px;min-height:32px}.agent-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.agent-card .permission{color:var(--muted);font-size:10px;margin-top:7px}.connection-list{display:grid;gap:0}.connection{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.connection strong{display:block;font-weight:500;font-size:12px}.connection small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.brand-tile{display:flex;align-items:center;gap:12px}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff16;border-radius:6px;font-size:15px;font-weight:600;color:#c5d3cd}.preview-footer{padding:20px 2px 26px;display:flex;justify-content:space-between;gap:20px;color:#6e8087;font-size:10px}#tour{border-bottom:1px solid #cdf8882a;background:#cdf88809;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}#tour[hidden]{display:none}#tour .tour-label{font-size:10px;color:var(--lime);margin-right:13px}#tour strong{font-size:12px;font-weight:500}#tour p{font-size:10px;color:var(--muted);margin-top:3px}#tour .actions{flex-shrink:0}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#e1f6ce;color:#15230d;box-shadow:0 15px 50px #0005;border:1px solid #e1f6ce77;padding:12px 20px;border-radius:6px;opacity:0;pointer-events:none;font-size:12px;z-index:20;transition:transform .22s,opacity .22s;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(520px,calc(100vw - 28px));max-height:90vh;overflow:auto;background:#172024;border:1px solid #ffffff25;border-radius:11px;color:var(--text);padding:25px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#05090bba;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dialog-head h2{font-size:23px;font-weight:500;letter-spacing:-.035em}.dialog-head small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.close{color:var(--muted);background:none;padding:0 4px;font-size:23px;line-height:1.1}.summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:22px}.summary-pair small{display:block;color:var(--muted);font-size:10px}.summary-pair strong{display:block;font-size:17px;font-weight:500;margin-top:4px}.dialog-note{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:18px}.form-error{color:#f0bd95;font-size:11px;margin-bottom:12px}.form-success{color:var(--lime);font-size:11px;margin-bottom:12px}.empty{padding:40px 20px;color:var(--muted);text-align:center}.row-link{color:var(--lime)}
@media(min-width:1450px){#view{padding:30px 36px}.crm{min-height:740px}.chart{height:185px}.inbox{min-height:540px}.thread{max-height:340px}.board{min-height:470px}}
@media(max-width:1100px){.outer{padding:0 3vw}.crm{grid-template-columns:144px minmax(0,1fr)}.rail{padding-inline:8px}.rail nav button{padding-inline:9px;gap:8px}.workspace{gap:7px}.workspace strong{font-size:11px}.workspace-icon{padding:7px}.overview-grid,.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(205px,1fr);gap:14px}#view{padding:22px}.metric strong{font-size:23px}.metric+.metric{padding-left:13px}.inbox{grid-template-columns:190px minmax(0,1fr)}.content-layout{grid-template-columns:210px 1fr;gap:22px}.reports-grid{grid-template-columns:1.3fr 1fr;gap:15px}.agent-title{gap:8px}.agent-title .status{font-size:8px}.board{gap:6px}.lead-card{padding:11px 8px}.stage-col{padding-inline:2px}.intro-right p{display:none}.recommendation{grid-template-columns:minmax(0,1fr) 185px;gap:18px}.crm{min-height:740px}}
@media(max-width:840px){.rail{padding:15px 8px;grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.workspace,.rail-end{display:none}.rail nav{display:flex;overflow-x:auto;gap:3px}.rail nav button{flex-shrink:0;padding:7px 9px;gap:6px}.rail nav button .icon{width:15px}.crm{display:block}.appbar{height:47px}.metrics{grid-template-columns:repeat(4,1fr)}.board{min-height:430px}.agent-title .status{font-size:9px}.intro h1{font-size:29px}.intro{padding:24px 0}.intro-right .outline{font-size:10px;padding:10px 12px}#tour{flex-wrap:wrap;gap:10px}}
@media(max-width:600px){.outer{padding:0 13px}.intro{display:block;padding:23px 5px}.intro h1{font-size:30px;max-width:300px}.intro h1 em{display:block}.intro-right{margin-top:18px}.intro-right p{display:block;font-size:10px}.intro-right .outline{margin-left:auto}.rail nav button{flex-direction:column;min-width:58px;gap:5px;font-size:9px;padding:8px}.rail{padding:8px}.nav-count{display:none}.appbar{padding-inline:15px}.demo-label{font-size:9px}.appbar>div{gap:9px}.profile{display:none}#view{padding:20px 14px;min-height:0}.page-head{gap:12px;margin-bottom:19px;flex-wrap:wrap}.page-head h2{font-size:24px}.page-head p{font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.metric:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.metric:nth-child(4){border-top:1px solid var(--line)}.metric{padding:13px 0}.metric strong{font-size:25px}.metric label{font-size:9px}.overview-grid,.bottom-grid,.reports-grid{display:block}.overview-grid>.panel+.panel,.bottom-grid>.panel+.panel,.reports-grid>.panel+.panel{margin-top:15px}.panel{padding:15px}.bottom-grid{margin-top:15px}.funnel span{font-size:8px}.chart{height:160px}.coordinator{flex-wrap:wrap}.coordinator span{flex:1;min-width:160px}.recommendation{display:block;padding:16px}.recommendation>div+div{border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.data-table{min-width:570px}.filterbar{flex-wrap:wrap}.search{width:100%}.board{grid-template-columns:1fr;min-height:0}.stage-col{padding-bottom:15px}.lead-card{padding:15px;min-height:80px}.lead-card strong{font-size:13px}.lead-card small,.lead-card .card-bottom{font-size:11px}.stage-heading{font-size:13px}.inbox{display:block}.chat-list{border-right:0;border-bottom:1px solid var(--line);padding:9px}.chat-people{display:flex;overflow:auto;gap:4px}.chat-list button.chat-row{min-width:140px;margin:0;padding:10px}.chat-row small{font-size:9px}.chat-row .status{font-size:8px}.chat-top{flex-wrap:wrap;padding:14px}.thread{padding:14px;max-height:370px;min-height:270px}.message{font-size:11px;max-width:94%}.composer{padding:12px}.composer-footer{flex-wrap:wrap}.content-layout{display:flex;flex-direction:column}.poster{min-height:280px}.poster img{object-position:center 55%}.content-form h3{font-size:19px}.agent-grid{grid-template-columns:1fr}.preview-footer{display:block;padding:18px 5px}.preview-footer span{display:block;margin-top:5px}#tour{padding:14px}#tour .tour-label{display:block;margin-bottom:5px}#tour .actions{flex-wrap:wrap}.chart-note{font-size:9px}.report-row{grid-template-columns:80px 1fr 27px}.dialog-head{margin-bottom:20px}dialog{padding:22px}.summary-pair{gap:12px}.appbar .icon-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.chart{height:140px}.chart text{font-size:12px}.chart polyline{vector-effect:non-scaling-stroke}}/* Settings follows the current CRM's tabs, platform cards and side drawer. */

.settings-page{max-width:960px;min-width:0}.settings-page .page-head{margin-bottom:25px}.settings-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:26px;scrollbar-width:thin}.settings-tabs button{background:none;color:var(--muted);font-size:12px;font-weight:550;padding:0 0 13px;min-height:40px;flex:none;border-bottom:2px solid transparent}.settings-tabs button[aria-selected=true]{border-color:var(--text);color:var(--text)}.settings-tabs button:hover{color:var(--text)}#settings-panel{min-width:0;border-radius:7px}.settings-section-title{margin-bottom:18px}.settings-page h3{font-size:17px;font-weight:600;letter-spacing:-.025em}.settings-card{background:#191f23;border:1px solid #ffffff14;border-radius:17px;padding:25px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.settings-card-head p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}.settings-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-platform{display:flex;flex-direction:column;gap:26px;min-height:158px;padding:22px;border:1px solid #ffffff15;background:#191f23;border-radius:16px}.settings-platform-top{display:flex;gap:11px;align-items:center}.settings-brand{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;background:#ffffff06;border-radius:11px}.settings-brand img{width:25px;height:25px;object-fit:contain}.settings-platform h4{font-size:13px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.settings-config{margin-left:auto;padding:7px;background:none;color:var(--muted);border-radius:8px}.settings-config:hover{color:white;background:#ffffff08}.settings-config .icon{width:16px;height:16px}.settings-platform-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-platform-bottom p{font-size:10px;color:var(--muted)}.settings-page .button{border-radius:10px;min-height:36px;font-size:11px}.settings-disconnect{border-color:transparent;background:#ffffff04;color:#a7b0b3}.settings-disconnect:hover{color:#eea495;background:#d65b4412}.settings-language{display:flex;justify-content:space-between;gap:30px;align-items:center}.settings-language strong{font-size:13px;font-weight:500}.settings-language p{color:var(--muted);font-size:11px;margin-top:7px}.settings-language-value{display:flex;gap:15px;align-items:center;min-width:190px;padding:12px 16px;border:1px solid #ffffff26;border-radius:11px;font-size:12px}.settings-language-value span{font-size:10px;color:var(--muted)}.settings-language small{font-size:10px;display:block;text-align:right;color:var(--muted);margin-top:9px}.settings-member-head,.settings-member{display:grid;grid-template-columns:minmax(0,1fr) 150px 78px 22px;gap:15px;align-items:center}.settings-member-head{font-size:10px;color:var(--muted);padding-bottom:12px}.settings-member{padding:17px 0;border-top:1px solid var(--line)}.settings-identity{display:flex;gap:11px;align-items:center;min-width:0}.settings-avatar{background:#252e32;border:1px solid #ffffff13;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#b9c6c1}.settings-identity strong{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:550}.settings-identity small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.settings-member select{width:100%;font-size:11px;background:transparent;border-color:transparent;padding:8px;border-radius:9px}.settings-fixed-role{font-size:11px;padding-left:8px}.settings-remove{font-size:20px;color:#87959e;background:transparent;padding:0}.settings-remove:hover{color:#e69c8e}.settings-invite{border-top:1px solid var(--line);padding-top:23px;margin-top:10px}.settings-invite h4{font-size:14px;font-weight:550}.settings-invite>p{font-size:11px;color:var(--muted);margin-top:5px}.settings-invite-fields{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:18px}.settings-invite .field{margin:0}.settings-invite input,.settings-invite select{min-height:42px;border-radius:11px;background:#141b1e}.settings-invite-action{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px}.settings-invite-action small{font-size:10px;color:var(--muted)}.settings-automation{display:grid;gap:20px}.settings-panic{background:linear-gradient(130deg,#db5d4320,transparent 60%),#191f23;border-color:#bd59455e;box-shadow:inset 3px 0 #bd5945;border-radius:18px;display:grid;gap:18px;padding:20px}.settings-panic.is-paused{border-color:#e5b97260;box-shadow:inset 3px 0 #c99653;background:linear-gradient(130deg,#ce964018,transparent 60%),#191f23}.settings-panic-header{display:flex;gap:13px;align-items:start}.settings-shield{width:43px;height:43px;border:1px solid #d76e594f;background:#ce59420d;display:grid;place-items:center;color:#d98472;border-radius:13px;flex-shrink:0}.settings-kicker{display:block;font-size:9px;color:#c5aaa3;letter-spacing:.08em;margin-bottom:5px}.settings-panic h3{font-size:18px}.settings-panic p{font-size:12px;color:#a5afb3;line-height:1.75;margin-top:7px}.settings-panic-state{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-panic-state>div{border:1px solid #ffffff08;border-radius:12px;background:#20272c;padding:13px}.settings-panic-state small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.settings-panic-state strong{font-size:11px;font-weight:500}.settings-panic>.button{justify-self:start;border-radius:999px;padding:9px 17px}.settings-danger{background:#b74b39;border-color:#b74b39;color:white}.settings-danger:hover{background:#9e3d30}.settings-role-cards{display:grid;gap:13px}.settings-role-cards article{padding:15px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}.settings-role-cards h3{font-size:14px;font-weight:550}.settings-role-cards p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}.settings-ack{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#bec7c9}.settings-ack input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--lime)}.settings-audit{min-width:0}.settings-audit td{font-size:11px}.settings-audit th:first-child{width:80px}.settings-audit th:nth-child(2){width:100px}.settings-audit td:last-child{overflow-wrap:anywhere}.settings-banner{display:flex;justify-content:space-between;gap:16px;border:1px solid #e5b97238;background:#e5b9720b;color:#e1be8e;padding:10px 14px;border-radius:6px;margin-bottom:20px;font-size:11px;align-items:center}
dialog.settings-drawer{position:fixed;inset:0 0 0 auto;width:min(470px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:18px 0 0 18px;padding:27px;background:#192126;animation:settings-slide .32s cubic-bezier(.22,1,.36,1);border-block:0;border-right:0}.settings-drawer #dialog-content{height:100%;display:flex;flex-direction:column}.settings-drawer .dialog-head{padding-bottom:24px;border-bottom:1px solid var(--line);gap:13px}.settings-drawer .dialog-head>div{flex:1}.settings-drawer .dialog-head h2{font-size:22px}.settings-drawer .dialog-head small{font-size:9px;color:var(--muted);letter-spacing:.07em}.settings-drawer-form{display:flex;flex-direction:column;flex:1;min-height:0;gap:25px}.settings-drawer-form h3{font-size:20px;font-weight:550;letter-spacing:-.03em;margin:3px 0 9px}.settings-drawer-form .dialog-note{font-size:12px;line-height:1.75}.settings-drawer-form .field{margin-top:24px}.settings-drawer-form .field>span{font-size:12px;color:#dbe2df}.settings-drawer-form .field small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:9px}.settings-amount{position:relative}.settings-amount input{height:47px;border-radius:11px;padding-right:60px;background:#11191d}.settings-amount>span{position:absolute;right:15px;top:14px;font-size:12px;color:var(--muted)}.settings-drawer-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.settings-drawer .button{border-radius:11px;min-height:42px;padding-inline:18px;font-size:12px}.settings-account{display:flex;gap:12px;padding:17px;border:1px solid var(--line);border-radius:12px;margin-top:12px;align-items:center}.settings-account:has(input:checked){border-color:#cdf88855;background:#cdf88808}.settings-account input{width:16px;height:16px;accent-color:var(--lime)}.settings-account strong{font-size:12px;display:block;font-weight:550}.settings-account small{font-size:10px;color:var(--muted);display:block;margin-top:4px}@keyframes settings-slide{from{transform:translateX(28px);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:1100px){.settings-member-head,.settings-member{grid-template-columns:minmax(0,1fr) 120px 65px 20px;gap:10px}.settings-platforms{grid-template-columns:1fr 1fr}.settings-platform{padding:19px}.settings-platform-bottom{gap:8px}.settings-platform-bottom p{font-size:9px}}
@media(max-width:600px){.settings-tabs{gap:21px;margin-bottom:22px}.settings-tabs button{font-size:11px}.settings-platforms{grid-template-columns:1fr}.settings-platform{min-height:150px;padding:21px}.settings-page .page-head{margin-bottom:22px}.settings-card{padding:20px 16px;border-radius:16px}.settings-card-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.settings-card-head h3{font-size:17px}.settings-member-head{display:none}.settings-member{grid-template-columns:1fr 22px;gap:8px 10px}.settings-identity{grid-column:1}.settings-member>div:nth-child(2){grid-column:1;grid-row:auto;padding-left:46px}.settings-member>.status{grid-column:1;padding-left:46px;margin-top:0}.settings-member>div:last-child{grid-column:2;grid-row:span 1;align-self:center}.settings-member select{width:150px;padding-left:0}.settings-member .settings-fixed-role{padding-left:0}.settings-invite-fields{grid-template-columns:1fr;gap:15px}.settings-invite-action{align-items:flex-start}.settings-invite-action small{max-width:150px}.settings-language{display:block}.settings-language>div+div{margin-top:20px}.settings-language small{text-align:left}.settings-language-value{width:100%}.settings-panic-header{gap:10px}.settings-shield{width:34px;height:34px;border-radius:11px}.settings-panic h3{font-size:17px}.settings-panic p{font-size:11px}.settings-panic-state{grid-template-columns:1fr}.settings-panic{padding:18px}.settings-panic-state>div{padding:12px}.settings-banner{align-items:start;flex-direction:column;gap:8px}.settings-audit th:first-child{width:50px}.settings-audit th:nth-child(2){width:55px}.settings-audit th,.settings-audit td{font-size:10px}.settings-drawer{padding:23px!important;border-radius:0!important}.settings-drawer .dialog-head{margin-bottom:20px}}/* Curated preview: preserve the story, invite deeper exploration in a demo. */

.demo-teaser{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 28px;background:radial-gradient(ellipse at 50% 0,#cdf88808,transparent 65%);border:1px solid var(--line);border-radius:12px;animation:enter .3s ease-out}.demo-eyebrow{font:10px D-DIN,sans-serif!important;letter-spacing:.13em;text-transform:uppercase;color:#9bab9f!important;margin-bottom:22px}.settings-page .demo-teaser h3{font-size:clamp(26px,2.5vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.15;max-width:520px}.demo-teaser>p:not(.demo-eyebrow){font-size:12px;line-height:1.8;color:var(--muted);max-width:460px;margin-top:15px}.demo-teaser>p.demo-teaser-invite{color:var(--text);margin-top:8px}.demo-booking{min-height:43px;padding:13px 26px;white-space:nowrap;font-size:12px;transition:background .2s,color .2s,border-color .2s;border-color:#ffffffa0}.demo-teaser .demo-booking{margin-top:26px}.demo-teaser>small,.demo-invitation>small{font-size:10px;color:var(--muted);margin-top:15px;display:block}.demo-gate{width:min(560px,calc(100vw - 28px));padding:38px;border-radius:12px;background:radial-gradient(ellipse at 10% 0,#cdf8880b,transparent 65%),#13191c;animation:demo-reveal .25s cubic-bezier(.2,.8,.2,1)}.demo-gate .dialog-head{margin-bottom:21px;gap:16px}.demo-gate .dialog-head>div{display:flex;flex-direction:column}.demo-gate .dialog-head small{order:-1;font:10px D-DIN,sans-serif;letter-spacing:.12em;margin:0 0 22px;color:#a3b19e}.demo-gate .dialog-head h2{font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.045em;max-width:400px}.demo-gate .close{font-size:23px;min-width:26px}.demo-invitation>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:410px}.demo-invitation>p.demo-gate-invite{color:var(--text);margin-top:12px}.demo-gate-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.demo-gate-actions .button.quiet{font-size:11px;min-height:40px}.demo-gate .demo-booking{min-width:150px}@keyframes demo-reveal{from{opacity:.4;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.demo-teaser{min-height:340px;padding:35px 19px}.settings-page .demo-teaser h3{font-size:28px}.demo-teaser>p:not(.demo-eyebrow){font-size:12px}.demo-teaser .demo-eyebrow{font-size:9px!important}.demo-gate{padding:27px 22px}.demo-gate .dialog-head h2{font-size:29px}.demo-gate-actions{align-items:stretch;flex-direction:column;gap:9px;margin-top:24px}.demo-gate .demo-booking{width:100%}.demo-invitation>small{text-align:center}.coordinator{flex-wrap:wrap}}/* Shared editorial navigation, adapted to the dark platform page. */

[hidden]{display:none!important}html{scroll-padding-top:112px}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:#131910;padding:12px;z-index:50}.skip:focus{top:12px}.outer{padding-top:96px}noscript{display:block;max-width:650px;padding:24px;margin:auto;text-align:center;color:var(--muted)}
@media(max-width:600px){.outer{padding-top:118px}}


/* Keep the complete preview frame inside the viewport, with content scrolling inside. */
body.platform-page { overflow: hidden; }
.platform-page .outer {
  height: 100vh; height: 100dvh; min-height: 0;
  display: flex; flex-direction: column; padding-bottom: 12px;
}
.platform-page .intro, .platform-page .preview-footer { flex: none; }
.platform-page .crm { flex: 1; min-height: 0; }
.platform-page .rail { min-height: 0; overflow-y: auto; }
.platform-page .app { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.platform-page .appbar { flex: none; }
.platform-page #tour { flex: none; max-height: 30vh; max-height: 30dvh; overflow-y: auto; }
.platform-page #view { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.platform-page .workspace-size { white-space: nowrap; color: var(--text); }
.platform-page.is-exploring .intro, .platform-page.is-exploring .preview-footer { display: none; }
.platform-page.is-exploring .outer { max-width: none; padding-inline: clamp(12px, 2vw, 32px); }
.platform-page.is-exploring .crm { box-shadow: none; }
@media (max-width: 840px) {
  .platform-page .crm { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .platform-page .rail { overflow: hidden; }
  .platform-page .app { grid-row: 2; }
}
@media (max-width: 600px) {
  .platform-page .appbar { gap: 8px; padding-inline: 12px; }
  .platform-page .appbar > div { gap: 8px; }
  .platform-page .appbar .demo-label { display: none; }
  .platform-page .intro-right .outline { margin-left: 0; }
  .platform-page .preview-footer { padding-block: 10px 0; font-size: 9px; }
}
@media (max-height: 600px) {
  .platform-page .intro { padding-block: 12px; }
  .platform-page .intro h1 { font-size: 25px; }
  .platform-page .preview-footer { display: none; }
}