:root{--navy:#102147;--navy-2:#172d5d;--ink:#17233b;--muted:#6f7c93;--line:#e4e9f1;--paper:#fff;--canvas:#f4f7fb;--lime:#c9ff45;--lime-strong:#a9e92d;--blue:#4679f4;--violet:#8068df;--danger:#d95768;--shadow:0 12px 34px rgba(20,39,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Inter,SF Pro Display,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}.help:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(70,121,244,.28);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;width:254px;flex-direction:column;padding:22px 16px 16px;background:linear-gradient(180deg,#102348,#0e1d3f);color:#fff;box-shadow:10px 0 32px rgba(11,27,59,.09)}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--lime);box-shadow:0 8px 22px rgba(174,235,49,.2);color:#102147;font-size:21px;font-weight:950}.brand div{display:flex;min-width:0;flex-direction:column}.brand b{font-size:13px;font-weight:900;letter-spacing:.7px;white-space:nowrap}.brand small{margin-top:3px;color:#8fa3ca;font-size:8px;font-weight:800;letter-spacing:1.7px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{position:relative;display:flex;width:100%;height:46px;align-items:center;gap:12px;border:0;border-radius:11px;background:transparent;padding:0 12px;color:#aab9d6;cursor:pointer;text-align:left;transition:.18s}.sidebar nav button:hover{background:#ffffff0d;color:#fff}.sidebar nav button.active{background:#ffffff12;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0b}.sidebar nav button.active:before{position:absolute;left:-16px;width:4px;height:26px;border-radius:0 5px 5px 0;background:var(--lime);content:""}.sidebar nav i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#ffffff0a;color:#8fa6d0;font-size:15px;font-style:normal}.sidebar nav button.active i{background:var(--lime);color:var(--navy);font-weight:900}.sidebar nav span{font-size:13px;font-weight:700}.sidebar nav em{margin-left:auto;border-radius:999px;background:var(--lime);padding:3px 7px;color:var(--navy);font-size:9px;font-style:normal;font-weight:900}.sidebar-note{display:flex;align-items:center;gap:10px;margin:auto 5px 12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff08;padding:12px}.sidebar-note>div{display:flex;min-width:0;flex-direction:column}.sidebar-note b{font-size:10px}.sidebar-note small{margin-top:3px;color:#8296bd;font-size:9px}.health-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%}.health-dot.online{background:#70e792;box-shadow:0 0 0 5px #70e71b1f}.health-dot.waiting{background:#f2c660;box-shadow:0 0 0 5px #f2c6601c}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff0e;padding:15px 7px 2px}.sidebar-user>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#2d4780;color:#fff;font-size:12px;font-weight:900}.sidebar-user>div{display:flex;min-width:0;flex:1 1;flex-direction:column}.sidebar-user b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{margin-top:2px;color:#8296bd;font-size:9px}.sidebar-user>a,.sidebar-user>button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:transparent;color:#8fa3ca;font-size:16px;text-decoration:none;cursor:pointer}.sidebar-user>a:hover,.sidebar-user>button:hover{background:#ffffff0d;color:#fff}.workspace{min-height:100vh;margin-left:254px}.topbar{position:sticky;z-index:20;top:0;display:flex;min-height:82px;align-items:center;gap:18px;border-bottom:1px solid rgba(223,229,239,.9);background:rgba(255,255,255,.9);padding:14px clamp(22px,4vw,52px);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar>div:first-of-type{min-width:0}.topbar h1{margin:0;color:#162342;font-size:23px;letter-spacing:-.55px}.topbar p{margin:4px 0 0;color:#7b879b;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.connection{border-radius:999px;padding:8px 11px;font-size:9px;font-weight:850;letter-spacing:.1px}.connection.ok{background:#ecf9ee;color:#25894b}.connection.warn{background:#fff5dd;color:#a9770d}.ghost-button,.secondary-button{height:38px;border:1px solid #dde4ee;border-radius:10px;background:#fff;padding:0 14px;color:#263858;font-size:10px;font-weight:850;cursor:pointer;transition:.16s}.ghost-button:hover,.secondary-button:hover{border-color:#c5d0df;background:#f9fbfd}.menu-button{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);cursor:pointer}.menu-scrim{display:none}.page-content{display:grid;gap:22px;max-width:1500px;margin:0 auto;padding:28px clamp(22px,4vw,52px) 56px}.load-notice{display:flex;max-width:calc(1500px - clamp(44px,8vw,104px));align-items:center;gap:10px;margin:18px auto -8px;border:1px solid #f0d2d7;border-radius:12px;background:#fff3f4;padding:11px 14px;color:#8f3d49}.load-notice>span{display:grid;width:21px;height:21px;flex:0 0 auto;place-items:center;border-radius:7px;background:#d95768;color:#fff;font-size:9px;font-weight:950}.load-notice p{flex:1 1;margin:0;font-size:9px;line-height:1.45}.load-notice button{border:0;background:transparent;color:#9c3847;font-size:9px;font-weight:900;cursor:pointer}.setup-banner{display:flex;align-items:center;gap:18px;overflow:hidden;border:1px solid #dce8ba;border-radius:17px;background:linear-gradient(112deg,#f5ffe1,#fbfff1 58%,#edf6d7);padding:20px 22px;box-shadow:0 9px 28px rgba(109,145,36,.08)}.setup-icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border-radius:15px;background:var(--navy);box-shadow:0 10px 25px rgba(16,33,71,.16);color:var(--lime);font-size:15px;font-weight:950}.setup-banner>div:nth-child(2){flex:1 1}.eyebrow{display:block;margin-bottom:7px;color:#6b7a96;font-size:8px;font-weight:950;letter-spacing:1.7px}.setup-banner .eyebrow{color:#71900f}.modal h2,.panel h2,.setup-banner h2{margin:0;color:#162342;font-size:17px;letter-spacing:-.25px}.admin-intro p,.filter-card .panel-head p,.modal>p,.panel-head p,.setup-banner p,.upload-card>p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.setup-banner>button{height:39px;border:0;border-radius:10px;background:var(--navy);padding:0 17px;color:#fff;font-size:10px;font-weight:850;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stat-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;border:1px solid #e4e9f1;border-radius:15px;background:#fff;padding:18px 19px;box-shadow:0 6px 22px rgba(20,39,78,.045)}.stat-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;font-size:18px;font-weight:900}.stat-icon.blue{background:#edf3ff;color:var(--blue)}.stat-icon.lime{background:#f0fbd7;color:#629214}.stat-icon.violet{background:#f0edff;color:var(--violet)}.stat-grid strong{display:block;font-size:24px;letter-spacing:-.8px}.stat-grid p{margin:2px 0 0;color:#465570;font-size:10px;font-weight:750}.stat-grid article>small{grid-column:1/-1;color:#8e99ac;font-size:9px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px}.panel{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h2 small{margin-left:5px;color:#96a1b4;font-size:11px;font-weight:700}.add-groups-card,.admin-intro,.audience-guide,.filter-card,.filter-result,.getting-started,.monitor-preview,.recent-panel,.table-panel,.upload-card{padding:22px}.step-count{border-radius:999px;background:#f1f5fb;padding:6px 10px;color:#657590;font-size:8px;font-weight:850;white-space:nowrap}.steps{display:grid;gap:8px;margin-top:17px}.steps button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid #edf0f5;border-radius:12px;background:#fbfcfe;padding:11px;text-align:left;cursor:pointer}.steps button:hover{border-color:#d9e2ef;background:#fff}.steps button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#edf2f8;color:#60718e;font-size:10px;font-style:normal;font-weight:900}.steps button.current{border-color:#dbe8ad;background:#f9ffec}.steps button.current>i,.steps button.done>i{background:var(--lime);color:var(--navy)}.steps button>span{display:flex;flex-direction:column}.steps button b{font-size:10px}.steps button small{margin-top:3px;color:#7c889b;font-size:9px}.steps button>em{color:#9aa7bb;font-size:15px;font-style:normal}.text-button{border:0;background:transparent;padding:4px;color:#365fae;font-size:9px;font-weight:850;cursor:pointer}.mini-list{display:grid;margin-top:14px}.mini-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #edf0f5;padding:9px 0}.mini-list>div:last-child{border:0}.avatar,.person-cell>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#edf3ff;color:#3862b5;font-size:10px;font-weight:900}.mini-list b{display:block;font-size:10px}.mini-list small{display:block;margin-top:3px;color:#8390a4;font-size:8px}.mini-list time{color:#8794a8;font-size:8px}.monitor-preview{box-shadow:none}.group-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 28px;margin-top:14px}.group-bars>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;border-top:1px solid #edf0f5;padding:12px 0}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.active{background:#50c778;box-shadow:0 0 0 4px #50c77818}.status-dot.paused{background:#a4adba}.status-dot.baseline{background:#4c7df0;box-shadow:0 0 0 4px #4c7df018}.status-dot.error{background:#e26876}.group-bars b{display:block;font-size:10px}.group-bars small{color:#8d98ab;font-size:8px}.group-bars em{color:#40815a;font-size:11px;font-style:normal;font-weight:900}.help{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:1px solid #dfe5ed;border-radius:50%;background:#fafbfd;color:#71809a;font-size:10px;font-weight:900;cursor:help}.add-groups-card textarea{display:block;width:100%;min-height:148px;margin-top:17px;resize:vertical;border:1px solid #dbe2ec;border-radius:12px;background:#f9fbfd;padding:14px;color:#1e2d49;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;outline:none;transition:.16s}.add-groups-card textarea:focus{border-color:#6e92ea;background:#fff;box-shadow:0 0 0 4px #4679f411}.add-groups-card textarea::placeholder{color:#a4afbf}.form-footer{display:flex;align-items:center;gap:16px;margin-top:12px}.form-footer>span{color:#7a879c;font-size:9px}.form-footer>span b{color:#31425f;font-size:11px}.form-footer>span.limit-error,.limit-error b{color:var(--danger)}.primary-button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:var(--navy);box-shadow:0 7px 17px rgba(16,33,71,.14);padding:0 16px;color:#fff;font-size:10px;font-weight:850;cursor:pointer;transition:.17s}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:var(--navy-2)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-footer .primary-button{margin-left:auto}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #ffffff4f;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.list-head,.search-field{align-items:center}.search-field{position:relative;display:flex;min-width:220px}.search-field>span{position:absolute;left:11px;color:#8b98ac;font-size:14px}.search-field input{width:100%;height:38px;border:1px solid #dfe5ee;border-radius:10px;background:#f9fbfd;padding:0 12px 0 32px;color:var(--ink);font-size:10px;outline:none}.search-field input:focus{border-color:#6e92ea;background:#fff}.responsive-table{overflow-x:auto;margin:16px -22px -22px}table{width:100%;border-collapse:collapse}th{border-top:1px solid #e8ecf2;border-bottom:1px solid #e8ecf2;background:#f8fafc;padding:10px 12px;color:#8793a7;font-size:8px;font-weight:900;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}td:first-child,th:first-child{padding-left:22px}td:last-child,th:last-child{padding-right:22px}td{border-bottom:1px solid #edf0f5;padding:12px;color:#4e5c74;font-size:9px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcfe}.group-cell,.person-cell{display:flex;align-items:center;gap:9px}.group-cell>span{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border-radius:10px;background:#edf3ff;color:#3a64b8;font-size:11px;font-weight:900}.group-cell>div{display:flex;min-width:150px;flex-direction:column}.group-cell b,.person-cell b{color:#24334e;font-size:10px}.group-cell a,.person-cell a{margin-top:3px;color:#6280b8;font-size:8px;text-decoration:none}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;white-space:nowrap}.status-pill.active{background:#eaf8ee;color:#2d8750}.status-pill.paused{background:#f0f2f5;color:#707b8c}.status-pill.baseline{background:#eaf0ff;color:#3565c6}.status-pill.error{background:#ffedef;color:#b84150}.row-error,.row-hint{display:block;max-width:170px;margin-top:4px;color:#9a6470;font-size:7px;line-height:1.3}.row-hint{color:#8390a4}.new-count{color:#388159;font-size:10px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.danger-icon,.row-actions button{display:grid;width:28px;height:28px;place-items:center;border:1px solid #e1e6ee;border-radius:8px;background:#fff;color:#6e7b91;font-size:11px;cursor:pointer}.row-actions button:hover{border-color:#ccd5e2;background:#f7f9fc}.danger-icon,.row-actions .danger-icon{color:#bd5866}.danger-icon:disabled,.row-actions button:disabled{opacity:.4;cursor:wait}.table-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 0;color:#748198;font-size:9px;font-weight:750}.table-pagination button{border:1px solid #dfe5ee;border-radius:9px;background:#fff;padding:7px 11px;color:#52627c;font-size:9px;font-weight:800;cursor:pointer}.table-pagination button:hover:not(:disabled){border-color:#bfcbe0;background:#f8faff}.table-pagination button:disabled{opacity:.4;cursor:not-allowed}.info-strip{display:flex;align-items:flex-start;gap:12px;border:1px solid #dbe5f4;border-radius:13px;background:#f0f5fb;padding:14px 17px}.info-strip>span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:50%;background:#dce7f7;color:#456aa7;font-size:9px;font-weight:950}.info-strip p{margin:0;color:#62728d;font-size:9px;line-height:1.5}.info-strip b{color:#334766}.action-bar{display:flex;align-items:center;gap:17px;padding:17px 19px}.action-bar>div:first-child{display:flex;align-items:center;gap:10px;min-width:190px}.selection-count{display:grid;min-width:41px;height:41px;place-items:center;border-radius:11px;background:#eff4ff;color:#345fae;font-size:13px;font-weight:900}.action-bar p{margin:0;color:#34445f;font-size:10px;font-weight:800}.action-bar p small{display:block;margin-top:3px;color:#8692a5;font-size:8px;font-weight:500}.export-actions{display:flex;gap:6px}.audience-actions button,.export-actions button,.result-actions>button:not(.primary-button){height:36px;border:1px solid #dce3ed;border-radius:9px;background:#fff;padding:0 11px;color:#344867;font-size:9px;font-weight:850;cursor:pointer}.audience-actions button:hover,.export-actions button:hover,.result-actions>button:hover{background:#f8fafc}.save-audience{display:flex;flex:1 1;gap:7px;margin-left:auto}.save-audience input{min-width:140px;flex:1 1;height:39px;border:1px solid #dce3ed;border-radius:10px;background:#f9fbfd;padding:0 12px;font-size:10px;outline:none}.filters{display:flex;align-items:flex-end;gap:10px;margin-bottom:-1px}.filters .grow{flex:1 1}.filters>label:not(.search-field){display:flex;min-width:150px;flex-direction:column;gap:5px;color:#738097;font-size:8px;font-weight:800}.field select,.filters select{height:38px;border:1px solid #dfe5ee;border-radius:10px;background:#f9fbfd;padding:0 30px 0 11px;color:#2d3d5a;font-size:9px;outline:none}.check-col{width:38px}input[type=checkbox]{width:14px;height:14px;accent-color:#335fae}code{border-radius:5px;background:#f0f4fa;padding:4px 6px;color:#385a91;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.muted{color:#a0a9b8}.empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.empty>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eef3fa;color:#58719d;font-size:19px}.empty h3{margin:12px 0 0;color:#263550;font-size:13px}.empty p{max-width:320px;margin:6px 0 14px;color:#8692a4;font-size:9px;line-height:1.55}.audience-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:18px}.audience-guide h2,.upload-card h2{margin-top:0}.upload-card form{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(220px,1fr);gap:13px;margin-top:17px}.dropzone{grid-row:span 2;display:flex;min-height:143px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bac8da;border-radius:13px;background:#f8fafc;color:#506481;cursor:pointer;transition:.17s}.dropzone.ready,.dropzone:hover{border-color:#7f9d43;background:#f7fdea}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#eaf0f9;color:#456aa7;font-size:16px;font-weight:900}.dropzone.ready>span{background:var(--lime);color:var(--navy)}.dropzone b{margin-top:9px;font-size:10px}.dropzone small{margin-top:4px;color:#8996aa;font-size:8px}.field{display:flex;flex-direction:column;gap:6px;color:#52617a;font-size:9px;font-weight:800}.field input{width:100%;height:40px;border:1px solid #dce3ed;border-radius:10px;background:#f9fbfd;padding:0 12px;color:#22324e;font-size:10px;outline:none}.field input:focus,.field select:focus{border-color:#6e92ea;background:#fff;box-shadow:0 0 0 4px #4679f40d}.field>small{color:#919cad;font-size:8px;font-weight:500;line-height:1.45}.wide{width:100%}.audience-guide{position:relative;overflow:hidden;background:linear-gradient(145deg,#122750,#182f61);color:#fff}.audience-guide:after{position:absolute;right:-70px;bottom:-85px;width:210px;height:210px;border:40px solid #c9ff450d;border-radius:50%;content:""}.audience-guide .eyebrow{color:#9dafd0}.audience-guide h2{color:#fff}.guide-mark{position:absolute;top:19px;right:20px;display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:var(--lime);color:var(--navy);font-size:12px;font-weight:900}.audience-guide ol{position:relative;z-index:1;display:grid;gap:13px;margin:17px 0 0;padding:0;list-style:none}.audience-guide li{display:flex;align-items:center;gap:10px}.audience-guide li>i{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff0d;color:var(--lime);font-size:9px;font-style:normal;font-weight:900}.audience-guide li>span{display:flex;flex-direction:column}.audience-guide li b{font-size:9px}.audience-guide li small{margin-top:3px;color:#a6b5d1;font-size:8px;line-height:1.4}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.audience-grid>article{display:flex;align-items:center;gap:11px;border:1px solid #e7ebf1;border-radius:12px;background:#fbfcfe;padding:13px}.audience-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;background:#edf3ff;color:#466eb9;font-size:15px}.audience-main{min-width:0;flex:1 1}.audience-main>span{color:#7990b4;font-size:7px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.audience-main h3{overflow:hidden;margin:4px 0;color:#253550;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.audience-main p{margin:0;color:#8792a4;font-size:8px}.audience-main p b{color:#44536b}.audience-actions{display:flex;gap:5px}.audience-actions button{height:30px;padding:0 8px;font-size:8px}.audience-actions .danger-icon{padding:0}.filter-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;align-items:start}.filter-card form{display:grid;gap:17px;margin-top:20px}.age-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.age-range>span{padding-bottom:12px;color:#9da7b6}.age-range .field>div{position:relative}.age-range .field input{padding-right:40px}.age-range .field em{position:absolute;right:11px;top:50%;color:#9ca7b7;font-size:8px;font-style:normal;transform:translateY(-50%)}.toggle-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid #e8ecf1;border-radius:12px;background:#fafbfd;padding:12px}.toggle-line>button{position:relative;width:34px;height:19px;border:0;border-radius:999px;background:#cbd3df;padding:0;cursor:pointer;transition:.17s}.toggle-line>button i{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #18284b2b;transition:.17s}.toggle-line>button.on{background:#86bd24}.toggle-line>button.on i{left:18px}.toggle-line>span:nth-child(2){display:flex;flex-direction:column}.toggle-line b{color:#3a4962;font-size:9px}.toggle-line small{margin-top:3px;color:#8994a6;font-size:8px;line-height:1.4}.recommended{border-radius:999px;background:#edf2f8;padding:5px 7px;color:#7e8a9e;font-size:7px;font-weight:900;white-space:nowrap}.filter-result{position:sticky;top:104px;min-height:390px}.filter-result .empty{min-height:345px}.filter-result.has-result{background:linear-gradient(155deg,#fff,#faffed);text-align:center}.result-check{display:grid;width:48px;height:48px;margin:2px auto 13px;place-items:center;border-radius:15px;background:var(--lime);box-shadow:0 9px 24px rgba(154,207,38,.22);color:var(--navy);font-size:18px;font-weight:950}.filter-result.has-result .eyebrow{color:#74951d}.filter-result h2{font-size:22px}.filter-result>p{margin:5px 0;color:#7f8b9e;font-size:9px}.result-meter{height:7px;overflow:hidden;border-radius:99px;background:#e6ebdf;margin:21px 0}.result-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#9dd629,var(--lime))}.filter-result dl{display:grid;gap:0;margin:0;border-top:1px solid #e7ebdf;border-bottom:1px solid #e7ebdf}.filter-result dl>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e8;padding:11px 0}.filter-result dl>div:last-child{border:0}.filter-result dt{color:#6c788c;font-size:9px}.filter-result dd{margin:0;color:#31415c;font-size:9px;font-weight:900}.result-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin-top:18px}.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#fff,#f6f9ff)}.small-button{height:30px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;padding:0 9px;color:#5d6c84;font-size:8px;font-weight:800;cursor:pointer}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:rgba(10,23,49,.55);padding:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;width:min(100%,450px);border:1px solid #fff;border-radius:18px;background:#fff;padding:26px;box-shadow:0 25px 80px rgba(8,20,46,.25)}.modal-close{position:absolute;top:14px;right:14px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #e2e7ee;border-radius:9px;background:#fff;color:#718097;font-size:16px;cursor:pointer}.modal form{display:grid;gap:14px;margin-top:20px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;display:flex;max-width:min(420px,calc(100vw - 36px));align-items:center;gap:10px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;padding:12px 15px;box-shadow:0 18px 48px rgba(15,33,70,.18);color:#36465f;font-size:10px;font-weight:750;animation:toast-in .2s ease-out}.toast i{display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border-radius:8px;font-style:normal;font-weight:900}.toast.success i{background:#e8f8ed;color:#2a9453}.toast.error i{background:#ffebee;color:#b94353}.toast.info i{background:#eaf1ff;color:#3766c4}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1500px;margin:0 auto;padding:28px clamp(22px,4vw,52px)}.loading-grid i{height:120px;border-radius:16px;background:linear-gradient(100deg,#e9edf3 20%,#f7f9fc 45%,#e9edf3 70%);background-size:300% 100%;animation:loading 1.2s linear infinite}.loading-grid i:last-child{grid-column:1/-1;height:340px}@keyframes loading{to{background-position:-150% 0}}@media(max-width:1120px){.sidebar{width:225px}.workspace{margin-left:225px}.audience-layout,.filter-layout,.overview-grid{grid-template-columns:1fr}.filter-result{position:static;min-height:0}.filter-result .empty{min-height:250px}.action-bar{flex-wrap:wrap}.save-audience{min-width:100%;margin-left:0}.audience-grid{grid-template-columns:1fr}.upload-card form{grid-template-columns:1fr 1fr}}@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:transform .22s ease}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:grid;place-items:center}.menu-scrim.show{position:fixed;z-index:25;inset:0;display:block;border:0;background:rgba(7,18,40,.44)}.topbar{padding:12px 18px}.topbar-actions .ghost-button{display:none}.page-content{padding:20px 18px 44px}.load-notice{max-width:none;margin:14px 18px -5px}.stat-grid{grid-template-columns:1fr}.stat-grid article{grid-template-columns:auto 1fr auto}.stat-grid article>small{grid-column:auto}.group-bars{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filters .grow{grid-column:1/-1}.search-field{min-width:0}.loading-grid{grid-template-columns:1fr;padding:20px 18px}.loading-grid i:last-child{grid-column:auto}}@media(max-width:620px){.topbar{min-height:70px}.topbar h1{font-size:19px}.topbar p{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection{display:none}.page-content{gap:15px}.setup-banner{align-items:flex-start;padding:17px}.setup-icon{width:42px;height:42px;border-radius:12px;font-size:12px}.setup-banner>button{display:none}.stat-grid article{grid-template-columns:auto 1fr;padding:15px}.stat-grid article>small{grid-column:1/-1}.add-groups-card,.admin-intro,.audience-guide,.filter-card,.filter-result,.getting-started,.monitor-preview,.recent-panel,.table-panel,.upload-card{padding:17px}.panel-head{gap:10px}.panel-head p{font-size:10px}.responsive-table{margin:15px -17px -17px;overflow:visible}.responsive-table table,.responsive-table tbody,.responsive-table td,.responsive-table th,.responsive-table thead,.responsive-table tr{display:block}.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.responsive-table tr{position:relative;border-top:1px solid #e9edf3;padding:12px 17px}.responsive-table td{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:12px;border:0;padding:4px 0;text-align:right}.responsive-table td:before{color:#8a96a9;font-size:8px;font-weight:800;content:attr(data-label);text-align:left}.responsive-table td:first-child,.responsive-table td:last-child{padding:4px 0}.responsive-table td.check-col:before,.responsive-table td:first-child:before,.responsive-table td:last-child:before{display:none}.responsive-table td:first-child{justify-content:flex-start;margin-bottom:4px}.responsive-table .check-col{position:absolute;top:19px;right:17px;width:auto}.responsive-table .check-col+td{padding-right:32px}.group-cell>div{min-width:0;text-align:left}.row-actions{width:100%;justify-content:flex-end}.filters{grid-template-columns:1fr}.filters .grow{grid-column:auto}.filters>label:not(.search-field){min-width:0}.action-bar{align-items:stretch;padding:14px}.action-bar>div:first-child{min-width:100%}.export-actions,.export-actions button{flex:1 1}.save-audience{flex-direction:column}.upload-card form{grid-template-columns:1fr}.dropzone{grid-row:auto}.audience-grid>article{align-items:flex-start;flex-wrap:wrap}.audience-actions{width:100%;justify-content:flex-end}.age-range{grid-template-columns:1fr}.age-range>span{display:none}.toggle-line{grid-template-columns:auto 1fr}.recommended{grid-column:2}.result-actions{grid-template-columns:1fr}.admin-intro{align-items:flex-start;flex-direction:column}.admin-intro .primary-button{width:100%}.toast{right:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}