.brand-logo{display:block;width:min(31vw,390px);aspect-ratio:1;object-fit:cover;border-radius:36px;box-shadow:0 30px 90px rgba(94,73,170,.15);margin:0 0 3rem}
.connect-button{display:inline-block;text-decoration:none;font-size:.68rem;font-weight:700;color:#fff;background:#655bdf;border-radius:8px;padding:.48rem .65rem;margin-left:.35rem}.connected-pill{color:#17815d;background:#e9f8f1}
.toast{padding:.85rem 1rem;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;margin-bottom:1rem}.toast.error{color:#a54552;background:#fff4f5;border-color:#ffd7dc}.toast.success{color:#157452;background:#ecfaf4;border-color:#c9f1df}
.campaign-panel{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:1rem;overflow:hidden}.campaign-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line);font-size:.72rem}.source-picker{display:flex;align-items:center;gap:.55rem}.source-picker b{padding:.38rem .55rem;border-radius:7px;background:#f2f1ff;color:#5f56d8}.source-picker span,.date-picker{border:1px solid var(--line);padding:.42rem .65rem;border-radius:7px;color:#6e7182}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metric-strip div{padding:.55rem .9rem;border-right:1px solid var(--line)}.metric-strip div:last-child{border:0}.metric-strip span{display:block;text-transform:uppercase;color:#9a9dac;font-size:.58rem}.metric-strip b{font-size:.72rem}.campaign-controls{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;padding:.65rem;border-bottom:1px solid var(--line)}.campaign-controls button,.campaign-controls input{border:1px solid var(--line);background:#fff;border-radius:7px;padding:.5rem .65rem;font-size:.68rem;color:#626678}.entity-tabs{display:flex;border-bottom:1px solid var(--line)}.entity-tabs button{border:0;background:#fff;padding:.75rem 1.3rem;font-size:.7rem;color:#777a8b}.entity-tabs button.active{color:#5f55dc;border-bottom:2px solid #6b60e5}.table-scroll{overflow:auto}.campaign-panel table{border-collapse:collapse;width:100%;min-width:1120px;font-size:.63rem}.campaign-panel th,.campaign-panel td{padding:.58rem .55rem;text-align:left;border-right:1px solid #f1f1f5;border-bottom:1px solid #f1f1f5;white-space:nowrap}.campaign-panel th{color:#55596a;font-weight:650}.campaign-panel tfoot{background:#fafafd;font-weight:650}.table-empty{display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;color:#8c8f9e}.table-empty b{color:#55596b;font-size:.78rem}.table-empty a{margin-top:.4rem;text-decoration:none;color:#fff;background:#675bdd;border-radius:7px;padding:.5rem .7rem}
@media(max-width:900px){.brand-logo{width:260px}.campaign-panel{border-radius:12px}}
[hidden]{display:none!important}.app-view{animation:view-in .16s ease}.app-view.active{display:block}@keyframes view-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}.sidebar nav a{display:flex;align-items:center;gap:.68rem}.sidebar nav a>i{font-style:normal;width:1rem;text-align:center;color:#989bad}.sidebar nav a.active>i{color:#655adb}.inline-cta,.primary-small{display:inline-block;text-decoration:none;color:#fff;background:#655bdf;border-radius:8px;padding:.55rem .75rem;font-size:.7rem;font-weight:700;margin-top:1rem}.primary-small{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-head h2{margin:0;font-size:1.15rem}.section-head p{margin:.35rem 0 0;color:var(--muted);font-size:.75rem}.section-head button{border:0;border-radius:9px;padding:.7rem .9rem;background:#e9e9ef;color:#989aa7}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.integration-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.25rem}.integration-card-top{display:flex;justify-content:space-between;align-items:center}.integration-icon.large{width:48px;height:48px;border-radius:14px}.integration-card h3{font-size:1rem;margin:1rem 0 .35rem}.integration-card>p{font-size:.72rem;color:var(--muted);min-height:2.4rem;line-height:1.5}.integration-card dl,.settings-grid dl{margin:1rem 0 0}.integration-card dl div,.settings-grid dl div{display:flex;justify-content:space-between;padding:.65rem 0;border-top:1px solid #f0f0f5;font-size:.68rem}.integration-card dt,.settings-grid dt{color:var(--muted)}.integration-card dd,.settings-grid dd{margin:0;font-weight:650}.connect-button.full{display:block;text-align:center;margin:1rem 0 0;padding:.7rem}.error-pill{color:#a83f52;background:#fff0f3}.safety-note{margin-top:1rem;border:1px solid #dfdcf8;background:#f6f4ff;border-radius:14px;padding:1rem 1.15rem}.safety-note b{font-size:.78rem}.safety-note p{font-size:.7rem;color:#6f7183;line-height:1.6;margin:.35rem 0 0}.floating-toast{position:fixed;z-index:20;top:1rem;right:1rem;max-width:460px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check-list{padding:0;list-style:none;margin:1rem 0}.check-list li{font-size:.72rem;padding:.55rem 0;border-bottom:1px solid #f0f0f5}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e9f8f1;color:#17815d;margin-right:.55rem}.activity-panel{min-height:380px}@media(max-width:900px){.sidebar nav a>i{font-size:1rem;width:100%}.sidebar nav a:before{display:none}.integration-grid,.settings-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.workspace{max-width:100%}}
.account-list{border-top:1px solid #f0f0f5}.account-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem 0;border-bottom:1px solid #f0f0f5}.account-platform,.platform-cell i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0efff;color:#5e55d6;font-size:.62rem;font-weight:800}.account-row b{display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-row small,.account-table small{display:block;color:var(--muted);font-size:.62rem;margin-top:.2rem}.account-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .48rem;background:#f1f2f6;color:#666b7b;font-size:.6rem;font-weight:700;white-space:nowrap}.account-status i{width:6px;height:6px;border-radius:50%;background:#9296a5}.account-status.active{color:#167454;background:#e9f8f1}.account-status.active i{background:#22a978}.account-status.restricted{color:#a33f51;background:#fff0f3}.account-status.restricted i{background:#d74d64}.account-status.pending{color:#94651c;background:#fff7e4}.account-status.pending i{background:#dea737}.accounts-more{display:block;text-align:center;color:#5e55d6;text-decoration:none;font-size:.67rem;font-weight:700;padding:.85rem}.account-table-wrap{overflow:auto;margin:0 -1.2rem -1.2rem}.account-table{width:100%;min-width:780px;border-collapse:collapse;font-size:.68rem}.account-table th,.account-table td{text-align:left;padding:.75rem 1rem;border-top:1px solid #f0f0f5;vertical-align:middle}.account-table th{color:#888b9a;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em}.platform-cell{display:flex;align-items:center;gap:.55rem;white-space:nowrap}.platform-cell i{display:inline-grid;width:27px;height:27px;font-style:normal}.account-reason{max-width:240px;color:#a33f51!important}@media(max-width:650px){.account-row{grid-template-columns:30px minmax(0,1fr)}.account-row>.account-status{grid-column:2;justify-self:start}.account-table-wrap{margin-left:-.8rem;margin-right:-.8rem}}
.sidebar nav a{gap:0}@media(max-width:900px){.sidebar{width:156px;padding:1.2rem .8rem}.sidebar-logo{font-size:1.05rem;padding:0 .45rem}.sidebar-logo span{margin:0}.sidebar nav a{font-size:.76rem;text-align:left}.sidebar nav p{display:block;font-size:.56rem;margin:1.15rem .7rem .4rem}.workspace{margin-left:156px}}
.topbar-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:34px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px;outline-offset:3px;flex:0 0 auto}.theme-toggle:focus-visible{outline:3px solid rgba(101,91,223,.35)}.theme-toggle-track{position:relative;display:block;width:54px;height:30px;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#b9ddff,#e8dfff);box-shadow:inset 0 0 0 1px rgba(76,80,130,.1),0 6px 16px rgba(82,81,151,.13);transition:background .45s ease,box-shadow .45s ease}.theme-toggle-sky,.theme-toggle-sky:before,.theme-toggle-sky:after{position:absolute;content:"";border-radius:50%;opacity:0;transition:opacity .35s ease,transform .45s ease}.theme-toggle-sky{inset:0;transform:translateX(7px)}.theme-toggle-sky:before{width:2px;height:2px;left:9px;top:7px;background:#fff;box-shadow:9px 8px 0 #fff,17px -1px 0 rgba(255,255,255,.8),23px 11px 0 rgba(255,255,255,.75),5px 15px 0 rgba(255,255,255,.65)}.theme-toggle-sky:after{width:3px;height:3px;left:16px;top:5px;background:#fff;box-shadow:12px 13px 0 rgba(255,255,255,.7)}.theme-toggle-thumb{position:absolute;z-index:2;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff9bd 0 18%,#ffd862 58%,#f6af3c 100%);box-shadow:0 2px 7px rgba(64,55,100,.24),0 0 10px rgba(255,205,74,.5);transition:transform .48s cubic-bezier(.3,1.4,.45,1),background .4s ease,box-shadow .4s ease}.theme-toggle-thumb:after{content:"";position:absolute;inset:5px;border-radius:50%;background:transparent;transition:background .35s ease,box-shadow .35s ease}.theme-toggle[aria-checked="true"] .theme-toggle-track{background:linear-gradient(135deg,#30245d,#12152e);box-shadow:inset 0 0 0 1px rgba(188,174,255,.2),0 7px 18px rgba(10,8,27,.35)}.theme-toggle[aria-checked="true"] .theme-toggle-sky,.theme-toggle[aria-checked="true"] .theme-toggle-sky:before,.theme-toggle[aria-checked="true"] .theme-toggle-sky:after{opacity:1;transform:none}.theme-toggle[aria-checked="true"] .theme-toggle-thumb{transform:translateX(24px) rotate(180deg);background:#e9e7ff;box-shadow:0 2px 8px rgba(0,0,0,.35),0 0 12px rgba(156,137,255,.35)}.theme-toggle[aria-checked="true"] .theme-toggle-thumb:after{background:#b8b3db;box-shadow:-5px 5px 0 -2px #d7d3f0,4px -3px 0 -3px #aaa3d0}.theme-toggle[data-saving="true"]{cursor:wait}.theme-toggle[data-saving="true"] .theme-toggle-thumb{animation:theme-pulse .7s ease infinite alternate}@keyframes theme-pulse{to{filter:brightness(1.2);box-shadow:0 0 0 5px rgba(124,105,225,.12)}}html.theme-changing body:after{content:"";position:fixed;z-index:9999;pointer-events:none;width:28px;height:28px;right:3.5rem;top:2.2rem;border-radius:50%;background:rgba(111,88,220,.16);animation:theme-wash .68s ease-out both}@keyframes theme-wash{0%{transform:scale(0);opacity:.75}100%{transform:scale(115);opacity:0}}html.theme-changing body,html.theme-changing .sidebar,html.theme-changing .panel,html.theme-changing .stats article,html.theme-changing .campaign-panel,html.theme-changing .integration-card,html.theme-changing .notice,html.theme-changing input,html.theme-changing button:not(.theme-toggle){transition:background-color .45s ease,color .36s ease,border-color .4s ease,box-shadow .4s ease}
html[data-theme="dark"]{color-scheme:dark;--ink:#f4f1ff;--muted:#aaa7bc;--line:#302d42;--surface:#191723;--soft:#211e2d;--success:#3cc890;--danger:#ff7185;--shadow:0 20px 65px rgba(0,0,0,.32);background:#100e17}html[data-theme="dark"] body{color:var(--ink)}html[data-theme="dark"] .dashboard-body{background:radial-gradient(circle at 75% 0,rgba(79,58,143,.15),transparent 34%),#100e17}html[data-theme="dark"] .sidebar{background:#15131e;border-color:var(--line);box-shadow:8px 0 35px rgba(0,0,0,.08)}html[data-theme="dark"] .sidebar nav a{color:#aaa7ba}html[data-theme="dark"] .sidebar nav a:hover{background:#211e31;color:#ece8ff}html[data-theme="dark"] .sidebar nav a.active{background:linear-gradient(100deg,#30275b,#28213e);color:#c9bdff;box-shadow:inset 0 0 0 1px rgba(151,129,255,.12)}html[data-theme="dark"] .sidebar nav p{color:#777387}html[data-theme="dark"] .sidebar-foot{color:#858294}html[data-theme="dark"] .stats article,html[data-theme="dark"] .panel,html[data-theme="dark"] .campaign-panel,html[data-theme="dark"] .integration-card{background:#191723;border-color:var(--line);box-shadow:0 12px 38px rgba(0,0,0,.09)}html[data-theme="dark"] .notice{background:linear-gradient(105deg,#26213f,#201b2d);border-color:#3b315f}html[data-theme="dark"] .notice a,html[data-theme="dark"] .copy-field button{background:#28243a;border-color:#423a65;color:#c4b8ff}html[data-theme="dark"] .user button{color:#aaa7ba}html[data-theme="dark"] .user>span{box-shadow:0 8px 24px rgba(86,67,188,.32)}html[data-theme="dark"] .panel-head,html[data-theme="dark"] .integration-item,html[data-theme="dark"] .event-item,html[data-theme="dark"] .account-list,html[data-theme="dark"] .account-row,html[data-theme="dark"] .integration-card dl div,html[data-theme="dark"] .settings-grid dl div,html[data-theme="dark"] .check-list li{border-color:#2c2939}html[data-theme="dark"] .empty-icon,html[data-theme="dark"] .account-platform,html[data-theme="dark"] .platform-cell i{background:linear-gradient(135deg,#302750,#202a48);color:#b9adff}html[data-theme="dark"] .live-dot{color:#67d9a8;background:#19382e}html[data-theme="dark"] .status-pill{color:#e0bd65;background:#3b301b}html[data-theme="dark"] .connected-pill{color:#77ddb2;background:#17372b}html[data-theme="dark"] .error-pill{color:#ff8ca0;background:#47212a}html[data-theme="dark"] .safety-note{background:#201b31;border-color:#393052}html[data-theme="dark"] .campaign-toolbar,html[data-theme="dark"] .metric-strip,html[data-theme="dark"] .campaign-controls,html[data-theme="dark"] .entity-tabs,html[data-theme="dark"] .campaign-panel th,html[data-theme="dark"] .campaign-panel td,html[data-theme="dark"] .account-table th,html[data-theme="dark"] .account-table td{border-color:#2b2838}html[data-theme="dark"] .source-picker b{background:#302957;color:#c8beff}html[data-theme="dark"] .source-picker span,html[data-theme="dark"] .date-picker,html[data-theme="dark"] .campaign-controls button,html[data-theme="dark"] .campaign-controls input{background:#15131d;border-color:#353144;color:#b6b2c6}html[data-theme="dark"] .entity-tabs button{background:#191723;color:#9894a8}html[data-theme="dark"] .entity-tabs button.active{color:#b6a9ff;border-color:#8976f2}html[data-theme="dark"] .campaign-panel tfoot{background:#15131d}html[data-theme="dark"] .toast{background:#211e2b;border-color:#393547;color:#e9e5f4}html[data-theme="dark"] .toast.error{background:#3c2027;border-color:#63303b;color:#ff9dab}html[data-theme="dark"] .toast.success{background:#17362b;border-color:#285b48;color:#89e0bb}html[data-theme="dark"] .section-head button{background:#282532;color:#777484}html[data-theme="dark"] .settings-grid dd{color:#f4f1ff}html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px}html[data-theme="dark"] ::-webkit-scrollbar-track{background:#100e17}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#3b3749;border:3px solid #100e17;border-radius:999px}
html[data-theme="dark"] .connect-body{background:radial-gradient(circle at 0 0,rgba(79,57,140,.22),transparent 32%),#100e17}html[data-theme="dark"] .connect-main-card,html[data-theme="dark"] .connect-side .panel{background:#191723;border-color:var(--line);box-shadow:0 16px 46px rgba(0,0,0,.12)}html[data-theme="dark"] .connect-header>a{color:#aaa7ba}html[data-theme="dark"] .setup-steps li,html[data-theme="dark"] .permission-list li,html[data-theme="dark"] .connection-stats div{border-color:#2d2a3a}html[data-theme="dark"] .setup-steps li>span{background:#292633;color:#aaa6b7}html[data-theme="dark"] .setup-steps li.done>span{background:#19382e;color:#62d5a3}html[data-theme="dark"] .setup-steps em{background:#292632;color:#aaa7ba}html[data-theme="dark"] .setup-steps li.done em{background:#19382e;color:#68d7a6}html[data-theme="dark"] .connect-action{background:#201c33;border-color:#3b315c}html[data-theme="dark"] .connect-action button:disabled{background:#302d3b;color:#777485}html[data-theme="dark"] .copy-field{background:#13121a;border-color:#34303f}html[data-theme="dark"] .permission-list li:before{color:#62d5a3}
@media(max-width:560px){.topbar-actions{gap:.45rem}.theme-toggle{width:52px}.theme-toggle-track{width:50px}.theme-toggle[aria-checked="true"] .theme-toggle-thumb{transform:translateX(20px) rotate(180deg)}.connect-header{display:grid;grid-template-columns:1fr auto auto;gap:.7rem}.connect-header .mini-logo{font-size:0}.connect-header .mini-logo span{width:28px;height:28px}}
.landing-theme-control{position:fixed;z-index:20;top:1.5rem;right:1.75rem;padding:.28rem;border-radius:999px;background:rgba(255,255,255,.52);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(72,61,128,.1)}html[data-theme="dark"] .landing{background:radial-gradient(circle at 18% 12%,rgba(91,51,132,.28) 0,transparent 35%),radial-gradient(circle at 86% 88%,rgba(43,66,129,.2) 0,transparent 32%),#0f0d16}html[data-theme="dark"] .landing-theme-control{background:rgba(28,24,42,.72);box-shadow:0 9px 32px rgba(0,0,0,.28)}html[data-theme="dark"] .brand-panel h1{color:#f6f2ff}html[data-theme="dark"] .brand-panel .eyebrow{color:#a993ff}html[data-theme="dark"] .lead{color:#b1adbf}html[data-theme="dark"] .feature-row span{background:rgba(30,27,43,.76);border-color:rgba(73,65,99,.8);color:#c1bdce;box-shadow:0 10px 30px rgba(0,0,0,.12)}html[data-theme="dark"] .login-card{background:rgba(25,23,35,.9);border-color:rgba(72,66,91,.82);box-shadow:0 24px 75px rgba(0,0,0,.38)}html[data-theme="dark"] .login-card>p{color:#aaa7ba}html[data-theme="dark"] .steps{color:#aaa7ba}html[data-theme="dark"] .steps b{background:#302957;color:#c8beff}html[data-theme="dark"] .security{color:#898596!important}html[data-theme="dark"] .login-error{color:#ff9dab!important;background:#3c2027;border-color:#63303b}html[data-theme="dark"] .brand-logo{box-shadow:0 30px 95px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.05);filter:brightness(.82) saturate(1.15)}html[data-theme="dark"] .orb{opacity:.55;filter:blur(28px) brightness(.72)}@media(max-width:560px){.landing-theme-control{top:1rem;right:1rem}.login-shell{padding-top:5.5rem}}
html[data-theme="dark"] .brand-logo{filter:saturate(1.28) contrast(1.06)}
html[data-theme="dark"] .integration-icon{background:linear-gradient(135deg,#302750,#202a48);color:#c8beff}
.campaign-controls select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:.5rem .65rem;font-size:.68rem;color:#626678}.campaign-controls>span{align-self:center;color:var(--muted);font-size:.64rem}.date-picker{display:flex;align-items:center;gap:.45rem}.date-picker input{border:0;background:transparent;color:inherit;font-size:.68rem}.campaign-panel td b{display:block}.campaign-panel td small{display:block;color:var(--muted);margin-top:.15rem}.state-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#999}.state-dot.active{background:#22a978;box-shadow:0 0 0 3px #e5f7ef}.state-dot.paused{background:#9da0ad}.state-dot.restricted{background:#d74d64;box-shadow:0 0 0 3px #fff0f3}.state-dot.pending{background:#dea737}.entity-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .48rem;background:#f1f2f6;color:#666b7b;font-size:.58rem;font-weight:700}.entity-status i{width:5px;height:5px;border-radius:50%;background:#9296a5}.entity-status.active{color:#167454;background:#e9f8f1}.entity-status.active i{background:#22a978}.entity-status.restricted{color:#a33f51;background:#fff0f3}.entity-status.restricted i{background:#d74d64}.entity-status.pending{color:#94651c;background:#fff7e4}.entity-status.pending i{background:#dea737}html[data-theme="dark"] .campaign-controls select{background:#15131d;border-color:#353144;color:#b6b2c6}html[data-theme="dark"] .date-picker input{color:#b6b2c6}html[data-theme="dark"] .state-dot.active{box-shadow:0 0 0 3px #19382e}html[data-theme="dark"] .state-dot.restricted{box-shadow:0 0 0 3px #47212a}