:root{color:#ecfdf5;font-synthesis:none;text-rendering:optimizelegibility;background:#06100c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#10b9812e,#0000 26rem),linear-gradient(135deg,#07110d 0%,#0a1711 52%,#0d1f17 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{width:min(1440px,100% - 40px);margin:0 auto;padding:18px 0 48px}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06100ce6;grid-template-columns:260px minmax(0,1fr) 310px;align-items:center;gap:14px;padding:10px 0 14px;display:grid;position:sticky;top:0}.brand,.session-pill,.panel,.metric-card,.mini-card,.page-header{background:#050d0ad1;border:1px solid #a7f3d021;box-shadow:0 18px 52px #00000038}.brand{border-radius:18px;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:flex}.brand span{color:#052e1a;background:#34d399;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.brand strong,.brand small,.session-pill strong,.session-pill small{display:block}.brand small,.session-pill small,.muted{color:#93aa9f}.topnav{gap:8px;display:flex;overflow-x:auto}.topnav a{color:#d1fae5;white-space:nowrap;background:#ffffff06;border:1px solid #a7f3d01a;border-radius:999px;padding:11px 15px;font-size:.9rem;font-weight:850}.topnav a:hover{background:#34d3991a;border-color:#34d39980}.session-pill{border-radius:18px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:10px 12px;display:grid}.session-pill button,.row-card-with-action button{color:#d1fae5;cursor:pointer;background:#ffffff0e;border:1px solid #a7f3d029;border-radius:999px;padding:9px 12px;font-size:.85rem;font-weight:900}.status-dot{background:#34d399;border-radius:999px;width:10px;height:10px;box-shadow:0 0 20px #34d399}.status-dot.offline{background:#f59e0b;box-shadow:0 0 20px #f59e0bb8}.login-layout{grid-template-columns:minmax(0,1.1fr) 430px;align-items:center;gap:24px;min-height:calc(100vh - 110px);display:grid}.login-copy h1{letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.96}.login-copy p:not(.eyebrow),.page-header p,.muted,.row-card p,.metric-card p,.mini-card p,.preset-preview p,.sync-summary p{color:#9fb6ac;line-height:1.55}.login-card{width:100%}.page-header{border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:14px;padding:22px;display:grid}.page-header h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.page-header p{max-width:720px;margin:10px 0 0}.header-actions{grid-template-columns:250px auto auto;align-items:stretch;gap:10px;display:grid}.sync-summary,.primary-link,.secondary-link,.row-card,.preset-preview{background:#ffffff0a;border:1px solid #a7f3d01a;border-radius:16px}.sync-summary{padding:13px 14px}.sync-summary strong{margin-top:5px;display:block}.primary-link,.secondary-link{place-items:center;min-width:120px;padding:12px 15px;font-weight:950;display:grid}.primary-link{color:#052e1a;background:#34d399}.secondary-link{color:#d1fae5}.eyebrow,.sync-summary span,.metric-card span,.mini-card span,.row-card span,.section-badge,.preset-preview span{color:#6ee7b7;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950}.eyebrow{margin:0 0 8px}.metrics-grid{grid-template-columns:1.2fr 1fr 1fr .9fr;gap:12px;margin:12px 0;display:grid}.metric-card,.mini-card,.panel{border-radius:20px}.metric-card{min-height:128px;padding:18px}.metric-card strong{letter-spacing:-.05em;margin-top:9px;font-size:clamp(1.8rem,2.4vw,2.5rem);display:block}.metric-card.success{background:linear-gradient(145deg,#34d3992e,#050d0ad1)}.metric-card.warning{background:linear-gradient(145deg,#f59e0b21,#050d0ad1)}.workspace-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.stack,.table-list,.form-stack{gap:10px;display:grid}.panel{padding:18px}.section-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:1.12rem}.section-badge{background:#34d39914;border:1px solid #a7f3d024;border-radius:999px;padding:7px 10px}.row-card,.preset-preview{padding:14px}.row-card strong,.row-card span{display:block}.mini-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-card{padding:15px}.mini-card strong{letter-spacing:-.04em;margin-top:7px;font-size:1.55rem;display:block}.split-panel{grid-template-columns:360px minmax(0,1fr);gap:14px;display:grid}.audience-console{grid-template-columns:300px minmax(360px,1fr) 300px;align-items:start;gap:14px;display:grid}.audience-column,.audience-detail,.saved-segments-panel,.selected-segment-drawer{background:#ffffff09;border:1px solid #a7f3d01a;border-radius:18px;padding:14px}.subsection-title,.detail-header,.inline-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.subsection-title{margin-bottom:10px}.subsection-title span,.detail-header span,.selected-segment-drawer span,.insight-grid span{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:950}.audience-list{gap:8px;max-height:420px;padding-right:2px;display:grid;overflow:auto}.audience-item{color:#ecfdf5;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #a7f3d01a;border-radius:14px;width:100%;padding:12px}.audience-item:hover,.audience-item.active{background:#34d3991f;border-color:#34d3998c}.audience-item span,.audience-item strong,.audience-item small{display:block}.audience-item span{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:950}.audience-item strong{margin-top:6px}.audience-item small{color:#9fb6ac;margin-top:6px;line-height:1.45}.audience-detail{min-height:420px}.detail-header h3{letter-spacing:-.04em;margin:5px 0 0;font-size:1.4rem}.detail-header>strong{letter-spacing:-.05em;font-size:2rem}.insight-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.insight-grid div{background:#00000021;border:1px solid #a7f3d01a;border-radius:14px;padding:12px}.insight-grid strong{margin-top:7px;font-size:1.25rem;display:block}.rule-list{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.rule-list span{color:#d1fae5;text-transform:capitalize;background:#ffffff0b;border:1px solid #a7f3d01f;border-radius:999px;padding:8px 10px}.selected-segment-area{gap:14px;margin-top:14px;display:grid}.selected-segment-drawer{grid-template-columns:1fr 1.4fr auto;align-items:center;gap:14px;display:grid}.selected-segment-drawer strong{margin-top:5px;display:block}.contact-table-panel{background:#ffffff08;border:1px solid #a7f3d01a;border-radius:18px;padding:14px}.contact-table-wrap{width:100%;overflow-x:auto}.contact-table{border-collapse:collapse;width:100%;min-width:980px}.contact-table th,.contact-table td{text-align:left;vertical-align:top;border-bottom:1px solid #a7f3d014;padding:12px 10px}.contact-table th{color:#6ee7b7;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:950}.contact-table td strong,.contact-table td span{display:block}.contact-table td strong{color:#ecfdf5;font-size:.92rem}.contact-table td span{color:#9fb6ac;margin-top:5px;font-size:.82rem}.contact-table tr:last-child td{border-bottom:0}.form-stack label{color:#d1fae5;gap:7px;font-size:.86rem;font-weight:850;display:grid}.form-stack input,.form-stack select,.form-stack textarea{color:#ecfdf5;background:#ffffff0f;border:1px solid #a7f3d02e;border-radius:12px;outline:none;width:100%;padding:11px 12px}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#34d399b3;box-shadow:0 0 0 3px #34d3991f}.form-stack textarea{resize:vertical}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;width:fit-content;padding:11px 16px;font-weight:950}.primary-button{color:#052e1a;background:#34d399;border:0}.secondary-button{color:#d1fae5;background:#ffffff0e;border:1px solid #a7f3d029}.link-button{place-items:center;display:inline-grid}.primary-button:disabled,.row-card-with-action button:disabled{cursor:not-allowed;opacity:.55}.form-stack option{color:#ecfdf5;background:#07110d}.preset-preview strong{margin-top:7px;display:block}.row-card span{margin-top:6px}.row-card p,.metric-card p,.mini-card p{margin:6px 0 0}.row-card-with-action{justify-content:space-between;align-items:center;gap:14px;display:flex}.two-column{grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:12px;display:grid}.test-result-card{gap:12px;display:grid}.test-result-header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.test-result-line{margin:0;font-size:.88rem}.test-result-line .muted{min-width:140px;display:inline-block}.test-result-warn{color:#fcd34d;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:12px;margin:0;padding:10px 12px;font-size:.86rem}.test-result-json{background:#00000040;border:1px solid #a7f3d01a;border-radius:12px;max-height:220px;margin:0;padding:12px;font-size:.72rem;line-height:1.45;overflow:auto}@media (width<=1180px){.topbar,.page-header,.workspace-grid,.audience-console,.split-panel,.selected-segment-drawer,.two-column{grid-template-columns:1fr}.topnav{grid-row:2;justify-content:start}.session-pill{grid-row:1}.header-actions{grid-template-columns:1fr 1fr 1fr}}@media (width<=760px){.app-shell{width:min(100% - 24px,1440px);padding-top:10px}.metrics-grid,.mini-metrics,.insight-grid,.header-actions{grid-template-columns:1fr}}@media (width<=520px){.row-card-with-action{flex-direction:column;align-items:flex-start}}
