:root{--ink:#17212b;--muted:#6d7782;--line:#e7ebef;--paper:#fff;--canvas:#f7f8fa;--blue:#2563eb;--green:#15803d;--red:#dc2626;--amber:#b45309}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.sidebar{position:fixed;z-index:2;display:flex;flex-direction:column;width:238px;height:100vh;padding:25px 16px;background:#111827;color:#d1d5db}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:750;padding:0 9px 30px}
.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#4f46e5}
.sidebar nav{display:grid;gap:4px}
.nav-link{padding:10px 12px;border-radius:8px;color:#9ca3af;text-decoration:none;font-weight:600}
.nav-link:hover,.nav-link.active{background:#273346;color:#fff}
.sidebar-bottom{margin-top:auto;padding:15px 8px 2px}
.sync-indicator{font-size:12px;color:#a8b1c0;margin-bottom:13px}
.sync-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:5px}
.ghost-button,.outline-button,.primary-button,.segmented,.close-button{border:0;cursor:pointer;font:inherit;font-weight:650}
.ghost-button{width:100%;padding:9px;border:1px solid #465266;background:transparent;border-radius:7px;color:#fff}
.ghost-button:hover{background:#273346}
main{margin-left:238px;min-height:100vh;padding:38px 46px 56px;max-width:1760px}
.topbar,.section-heading,.table-toolbar,.dialog-heading,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}
.eyebrow{margin:0 0 3px;text-transform:uppercase;letter-spacing:.09em;color:#6b7280;font-size:11px;font-weight:750}
h1,h2{margin:0;letter-spacing:-.035em}
h1{font-size:29px}
h2{font-size:20px}
.topbar-actions{display:flex;align-items:center;gap:12px}
.date-picker{position:relative;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:600}
.date-picker input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}
.primary-button{padding:10px 14px;border-radius:8px;background:var(--blue);color:#fff;box-shadow:0 1px 2px #cbd5e1}
.primary-button:hover{background:#1d4ed8}
.filters{display:flex;align-items:end;gap:12px;margin:31px 0 20px;padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:11px}
.field{min-width:142px}
.offer-field{min-width:270px}
.field label{display:block;margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:650}
.field select{width:100%;padding:8px 29px 8px 9px;border:1px solid #d9dfe6;border-radius:7px;background:#fff;color:var(--ink);font:inherit}
.outline-button{padding:9px 12px;border:1px solid #d9dfe6;border-radius:7px;background:#fff;color:#374151}
.outline-button:hover{background:#f5f6f8}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px}
.metric{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.metric span{display:block;color:var(--muted);font-size:12px;font-weight:650}
.metric strong{display:block;margin:6px 0 4px;font-size:23px;letter-spacing:-.04em}
.metric small{font-size:11px;color:var(--muted)}
.metric .up{color:var(--green)}
.metric .down{color:var(--red)}
.performance-section{margin-top:30px}
.section-heading p{margin:4px 0 0;color:var(--muted)}
.view-controls{display:flex;padding:3px;background:#e9edf2;border-radius:8px}
.segmented{padding:7px 10px;background:transparent;border-radius:6px;color:#586371;font-size:12px}
.segmented.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #cfd5dc}
.table-card{margin-top:16px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.table-toolbar{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.table-toolbar input{width:315px;padding:8px 10px;border:1px solid #d9dfe6;border-radius:7px;font:inherit}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{padding:12px 14px;border-bottom:1px solid #edf0f2;text-align:right}
th{background:#fbfcfd;color:#737e8a;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
th.name-column,td.name-column{text-align:left;min-width:330px}
.campaign-row td{background:#fafbfd;font-weight:650}
.child-row td{color:#465160}
.ad-row td{color:#65717e;font-size:13px}
.indent-1{padding-left:40px!important}
.indent-2{padding-left:66px!important}
.tree-toggle{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid #d7dee6;border-radius:4px;background:#fff;color:#536170;cursor:pointer;font-weight:800}
.tree-spacer{display:inline-block;width:25px}
.status{display:inline-block;padding:3px 7px;border-radius:99px;font-size:11px;font-weight:750}
.status.active{background:#dcfce7;color:#166534}
.status.paused{background:#fef3c7;color:#92400e}
.status.reject{background:#fee2e2;color:#b91c1c}
.roi-positive{color:var(--green);font-weight:750}
.roi-negative{color:var(--red);font-weight:750}
dialog{border:0;padding:0;border-radius:12px;box-shadow:0 20px 60px #17212b55;width:min(520px,calc(100% - 32px))}
dialog::backdrop{background:#1118278a}
.dialog-card{padding:24px}
.dialog-heading{align-items:start}
.dialog-copy{color:var(--muted);margin:15px 0 18px}
.dialog-card label{display:block;margin:13px 0;font-weight:650}
.dialog-card input{width:100%;margin-top:6px;padding:10px;border:1px solid #d9dfe6;border-radius:7px;font:inherit}
.dialog-actions{justify-content:flex-end;margin-top:22px}
.close-button{padding:0;background:transparent;color:#6b7280;font-size:26px;line-height:1}
.toast{position:fixed;right:24px;bottom:24px;transform:translateY(90px);padding:12px 16px;border-radius:8px;background:#111827;color:#fff;opacity:0;transition:.2s}
.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:780px){.sidebar{position:static;width:100%;height:auto}
.sidebar-bottom{display:none}
.sidebar nav{display:flex;overflow:auto}
.brand{padding-bottom:15px}
main{margin:0;padding:24px 16px}
.topbar,.filters,.section-heading{align-items:flex-start;flex-direction:column}
.topbar-actions{width:100%}
.metrics{grid-template-columns:repeat(2,1fr)}
.filters{align-items:stretch}
.field,.offer-field{width:100%}
.table-toolbar input{width:100%}
.table-toolbar{align-items:stretch;flex-direction:column}
}

.finder{display:flex;align-items:end;gap:14px;margin:31px 0 20px;padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:11px}
.finder-main{flex:1;max-width:600px}.finder label{display:block;margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:650}.finder-main p{margin:6px 0 0;color:var(--muted);font-size:12px}
.search-box{position:relative;display:flex;align-items:center;border:1px solid #cbd4df;border-radius:8px;background:#fff}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #dbeafe}.search-box>span{padding-left:11px;font-size:19px;color:#637084}.search-box input{width:100%;border:0;outline:0;padding:10px 8px;font:inherit}.search-box kbd{margin-right:8px;padding:2px 5px;border:1px solid #d7dde5;border-radius:4px;background:#f5f7f9;color:#778291;font-size:11px}
.search-results{position:absolute;z-index:5;top:calc(100% + 7px);left:0;width:100%;padding:6px;border:1px solid #dce2e9;border-radius:9px;background:#fff;box-shadow:0 12px 30px #18253820}.search-group{padding:6px 9px 3px;color:#7a8592;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.search-result{display:flex;width:100%;justify-content:space-between;gap:12px;padding:9px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;text-align:left;font:inherit}.search-result:hover{background:#f1f5f9}.search-result span{display:block;color:#748091;font-size:12px}.search-result b{color:#536170}
.selected-offer{display:grid;grid-template-columns:1fr auto;min-width:183px;padding:8px 10px;border-left:3px solid #6366f1;background:#f7f7ff}.selected-offer span{font-size:11px;color:var(--muted);font-weight:650}.selected-offer strong{font-size:13px}.selected-offer button{grid-row:1 / 3;grid-column:2;align-self:center;border:0;background:transparent;color:#788395;font-size:18px;cursor:pointer}.legacy-filters{display:none!important}
@media(max-width:780px){.finder{align-items:stretch;flex-direction:column}.finder .field{width:100%}}

.offers-nav{display:flex;width:100%;justify-content:space-between;border:0;background:transparent;text-align:left}.offers-nav span{font-size:16px}.offer-menu{max-height:360px;overflow:auto;margin:3px 0 5px;padding:4px;border-radius:8px;background:#1c2739}.offer-menu[hidden]{display:none}.offer-menu button{display:block;width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:#c5ceda;cursor:pointer;text-align:left;font:12px/1.3 inherit}.offer-menu button:hover,.offer-menu button.is-current{background:#34425a;color:#fff}.offer-menu small{display:block;margin-top:2px;color:#93a1b5;font-size:10px}

/* Apple-inspired liquid glass skin */
:root{--ink:#182337;--muted:#5f6c80;--line:rgba(255,255,255,.62);--paper:rgba(255,255,255,.46);--canvas:#e8edf6;--blue:#007aff;--green:#168653;--red:#d94040}
body{min-height:100vh;background:radial-gradient(circle at 15% 12%,#ffffff 0 8%,transparent 29%),radial-gradient(circle at 88% 20%,#b9d9ff 0,transparent 29%),radial-gradient(circle at 75% 92%,#d8caff 0,transparent 34%),linear-gradient(132deg,#d9ecff 0%,#e9e8fb 47%,#dceff0 100%);color:var(--ink);letter-spacing:-.012em}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(45px);opacity:.72;pointer-events:none}body:before{width:260px;height:260px;top:23%;left:12%;background:#ffd8ef}body:after{width:300px;height:300px;right:-80px;bottom:2%;background:#b8e7ff}
.sidebar{width:250px;padding:24px 14px;background:linear-gradient(155deg,rgba(26,35,57,.74),rgba(36,48,71,.48));border-right:1px solid rgba(255,255,255,.24);box-shadow:14px 0 40px rgba(47,65,94,.12);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.brand{padding:3px 10px 28px;text-shadow:0 1px 12px rgba(0,0,0,.22)}.brand-mark{background:linear-gradient(145deg,#76b9ff,#6254ef);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 7px 18px rgba(28,53,130,.38)}.nav-link{color:rgba(235,242,255,.76);transition:background .2s,color .2s}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.18);color:#fff}.ghost-button{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
main{margin-left:250px;padding:42px 52px 62px}.eyebrow{color:#6a7890;letter-spacing:.11em}h1{font-size:32px;font-weight:650}.date-picker,.finder,.metric,.table-card{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.42);box-shadow:0 16px 38px rgba(69,86,115,.09),inset 0 1px rgba(255,255,255,.66);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.date-picker{background:rgba(255,255,255,.38)}
.primary-button{border:1px solid rgba(255,255,255,.48);background:linear-gradient(145deg,#1387ff,#0069df);box-shadow:0 9px 20px rgba(0,105,223,.25),inset 0 1px rgba(255,255,255,.35)}.finder{gap:18px;border-radius:18px}.search-box{border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.76)}.search-box:focus-within{border-color:rgba(0,122,255,.65);box-shadow:0 0 0 4px rgba(0,122,255,.12),inset 0 1px rgba(255,255,255,.76)}.search-results{border-color:rgba(255,255,255,.78);background:rgba(247,250,255,.75);box-shadow:0 20px 45px rgba(47,65,94,.2);backdrop-filter:blur(28px)}.search-result:hover{background:rgba(255,255,255,.65)}.selected-offer{border-left:1px solid rgba(255,255,255,.7);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(235,241,255,.34));box-shadow:inset 0 1px rgba(255,255,255,.8)}.field select{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.48)}
.metric{border-radius:17px}.metric strong{font-weight:650}.view-controls{padding:4px;border:1px solid rgba(255,255,255,.54);background:rgba(255,255,255,.32);box-shadow:inset 0 1px rgba(255,255,255,.58)}.segmented.active{background:rgba(255,255,255,.66);box-shadow:0 2px 9px rgba(61,75,103,.12),inset 0 1px rgba(255,255,255,.78)}.table-card{border-radius:18px}.table-toolbar,th{border-color:rgba(255,255,255,.5);background:rgba(247,250,255,.25)}th{color:#64738a}.campaign-row td{background:rgba(255,255,255,.2)}td{border-color:rgba(255,255,255,.43)}.tree-toggle{border-color:rgba(255,255,255,.75);border-radius:7px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px rgba(255,255,255,.8)}
.offer-menu{background:rgba(25,37,60,.5);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(22px)}.offer-menu button:hover,.offer-menu button.is-current{background:rgba(255,255,255,.16)}.offer-menu .add-offer-button{border-color:rgba(255,255,255,.38);background:rgba(105,153,224,.22)}dialog{border:1px solid rgba(255,255,255,.7);background:rgba(247,250,255,.72);box-shadow:0 30px 80px rgba(35,47,70,.28);backdrop-filter:blur(32px)}dialog::backdrop{background:rgba(32,44,68,.22);backdrop-filter:blur(7px)}.dialog-card input{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.56)}
@media(max-width:780px){.sidebar{width:100%;background:rgba(26,35,57,.7)}main{margin-left:0;padding:28px 16px}.finder,.metric,.table-card{backdrop-filter:blur(18px)}}

.theme-button{padding:9px 12px;border:1px solid rgba(255,255,255,.66);border-radius:9px;background:rgba(255,255,255,.25);color:var(--ink);font:inherit;font-weight:650;cursor:pointer;backdrop-filter:blur(18px)}.theme-card{padding:24px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.theme-option{display:grid;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:rgba(255,255,255,.28);color:var(--ink);cursor:pointer;text-align:left;font:inherit}.theme-option.is-active{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.14)}.theme-option small{color:var(--muted);font-size:11px}.theme-preview{display:block;height:56px;border:1px solid rgba(255,255,255,.7);border-radius:8px}.light-preview{background:#f7f8fa}.dark-preview{background:linear-gradient(145deg,#1c2739,#0c1320)}.glass-preview{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(155,205,255,.28)),linear-gradient(145deg,#c7ddfc,#d8cffa)}
body.theme-glass{background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.98) 0 8%,transparent 29%),radial-gradient(circle at 88% 20%,#a8d1ff 0,transparent 29%),radial-gradient(circle at 75% 92%,#d2c1ff 0,transparent 34%),linear-gradient(132deg,#d0e9ff 0%,#e6e4ff 47%,#d5eeee 100%)}body.theme-glass .finder,body.theme-glass .metric,body.theme-glass .table-card,body.theme-glass .date-picker{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.58);box-shadow:0 18px 42px rgba(70,87,118,.08),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(34px) saturate(155%);-webkit-backdrop-filter:blur(34px) saturate(155%)}body.theme-glass .sidebar{background:linear-gradient(155deg,rgba(26,35,57,.54),rgba(36,48,71,.28));backdrop-filter:blur(32px) saturate(160%)}body.theme-glass .search-box,body.theme-glass .field select{background:rgba(255,255,255,.28)}
body.theme-light{background:#f6f7fa}body.theme-light:before,body.theme-light:after{display:none}body.theme-light .sidebar{background:#fff;border-right-color:#e8ebef;box-shadow:8px 0 28px rgba(28,39,55,.06);backdrop-filter:none}body.theme-light .brand{color:#17212b;text-shadow:none}body.theme-light .nav-link{color:#647084}body.theme-light .nav-link.active,body.theme-light .nav-link:hover{background:#eaf2ff;color:#1670d3;box-shadow:none}body.theme-light .sync-indicator{color:#647084}body.theme-light .ghost-button{border-color:#dce2ea;background:#fff;color:#354052}body.theme-light .finder,body.theme-light .metric,body.theme-light .table-card,body.theme-light .date-picker{background:#fff;border-color:#e6eaf0;box-shadow:0 8px 24px rgba(28,39,55,.05);backdrop-filter:none}body.theme-light .search-box,body.theme-light .field select{background:#fff;border-color:#dbe1e8}body.theme-light .selected-offer{background:#f4f7ff}body.theme-light .offer-menu{background:#f8fafc;border-color:#e1e6ee;backdrop-filter:none}body.theme-light .offer-menu button{color:#475569}body.theme-light .offer-menu button:hover,body.theme-light .offer-menu button.is-current{background:#e9f2ff;color:#1769c2}
body.theme-dark{--ink:#edf3ff;--muted:#a8b4c6;--line:rgba(255,255,255,.12);--paper:rgba(21,30,48,.58);--canvas:#101725;background:radial-gradient(circle at 85% 12%,#243d69 0,transparent 28%),radial-gradient(circle at 15% 85%,#342755 0,transparent 30%),#101725}body.theme-dark:before{background:#1b5571;opacity:.35}body.theme-dark:after{background:#4c2c78;opacity:.28}body.theme-dark .sidebar{background:rgba(9,14,25,.58)}body.theme-dark .finder,body.theme-dark .metric,body.theme-dark .table-card,body.theme-dark .date-picker{background:rgba(21,30,48,.48);border-color:rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.09)}body.theme-dark .search-box,body.theme-dark .field select{background:rgba(11,18,31,.42);border-color:rgba(255,255,255,.15);color:#edf3ff}body.theme-dark .search-results,body.theme-dark dialog{background:rgba(20,29,47,.84);color:#edf3ff}body.theme-dark .selected-offer{background:rgba(68,87,138,.25);border-left-color:#6faeff}body.theme-dark th,body.theme-dark .table-toolbar,body.theme-dark .campaign-row td{background:rgba(255,255,255,.035)}body.theme-dark td{border-color:rgba(255,255,255,.08)}body.theme-dark .theme-button{color:#edf3ff;background:rgba(255,255,255,.08)}
@media(max-width:600px){.theme-options{grid-template-columns:1fr}.theme-preview{height:40px}}

.monthly-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.leader-card,.settings-card{border:1px solid rgba(255,255,255,.56);border-radius:16px;background:rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(69,86,115,.07),inset 0 1px rgba(255,255,255,.62);backdrop-filter:blur(28px)}.leader-card{padding:18px}.leader-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.leader-heading span{color:var(--muted);font-size:11px}.leader-card ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:leaders}.leader-card li{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.43);counter-increment:leaders}.leader-card li:before{content:counter(leaders);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.48);color:var(--muted);font-size:11px;font-weight:700}.leader-card b{font-size:13px}.leader-card strong{font-size:13px}.settings-section{margin-top:32px;padding-bottom:20px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.settings-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px}.settings-card h3{margin:0;font-size:14px}.settings-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.settings-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.36);font-size:17px}.settings-action{padding:7px 10px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:rgba(255,255,255,.3);color:var(--ink);font:12px inherit;font-weight:650;cursor:pointer}.tree-toggle{border:0!important;border-radius:50%!important;background:rgba(255,255,255,.38)!important;color:#536170;font-size:16px;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.65)!important}.tree-toggle:hover{background:rgba(255,255,255,.78)!important}.tree-spacer{width:25px}@media(max-width:780px){.monthly-leaders,.settings-grid{grid-template-columns:1fr}.settings-card{grid-template-columns:38px 1fr}.settings-action{grid-column:2;justify-self:start}}
body.theme-light .leader-card,body.theme-light .settings-card{background:#fff;border-color:#e6eaf0;box-shadow:0 8px 24px rgba(28,39,55,.05);backdrop-filter:none}body.theme-dark .leader-card,body.theme-dark .settings-card{background:rgba(21,30,48,.48);border-color:rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.09)}

/* Separate application screens */
.overview-only,.offer-finder,.offer-performance,.settings-page,.settings-only{display:none}.settings-only{display:none!important}body[data-view="overview"] .overview-only{display:grid}body[data-view="offers"] .offer-finder{display:flex}body[data-view="offers"] .offer-performance{display:block}body[data-view="settings"] .settings-page{display:block}body[data-view="settings"] .settings-only{display:inline-flex!important}.guide-list{display:grid;gap:12px;margin:19px 0 0;padding-left:20px;color:var(--ink)}

/* Final alignment and readability pass */
body.theme-glass,body.theme-light{color:#17233a}body.theme-glass .nav-link,body.theme-glass .sync-indicator{color:rgba(244,248,255,.9)}body.theme-glass .nav-link.active,body.theme-glass .nav-link:hover{color:#fff}body.theme-glass .finder,body.theme-glass .metric,body.theme-glass .table-card,body.theme-glass .leader-card,body.theme-glass .settings-card{color:#17233a}.eyebrow,.section-heading p,.metric span,.metric small,.table-toolbar,.leader-heading span,.settings-card p{color:#52647d!important}
.primary-button,.theme-button,.outline-button,.ghost-button,.settings-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:10px}.segmented{min-height:34px;border-radius:8px}.nav-link{min-height:38px;display:flex;align-items:center}.tree-toggle{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0}
.finder{display:grid!important;grid-template-columns:minmax(340px,1fr) 210px 150px;align-items:end;gap:14px}.finder-main{max-width:none;width:100%}.selected-offer{width:210px;min-height:64px}.finder .field{width:150px;min-width:0}.finder .field select{height:42px;color:#17233a}.search-box input,.table-toolbar input{color:#17233a!important;background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.8)!important}.search-box input::placeholder,.table-toolbar input::placeholder{color:#64748b!important;opacity:1}.search-box kbd{color:#52647d}.table-toolbar input{height:42px;border-radius:10px}.table-toolbar{align-items:center}.table-toolbar span{color:#52647d}.status{font-weight:750}
body.theme-dark .eyebrow,body.theme-dark .section-heading p,body.theme-dark .metric span,body.theme-dark .metric small,body.theme-dark .table-toolbar,body.theme-dark .leader-heading span,body.theme-dark .settings-card p{color:#b9c5d7!important}body.theme-dark .search-box input,body.theme-dark .table-toolbar input{color:#edf3ff!important;background:rgba(9,15,27,.7)!important}body.theme-dark .search-box input::placeholder,body.theme-dark .table-toolbar input::placeholder{color:#a8b4c6!important}
@media(max-width:980px){.finder{grid-template-columns:1fr 190px}.finder .field{width:100%;grid-column:1 / -1}.selected-offer{width:auto}}@media(max-width:620px){.finder{grid-template-columns:1fr}.finder .field{grid-column:auto}.selected-offer{width:100%}.topbar-actions{flex-wrap:wrap}}

/* Pixel-aligned controls */
button{line-height:1;vertical-align:middle}.offers-nav{align-items:center;justify-content:space-between}.offers-nav span{display:grid;place-items:center;width:16px;height:16px;line-height:1}.nav-link,.primary-button,.theme-button,.outline-button,.ghost-button,.settings-action,.segmented{box-sizing:border-box;white-space:nowrap}.tree-toggle{position:relative;display:inline-block!important;width:22px!important;min-width:22px!important;height:22px!important;margin-right:7px;padding:0!important;vertical-align:middle;font-size:0!important;line-height:0!important}.tree-toggle:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-right:2px solid #52647d;border-bottom:2px solid #52647d;transform:translate(-65%,-50%) rotate(-45deg);transform-origin:center}.tree-toggle.is-open:after{transform:translate(-50%,-65%) rotate(45deg)}.tree-spacer{vertical-align:middle}

.period-controls{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.period-button{min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.62);border-radius:9px;background:rgba(255,255,255,.26);color:#33435b;font:12px inherit;font-weight:650;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.65)}.period-button:hover{background:rgba(255,255,255,.56)}.period-button.active{border-color:rgba(0,122,255,.52);background:linear-gradient(145deg,#1387ff,#0069df);color:#fff;box-shadow:0 6px 15px rgba(0,105,223,.2),inset 0 1px rgba(255,255,255,.35)}body.theme-light .period-button{border-color:#dce3eb;background:#fff}body.theme-dark .period-button{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#e7effc}body.theme-dark .period-button.active{background:linear-gradient(145deg,#1387ff,#0069df)}

/* Compact offer controls and notes */
.finder{grid-template-columns:minmax(230px,1fr) 160px 120px!important;gap:10px!important;padding:13px 15px!important}.finder-main p{display:none}.finder-main label{margin-bottom:4px}.search-box input{height:36px;padding:7px 8px}.selected-offer{width:160px!important;min-height:42px!important;padding:6px 8px!important}.selected-offer span{font-size:10px}.selected-offer strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder .field{width:120px!important}.finder .field select{height:36px!important;padding:6px 26px 6px 8px!important}.table-toolbar input{width:220px!important;height:34px!important;padding:6px 9px!important;font-size:12px}.note-action{margin-left:8px;padding:5px 7px;border:1px solid rgba(0,122,255,.28);border-radius:7px;background:rgba(255,255,255,.32);color:#1769c2;font:11px inherit;font-weight:700;cursor:pointer}.note-composer{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.5fr) auto;gap:12px;align-items:center;margin-top:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.58);border-radius:14px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.6);backdrop-filter:blur(24px)}.note-composer p{margin:0 0 2px}.note-composer textarea{width:100%;resize:vertical;min-height:42px;padding:8px;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:rgba(255,255,255,.52);color:#17233a;font:13px inherit}.notes-page{display:none}.notes-list{display:grid;gap:12px;margin-top:16px}.note-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.58);border-radius:15px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.6);backdrop-filter:blur(24px)}.note-card h3{margin:0;font-size:14px}.note-card p{margin:8px 0;color:var(--ink)}.note-card small{color:var(--muted)}.delete-note{align-self:start;padding:7px 9px;border:1px solid rgba(220,38,38,.22);border-radius:8px;background:rgba(254,226,226,.55);color:#b91c1c;font:12px inherit;font-weight:700;cursor:pointer}.empty-notes{padding:26px;border:1px dashed rgba(91,108,137,.45);border-radius:14px;color:var(--muted);text-align:center}.api-profile-list{display:grid;gap:7px;margin-top:17px}.api-profile-list:empty{display:none}.api-profile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:9px;background:rgba(255,255,255,.35)}.api-profile-row strong{display:block;font-size:12px}.api-profile-row small{color:var(--muted);font-size:11px}.api-profile-row button{padding:5px 7px;border:0;border-radius:6px;background:rgba(220,38,38,.12);color:#b91c1c;font:11px inherit;font-weight:700;cursor:pointer}body[data-view="notes"] .notes-page{display:block}body.theme-dark .note-composer,body.theme-dark .note-card{background:rgba(21,30,48,.48);border-color:rgba(255,255,255,.13)}body.theme-dark .note-composer textarea{background:rgba(9,15,27,.7);color:#edf3ff}@media(max-width:780px){.finder{grid-template-columns:1fr!important}.finder .field,.selected-offer{width:100%!important}.note-composer{grid-template-columns:1fr}.table-toolbar input{width:100%!important}}
.note-composer[hidden]{display:none!important}

@media(min-width:981px){.finder{grid-template-columns:420px 210px 130px!important;justify-content:start}.finder-main{width:420px}.selected-offer{width:210px!important}.finder .field{width:130px!important}}

.offer-menu{max-height:280px;margin:2px 0;padding:3px}.offer-menu button{padding:5px 7px;line-height:1.15}.offer-menu small{margin-top:1px;font-size:9px;line-height:1.15}.offer-menu .add-offer-button{margin-top:5px;padding:8px 7px;border:1px dashed #61708a;background:#26344a;color:#fff;font-weight:700;text-align:center}.offer-menu .add-offer-button:hover{background:#344868}.sidebar nav{gap:2px}.nav-link{padding:8px 12px}

.detail-actions{display:flex;align-items:center;gap:10px}.refresh-offer-button{min-height:34px;padding:0 10px;border:1px solid rgba(0,122,255,.38);border-radius:9px;background:rgba(255,255,255,.36);color:#1769c2;font:12px inherit;font-weight:700;cursor:pointer}.offer-menu .offer-entry{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.offer-menu .offer-entry button[data-offer]{width:auto}.offer-menu .delete-offer{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#b9c4d3;font-size:16px;cursor:pointer}.offer-menu .delete-offer:hover{background:rgba(255,120,120,.22);color:#fff}.offer-menu .offer-updated{grid-column:1 / -1;margin:-3px 0 2px 8px;color:#aebbd0;font-size:9px}.section-heading #offerLastUpdated{display:block;margin-top:4px;color:#63748b;font-size:11px}@media(max-width:780px){.detail-actions{align-items:flex-start;flex-direction:column}}
.api-profile-row{border:1px solid transparent}.api-profile-row.is-selected{border-color:rgba(0,122,255,.32);background:rgba(0,122,255,.10)}.api-profile-row .api-profile-select{flex:1;padding:2px!important;background:transparent!important;color:var(--ink)!important;text-align:left}.api-profile-row .api-profile-select small{display:block}.api-empty{margin:0;padding:10px;color:var(--muted);font-size:12px;text-align:center}
/* Overview, search readability and update log */
.legacy-filters{display:none!important}.metrics.overview-only{grid-template-columns:repeat(6,minmax(130px,1fr))}.search-box{background:rgba(255,255,255,.9)!important}.search-box input{background:transparent!important;color:#17233a!important;font-weight:600}.search-results{z-index:30;max-height:330px;overflow-y:auto;border:1px solid #b8c8dc!important;background:#fafdff!important;box-shadow:0 20px 48px rgba(18,36,64,.24)!important;backdrop-filter:none!important}.search-group{color:#52647d!important}.search-result{color:#17233a!important}.search-result span,.search-result b{color:#43536a!important}.search-result:hover{background:#e8f2ff!important}.table-toolbar input{background:rgba(255,255,255,.92)!important;border-color:#b8c8dc!important;color:#17233a!important;font-weight:600}.table-toolbar input::placeholder,.search-box input::placeholder{color:#5c6d85!important}.logs-page{display:none;margin-top:30px}.logs-list{display:grid;gap:10px;margin-top:17px}.log-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 15px;border:1px solid rgba(255,255,255,.66);border-radius:13px;background:rgba(255,255,255,.52);box-shadow:inset 0 1px rgba(255,255,255,.74)}.log-dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#3b82f6}.log-row.success .log-dot{background:#22c55e}.log-row.error .log-dot{background:#ef4444}.log-row h3{margin:0;color:#17233a;font-size:13px}.log-row p{margin:3px 0 0;color:#53647c;font-size:12px}.log-row time{color:#61718a;font-size:11px;white-space:nowrap}.logs-empty{padding:30px;border:1px dashed rgba(91,108,137,.48);border-radius:13px;color:#52647d;text-align:center}body[data-view="logs"] .logs-page{display:block}body.theme-dark .search-box{background:rgba(10,18,31,.92)!important}body.theme-dark .search-box input{color:#edf3ff!important}body.theme-dark .search-results{background:#121d30!important;border-color:#435675!important}body.theme-dark .search-result,body.theme-dark .search-result span,body.theme-dark .search-result b{color:#e6eefc!important}body.theme-dark .search-result:hover{background:#243652!important}body.theme-dark .table-toolbar input{background:#0b1526!important;border-color:#3a4c68!important;color:#edf3ff!important}.theme-dark .log-row{background:rgba(21,30,48,.72);border-color:rgba(255,255,255,.13)}body.theme-dark .log-row h3{color:#edf3ff}body.theme-dark .log-row p,body.theme-dark .log-row time,body.theme-dark .logs-empty{color:#b9c5d7}@media(max-width:1180px){.metrics.overview-only{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:620px){.metrics.overview-only{grid-template-columns:repeat(2,minmax(0,1fr))}.log-row{grid-template-columns:auto 1fr}.log-row time{grid-column:2}}
/* The offer finder exists only on the offer screen; results must not cover the table. */
body:not([data-view="offers"]) .offer-finder{display:none!important}body[data-view="offers"] .offer-finder{display:grid!important}.search-box{flex-wrap:wrap;align-items:center}.search-results{position:relative!important;top:auto!important;left:auto!important;flex:0 0 100%;width:100%!important;margin-top:7px;max-height:240px;border-radius:10px;background:#fafdff!important}.search-result{min-height:52px;align-items:center}.search-result span:last-child{max-width:42%;text-align:right}.finder:has(.search-results:not([hidden])){align-items:start}.search-results[hidden]{display:none!important}body.theme-dark .search-results{background:#121d30!important}
/* Compact offer workspace: offers are chosen in the sidebar; keep only useful table search. */
body[data-view="offers"] .finder{grid-template-columns:250px 135px!important;justify-content:start;align-items:end;gap:10px;margin:18px 0 16px;padding:10px 12px;border-radius:14px}body[data-view="offers"] .finder-main{display:none!important}body[data-view="offers"] .selected-offer{width:250px!important;min-height:40px!important;padding:6px 10px!important}body[data-view="offers"] .finder .field{width:135px!important;grid-column:auto!important}.search-box{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:40px;flex-wrap:nowrap}.search-box>span{grid-column:1;padding:0 0 0 11px}.search-box input{grid-column:2;width:100%!important;height:38px!important;padding:7px 5px!important}.search-box kbd{grid-column:3;margin:0 8px 0 0}.search-results{grid-column:1 / -1;position:relative!important;max-height:190px!important;margin-top:6px!important}.table-toolbar input{width:260px!important;height:36px!important}.table-toolbar{padding:11px 14px}.period-controls{margin:12px 0}.detail-actions{gap:8px}@media(max-width:620px){body[data-view="offers"] .finder{grid-template-columns:1fr!important}body[data-view="offers"] .selected-offer,body[data-view="offers"] .finder .field{width:100%!important}}
.status.ban{background:#fee2e2;color:#b91c1c}.status.reject{background:#ffedd5;color:#c2410c}
/* Sync feedback */
.refresh-offer-button.is-syncing,.ghost-button.is-syncing{pointer-events:none;opacity:.88;cursor:wait}.sync-spinner{display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:crm-spin .75s linear infinite}.is-syncing .offer-performance .table-card,.is-syncing .overview-only{animation:crm-sync-pulse 1.15s ease-in-out infinite}@keyframes crm-spin{to{transform:rotate(360deg)}}@keyframes crm-sync-pulse{0%,100%{filter:saturate(1);opacity:1}50%{filter:saturate(1.15);opacity:.72}}@media(prefers-reduced-motion:reduce){.sync-spinner,.is-syncing .offer-performance .table-card,.is-syncing .overview-only{animation:none}}
.table-sort{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.name-column .table-sort{justify-content:flex-start}.table-sort:after{content:"↕";display:inline-block;opacity:.34;font-size:12px;line-height:1;transform:translateY(-1px)}.table-sort:hover{color:#1769c2}.table-sort.is-sorted{color:#1769c2}.table-sort.is-sorted:after{content:"↑";opacity:1}.table-sort.is-sorted[data-direction="desc"]:after{content:"↓"}.table-sort:focus-visible{outline:2px solid #2485ff;outline-offset:4px;border-radius:4px}
.summary-row td{border-top:2px solid rgba(23,105,194,.42)!important;border-bottom:0!important;background:rgba(209,232,255,.62)!important;color:#17233a;font-weight:800}.summary-row td.name-column{color:#1769c2;font-size:13px}body.theme-dark .summary-row td{background:rgba(43,79,125,.56)!important;color:#edf3ff}
.offer-menu .offer-entry{grid-template-columns:minmax(0,1fr) auto}.offer-tools{display:flex;align-items:center;justify-content:flex-end;gap:3px}.offer-menu .offer-meta-button{width:auto;padding:4px 5px;border:1px solid rgba(155,193,239,.35);border-radius:6px;background:rgba(255,255,255,.1);color:#cfe3ff;font:9px inherit;font-weight:700;white-space:nowrap}.offer-menu .offer-meta-button:hover{background:rgba(97,165,255,.25);color:#fff}.offer-menu .offer-updated{grid-column:1 / -1}.offer-menu .delete-offer{margin-left:1px}body.theme-light .offer-menu .offer-meta-button{border-color:#bfd3ed;background:#fff;color:#2467a6}body.theme-light .offer-menu .offer-meta-button:hover{background:#e5f1ff}
.offer-config-actions{display:flex;gap:7px}.offer-config-button,.offer-activity-open{min-height:34px;padding:0 10px;border:1px solid rgba(120,163,213,.44);border-radius:9px;background:rgba(255,255,255,.32);color:#245b94;font:12px inherit;font-weight:750;cursor:pointer;white-space:nowrap}.offer-config-button:hover,.offer-activity-open:hover{border-color:#2485ff;background:rgba(220,239,255,.8)}.offer-activity-card{margin-top:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.62);border-radius:15px;background:rgba(255,255,255,.24);box-shadow:inset 0 1px rgba(255,255,255,.68);backdrop-filter:blur(24px)}.offer-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.offer-activity-heading p{margin:0;color:#63748b;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.offer-activity-heading h3{margin:3px 0 0;font-size:14px}.offer-activity-list{display:grid;gap:7px;margin-top:11px}.offer-activity-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.42)}.offer-activity-row i{width:7px;height:7px;border-radius:50%;background:#3b82f6}.offer-activity-row.success i{background:#22c55e}.offer-activity-row.error i{background:#ef4444}.offer-activity-row b,.offer-activity-row span{display:block}.offer-activity-row b{font-size:12px}.offer-activity-row span,.offer-activity-row time{color:#61718a;font-size:11px}.offer-activity-row time{white-space:nowrap}.offer-activity-empty{margin:8px 0;color:#64748b;font-size:12px}.offer-activity-full{display:grid;gap:8px;margin-top:18px;max-height:55vh;overflow:auto}.offer-activity-full .offer-activity-row{padding:11px}.offer-menu .offer-tools,.offer-menu .offer-meta-button{display:none!important}body.theme-dark .offer-config-button,body.theme-dark .offer-activity-open{border-color:rgba(144,186,235,.3);background:rgba(255,255,255,.08);color:#cfe3ff}body.theme-dark .offer-activity-card,body.theme-dark .offer-activity-row{background:rgba(21,30,48,.5);border-color:rgba(255,255,255,.13)}body.theme-dark .offer-activity-row span,body.theme-dark .offer-activity-row time{color:#b9c5d7}@media(max-width:900px){.detail-actions{flex-wrap:wrap}.offer-config-actions{order:3;width:100%}}@media(max-width:620px){.offer-config-actions{width:100%;flex-wrap:wrap}.offer-config-button,.offer-activity-open{flex:1}.offer-activity-row{grid-template-columns:8px minmax(0,1fr)}.offer-activity-row time{grid-column:2}}
.theme-glass .finder,.theme-glass .metric,.theme-glass .table-card,.theme-glass .date-picker,.theme-glass .leader-card,.theme-glass .settings-card,.theme-glass .offer-activity-card,.theme-glass .note-composer{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.5)!important;box-shadow:inset 0 1px rgba(255,255,255,.68),0 18px 46px rgba(68,88,132,.1)!important;backdrop-filter:blur(42px) saturate(160%)!important;-webkit-backdrop-filter:blur(42px) saturate(160%)!important}.theme-glass .sidebar{background:linear-gradient(155deg,rgba(26,35,57,.38),rgba(36,48,71,.16))!important;border-right-color:rgba(255,255,255,.3)!important;backdrop-filter:blur(40px) saturate(165%)!important;-webkit-backdrop-filter:blur(40px) saturate(165%)!important}.theme-glass .table-toolbar,.theme-glass th,.theme-glass .campaign-row td{background:rgba(255,255,255,.09)!important}.theme-glass .selected-offer,.theme-glass .search-box,.theme-glass .field select,.theme-glass .table-toolbar input{background:rgba(255,255,255,.28)!important;border-color:rgba(255,255,255,.62)!important}.theme-glass .search-results,body.theme-glass dialog{background:rgba(247,250,255,.42)!important;backdrop-filter:blur(46px) saturate(165%)!important}.theme-glass .primary-button{background:linear-gradient(145deg,rgba(21,128,255,.95),rgba(0,91,202,.92))!important}.theme-glass .summary-row td{background:rgba(229,240,255,.26)!important}
.cap-counter{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;min-width:150px;padding:7px 11px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:rgba(255,255,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.65);backdrop-filter:blur(22px)}.cap-counter span{color:#5e6f87;font-size:10px;font-weight:750}.cap-counter strong{color:#1e4e86;font-size:16px;line-height:1}.cap-counter strong em{font-size:10px;font-style:normal;font-weight:650}.cap-counter small{grid-column:1/-1;margin-top:3px;color:#61718a;font-size:10px}.cap-counter.is-limit{border-color:rgba(220,38,38,.45);background:rgba(254,226,226,.38)}.cap-counter.is-limit strong{color:#b91c1c}.dialog-card select{width:100%;margin-top:6px;padding:10px;border:1px solid #d9dfe6;border-radius:10px;font:inherit}body.theme-dark .cap-counter{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}body.theme-dark .cap-counter span,body.theme-dark .cap-counter small{color:#b9c5d7}body.theme-dark .cap-counter strong{color:#d9eaff}@media(max-width:900px){.cap-counter{order:4;width:100%}}
.cap-counter{min-width:132px!important;padding:5px 8px!important;column-gap:5px!important;border-radius:10px!important}.cap-counter span{font-size:9px!important}.cap-counter strong{font-size:14px!important}.cap-counter strong em{font-size:9px!important}.cap-counter small{margin-top:1px!important;font-size:9px!important;white-space:nowrap}.cap-manual-button{padding:2px 5px;border:1px solid rgba(36,105,194,.28);border-radius:6px;background:rgba(255,255,255,.38);color:#1769c2;font:9px inherit;font-weight:750;cursor:pointer}.cap-manual-button:hover{background:rgba(255,255,255,.7)}body.theme-dark .cap-manual-button{border-color:rgba(157,195,245,.3);background:rgba(255,255,255,.1);color:#cfe3ff}
.cap-counter{display:flex!important;align-items:center!important;min-width:0!important;min-height:34px!important;padding:0 8px!important;gap:5px!important;border-radius:9px!important}.cap-counter span{font-size:10px!important;white-space:nowrap}.cap-counter strong{font-size:12px!important;white-space:nowrap}.cap-counter strong em{font-size:9px!important}.cap-counter small{display:none!important}.cap-counter:after{content:"i";display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.42);color:#61718a;font-size:10px;font-weight:800}
/* Settings synchronisation controls */
.settings-sync-card{grid-template-columns:38px minmax(0,1fr) auto}.settings-sync-controls{display:flex;align-items:center;gap:7px}.settings-sync-controls select{min-height:38px;padding:0 8px;border:1px solid rgba(255,255,255,.62);border-radius:10px;background:rgba(255,255,255,.28);color:var(--ink);font:12px inherit;font-weight:650;cursor:pointer}.settings-sync-controls select:focus{outline:2px solid rgba(20,128,255,.42);outline-offset:1px}body.theme-dark .settings-sync-controls select{background:rgba(21,30,48,.48);border-color:rgba(255,255,255,.18);color:#e7effc}@media(max-width:780px){.settings-sync-card{grid-template-columns:38px minmax(0,1fr)}.settings-sync-controls{grid-column:2;flex-wrap:wrap}.settings-sync-controls .settings-action{grid-column:auto}}
/* Harmonised Liquid Glass — readable text and one control system */
:root{--control-h:38px;--control-radius:12px;--glass-line:rgba(255,255,255,.56);--glass-surface:rgba(255,255,255,.16);--glass-surface-strong:rgba(255,255,255,.32)}
body.theme-glass{--ink:#14213a;--muted:#42536d;--line:rgba(255,255,255,.56);background:radial-gradient(900px 620px at 90% 2%,rgba(137,205,255,.66),transparent 65%),radial-gradient(760px 560px at 15% 92%,rgba(219,185,255,.44),transparent 65%),linear-gradient(135deg,#f4f7ff 0%,#dbe9ff 48%,#bce8f8 100%)}
body.theme-light{--ink:#14213a;--muted:#53647a;--line:#dbe3ee;--paper:#fff;background:linear-gradient(145deg,#f8fafc 0%,#edf3fa 100%)}
body.theme-dark{--ink:#f5f8ff;--muted:#b6c1d3;--line:rgba(170,194,231,.18);--paper:rgba(17,28,47,.76);background:radial-gradient(850px 560px at 90% 0%,rgba(37,88,150,.42),transparent 65%),radial-gradient(720px 500px at 12% 95%,rgba(94,46,132,.34),transparent 64%),#0b1220}
body.theme-glass .finder,body.theme-glass .metric,body.theme-glass .table-card,body.theme-glass .date-picker,body.theme-glass .leader-card,body.theme-glass .settings-card,body.theme-glass .offer-activity-card,body.theme-glass .note-composer{background:var(--glass-surface)!important;border-color:var(--glass-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.72),0 18px 42px rgba(35,61,98,.12)!important;backdrop-filter:blur(32px) saturate(135%)!important;-webkit-backdrop-filter:blur(32px) saturate(135%)!important}
body.theme-glass .sidebar{background:linear-gradient(160deg,rgba(20,30,49,.57),rgba(39,54,81,.35))!important;border-right-color:rgba(255,255,255,.34)!important;box-shadow:14px 0 36px rgba(19,34,58,.14)!important}
body.theme-light .sidebar{background:rgba(255,255,255,.88)!important;border-right-color:#e0e7f0!important;box-shadow:10px 0 28px rgba(43,59,81,.06)!important}
body.theme-dark .sidebar{background:rgba(8,15,27,.72)!important;border-right-color:rgba(255,255,255,.12)!important}
/* All interactive controls use the same height, radius and text weight. */
.primary-button,.theme-button,.outline-button,.ghost-button,.settings-action,.refresh-offer-button,.offer-config-button,.offer-activity-open,.period-button,.view-controls,.segmented,.date-picker{min-height:var(--control-h)!important;height:var(--control-h);border-radius:var(--control-radius)!important;font-size:12px!important;font-weight:750!important;line-height:1!important}
.primary-button,.theme-button,.outline-button,.settings-action,.refresh-offer-button,.offer-config-button,.offer-activity-open,.period-button,.segmented{padding:0 13px!important}
.view-controls{display:inline-flex!important;align-items:center!important;padding:3px!important;gap:2px}.segmented{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;height:30px!important;border-radius:9px!important}
.date-picker{display:inline-flex!important;align-items:center!important;padding:0 14px!important}.ghost-button{height:var(--control-h)!important;padding:0 13px!important}
.detail-actions{align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.offer-config-actions{gap:8px!important}.cap-counter{min-height:var(--control-h)!important;height:var(--control-h)!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0 10px!important;border-radius:var(--control-radius)!important}.cap-counter small{display:none!important}.cap-counter strong{font-size:13px!important}.cap-counter span{font-size:10px!important}
/* Clear type contrast in each theme. */
body.theme-glass main,body.theme-light main{color:#14213a}body.theme-glass h1,body.theme-glass h2,body.theme-glass h3,body.theme-light h1,body.theme-light h2,body.theme-light h3{color:#14213a!important}body.theme-glass p,body.theme-light p{color:#4b5d76}body.theme-glass th,body.theme-light th{color:#52647c!important;background:rgba(255,255,255,.24)!important}body.theme-glass td,body.theme-light td{color:#1b2a42!important}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark td{color:#f3f7ff!important}body.theme-dark th{color:#b9c8df!important}body.theme-dark .campaign-row td{background:rgba(255,255,255,.055)!important}body.theme-dark .table-toolbar,body.theme-dark .section-heading p,body.theme-dark .metric span,body.theme-dark .metric small,body.theme-dark .settings-card p{color:#b9c8df!important}
body.theme-glass .table-toolbar,body.theme-glass th,body.theme-glass .campaign-row td{background:rgba(255,255,255,.20)!important}body.theme-glass .summary-row td{background:rgba(203,226,255,.38)!important}body.theme-glass .selected-offer,body.theme-glass .search-box,body.theme-glass .field select,body.theme-glass .table-toolbar input{background:rgba(255,255,255,.46)!important;border-color:rgba(255,255,255,.76)!important;color:#14213a!important}
.search-box input,.table-toolbar input,.field select{font-size:13px!important;font-weight:600!important}.table-toolbar input{height:var(--control-h)!important;border-radius:var(--control-radius)!important}.selected-offer{min-height:var(--control-h)!important;border-radius:var(--control-radius)!important}.finder .field select{height:var(--control-h)!important;border-radius:var(--control-radius)!important}
.nav-link{font-size:13px!important;font-weight:700!important}.sidebar .nav-link{border:1px solid transparent}.sidebar .nav-link.active{border-color:rgba(255,255,255,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.16)}.sidebar-bottom .ghost-button{border-radius:var(--control-radius)!important}
.settings-card{min-height:84px!important;border-radius:18px!important}.settings-action:hover,.refresh-offer-button:hover,.offer-config-button:hover,.offer-activity-open:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media(max-width:980px){.detail-actions{justify-content:flex-start}.detail-actions .view-controls{order:5}.cap-counter{width:auto!important}}
@media(max-width:620px){.detail-actions>*{width:100%}.detail-actions .view-controls,.detail-actions .offer-config-actions{width:100%}.detail-actions .offer-config-actions>*{flex:1}.cap-counter{justify-content:center}.primary-button,.theme-button,.outline-button,.ghost-button,.settings-action,.refresh-offer-button,.offer-config-button,.offer-activity-open,.period-button{min-height:40px!important;height:40px!important}}
/* Detail statistics control bar: periods and view levels use one rhythm. */
.offer-section-title{margin-bottom:12px!important}.detail-control-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.56);border-radius:16px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.64),0 12px 30px rgba(52,77,117,.08);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.detail-control-bar .period-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}.detail-control-bar .detail-actions{margin-left:auto;justify-content:flex-end}.detail-control-bar .period-button{min-width:0;background:rgba(255,255,255,.30)!important;border-color:rgba(255,255,255,.68)!important;color:#34445e!important;box-shadow:inset 0 1px rgba(255,255,255,.62)!important}.detail-control-bar .period-button.active{color:#fff!important;border-color:rgba(12,115,235,.45)!important;background:linear-gradient(145deg,#1a8cff,#006ee5)!important;box-shadow:0 6px 14px rgba(0,105,223,.22),inset 0 1px rgba(255,255,255,.32)!important}.detail-control-bar .view-controls{background:rgba(255,255,255,.30)!important;border:1px solid rgba(255,255,255,.68)!important}.detail-control-bar .segmented{min-width:78px!important;color:#4b5e78!important}.detail-control-bar .segmented.active{background:rgba(255,255,255,.86)!important;color:#172b47!important;box-shadow:inset 0 1px rgba(255,255,255,.96),0 3px 9px rgba(47,74,113,.12)!important}
body.theme-light .detail-control-bar{background:#fff;border-color:#dfe7f0;box-shadow:0 10px 24px rgba(41,61,90,.05)}body.theme-light .detail-control-bar .period-button,body.theme-light .detail-control-bar .view-controls{background:#f6f8fb!important;border-color:#dbe4ee!important}body.theme-dark .detail-control-bar{background:rgba(17,28,47,.66);border-color:rgba(172,199,238,.17);box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 32px rgba(0,0,0,.2)}body.theme-dark .detail-control-bar .period-button,body.theme-dark .detail-control-bar .view-controls{background:rgba(255,255,255,.07)!important;border-color:rgba(175,202,240,.17)!important;color:#dbe8fb!important}body.theme-dark .detail-control-bar .segmented{color:#c8d8ed!important}body.theme-dark .detail-control-bar .segmented.active{background:rgba(202,226,255,.17)!important;color:#fff!important}
@media(max-width:1250px){.detail-control-bar{align-items:flex-start;flex-direction:column}.detail-control-bar .detail-actions{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:700px){.detail-control-bar{padding:10px}.detail-control-bar .period-controls{width:100%}.detail-control-bar .period-button{flex:1 1 92px}.detail-control-bar .detail-actions{gap:7px}.detail-control-bar .view-controls{width:100%}.detail-control-bar .segmented{flex:1;min-width:0!important}}
/* Final alignment for the offer header controls. */
body[data-view="offers"] .finder{grid-template-columns:220px 220px!important}.offer-finder .selected-offer,body[data-view="offers"] .selected-offer{width:220px!important}.offer-finder .field,body[data-view="offers"] .finder .field{width:220px!important}.offer-finder .field select{width:100%!important}
.detail-control-bar .cap-counter{min-width:112px!important;height:var(--control-h)!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:var(--control-radius)!important;background:rgba(255,255,255,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.64)!important;color:#34445e!important}.detail-control-bar .cap-counter span{font-weight:750!important;color:#52647c!important}.detail-control-bar .cap-counter strong{font-weight:800!important;color:#245b94!important}.detail-control-bar .cap-counter strong em{font-size:9px!important;font-weight:700!important;color:#52647c!important}.detail-control-bar .offer-config-button,.detail-control-bar .refresh-offer-button{background:rgba(255,255,255,.30)!important;border-color:rgba(255,255,255,.68)!important;color:#245b94!important;box-shadow:inset 0 1px rgba(255,255,255,.64)!important}
body.theme-light .detail-control-bar .cap-counter,body.theme-light .detail-control-bar .offer-config-button,body.theme-light .detail-control-bar .refresh-offer-button{background:#f6f8fb!important;border-color:#dbe4ee!important}body.theme-dark .detail-control-bar .cap-counter,body.theme-dark .detail-control-bar .offer-config-button,body.theme-dark .detail-control-bar .refresh-offer-button{background:rgba(255,255,255,.07)!important;border-color:rgba(175,202,240,.17)!important;color:#dbe8fb!important}body.theme-dark .detail-control-bar .cap-counter span,body.theme-dark .detail-control-bar .cap-counter strong,body.theme-dark .detail-control-bar .cap-counter strong em{color:#dbe8fb!important}
@media(max-width:980px){body[data-view="offers"] .finder{grid-template-columns:1fr 1fr!important}.offer-finder .selected-offer,body[data-view="offers"] .selected-offer,.offer-finder .field,body[data-view="offers"] .finder .field{width:100%!important}}@media(max-width:620px){body[data-view="offers"] .finder{grid-template-columns:1fr!important}}
/* Security and access management — uses the existing Liquid Glass palette. */
.auth-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(236,244,255,.94),rgba(218,239,255,.91) 52%,rgba(251,232,247,.9));backdrop-filter:blur(24px)}
.auth-screen[hidden]{display:none!important}.auth-card{width:min(100%,420px);display:grid;gap:16px;padding:32px;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.6);box-shadow:0 24px 64px rgba(51,83,130,.2);backdrop-filter:blur(30px)}
.auth-card .brand{margin-bottom:8px}.auth-card h1{margin:0;color:var(--ink)}.auth-card p{margin:0;color:var(--muted)}.auth-card label{display:grid;gap:7px;color:var(--muted);font-weight:700;font-size:.84rem}.auth-card input{height:42px;padding:0 13px;border:1px solid rgba(102,145,210,.38);border-radius:12px;background:rgba(255,255,255,.75);color:var(--ink)}
.auth-error{padding:10px 12px!important;border-radius:10px;background:rgba(255,83,100,.13);color:#b62340!important;font-weight:700}.account-label{font-size:.82rem;font-weight:700;color:var(--ink);white-space:nowrap}.admin-only[hidden]{display:none!important}
.user-management-card{width:min(760px,calc(100vw - 36px));max-height:min(84vh,820px);overflow:auto}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.user-form label{display:grid;gap:6px;font-size:.84rem;font-weight:700;color:var(--muted)}.user-form input,.user-form select{height:38px;border:1px solid rgba(102,145,210,.38);border-radius:10px;padding:0 10px;background:rgba(255,255,255,.64);color:var(--ink)}.user-form fieldset{grid-column:1/-1;margin:0;padding:12px;border:1px solid rgba(102,145,210,.28);border-radius:12px}.user-form legend{padding:0 6px;color:var(--muted);font-size:.8rem;font-weight:800}.connection-access-list{display:flex;flex-wrap:wrap;gap:8px}.access-option{display:flex!important;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.5);font-weight:600!important}.access-option input{width:16px;height:16px}.user-form>.primary-button{grid-column:1/-1;justify-self:start}.users-list{display:grid;gap:8px;margin-top:20px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(102,145,210,.2);border-radius:12px;background:rgba(255,255,255,.42)}.user-row.is-disabled{opacity:.58}.user-row strong,.user-row small{display:block}.user-row small,.auth-muted{margin-top:3px;color:var(--muted);font-size:.8rem}.user-row-actions{display:flex;gap:7px}.user-row-actions button{min-height:32px;padding:0 10px;border:1px solid rgba(88,144,220,.45);border-radius:9px;background:rgba(255,255,255,.58);color:var(--accent);font-weight:800}
body[data-theme="dark"] .auth-screen{background:linear-gradient(135deg,rgba(8,18,37,.94),rgba(20,43,75,.91),rgba(47,27,70,.91))}body[data-theme="dark"] .auth-card,body[data-theme="dark"] .user-row{background:rgba(20,34,57,.64);border-color:rgba(163,206,255,.19)}body[data-theme="dark"] .auth-card input,body[data-theme="dark"] .user-form input,body[data-theme="dark"] .user-form select,body[data-theme="dark"] .user-row-actions button{background:rgba(7,20,39,.58);color:#edf5ff}
@media(max-width:620px){.auth-card{padding:24px}.user-form{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.account-label{display:none!important}}
/* Full-screen administration workspace. */
#userManagementDialog{width:calc(100vw - 32px);height:calc(100vh - 32px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:24px;background:transparent;overflow:hidden}
#userManagementDialog::backdrop{background:rgba(17,35,65,.32);backdrop-filter:blur(13px)}
#userManagementDialog .user-management-card{box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-radius:24px;padding:30px;background:rgba(239,247,255,.78);box-shadow:0 28px 80px rgba(23,55,96,.3)}
#userManagementDialog .users-list{min-height:0;overflow:auto;padding-right:4px;align-content:start}
#userManagementDialog .user-form{max-width:980px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
#userManagementDialog .connection-access-list{max-height:110px;overflow:auto;padding:3px}
body.theme-dark #userManagementDialog .user-management-card{background:rgba(15,31,53,.88)}
@media(max-width:620px){#userManagementDialog{width:100vw;height:100vh;border-radius:0}#userManagementDialog .user-management-card{border-radius:0;padding:22px 16px}#userManagementDialog .user-form{grid-template-columns:1fr}}


/* Згортання лівого меню на комп'ютері. */
.sidebar,main{transition:transform .24s ease,margin-left .24s ease}
.sidebar-toggle{position:absolute;z-index:5;top:22px;right:-17px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(37,52,80,.72);box-shadow:0 6px 18px rgba(19,31,55,.22),inset 0 1px rgba(255,255,255,.26);color:#fff;font:24px/1 system-ui;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .24s ease,background .2s ease}
.sidebar-toggle:hover{background:rgba(50,87,140,.9)}
body.sidebar-collapsed .sidebar{transform:translateX(-250px)}
body.sidebar-collapsed main{margin-left:0}
body.sidebar-collapsed .sidebar-toggle{transform:translateX(30px)}
body.theme-light .sidebar-toggle{border-color:#d7e1ed;background:rgba(255,255,255,.94);color:#35506f;box-shadow:0 6px 18px rgba(43,59,81,.15)}
body.theme-dark .sidebar-toggle{border-color:rgba(255,255,255,.18);background:rgba(9,17,31,.9);color:#dceaff}
@media(max-width:780px){.sidebar-toggle{display:none}body.sidebar-collapsed .sidebar{transform:none}body.sidebar-collapsed main{margin-left:0}}


/* Діалог створення нотатки до кампанії. */
.campaign-note-dialog{width:min(520px,calc(100vw - 32px))!important}
.campaign-note-dialog label{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:12px;font-weight:750}
.campaign-note-dialog textarea{width:100%;min-height:116px;resize:vertical;padding:11px 12px;border:1px solid rgba(255,255,255,.72);border-radius:var(--control-radius);background:rgba(255,255,255,.52);color:#17233a;font:13px/1.45 inherit;outline:0}
.campaign-note-dialog textarea:focus{border-color:rgba(0,122,255,.7);box-shadow:0 0 0 3px rgba(0,122,255,.13)}
body.theme-dark .campaign-note-dialog textarea{border-color:rgba(255,255,255,.18);background:rgba(9,15,27,.72);color:#edf3ff}

/* Коли меню сховане, робоча зона займає всю ширину екрана. */
body.sidebar-collapsed main{width:100%;max-width:none}

/* Геометрична стрілка завжди вирівняна по центру перемикача. */
.sidebar-toggle{font-size:0!important;line-height:0!important}
.sidebar-toggle::before{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(135deg)}
body.sidebar-collapsed .sidebar-toggle::before{transform:rotate(-45deg)}

/* SVG-стрілка має власний ідеально симетричний центр. */
.sidebar-toggle::before{display:none!important}
.sidebar-toggle-icon{display:block;width:16px;height:16px;overflow:visible;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.sidebar-collapsed .sidebar-toggle-icon{transform:scaleX(-1)}
/* Interactive traffic globe on the overview. */
.geo-traffic-card{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.56);border-radius:18px;background:rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(69,86,115,.07),inset 0 1px rgba(255,255,255,.62);backdrop-filter:blur(28px)}
.globe-layout{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(270px,.65fr);gap:18px;align-items:center;margin-top:12px}
.globe-stage{position:relative;min-height:360px;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 48% 45%,rgba(219,244,255,.42),rgba(64,153,227,.06) 56%,transparent 72%)}
.globe-stage canvas{display:block;width:100%;height:360px;touch-action:none;cursor:grab}.globe-stage canvas:active{cursor:grabbing}
.globe-stage p{position:absolute;left:50%;bottom:8px;margin:0;transform:translateX(-50%);color:var(--muted);font-size:11px;white-space:nowrap}
.geo-traffic-list{display:grid;gap:8px}.geo-traffic-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid rgba(255,255,255,.52);border-radius:12px;background:rgba(255,255,255,.26);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.geo-traffic-row:hover{background:rgba(255,255,255,.48);border-color:rgba(0,122,255,.42)}
.geo-rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.5);color:#1d67b3;font-size:11px;font-weight:800}.geo-traffic-row b,.geo-traffic-row small{display:block}.geo-traffic-row b{font-size:13px}.geo-traffic-row small{margin-top:2px;color:var(--muted);font-size:11px}.geo-traffic-row strong{color:#0874d8;font-size:13px;white-space:nowrap}.geo-traffic-row em{color:var(--muted);font-size:10px;font-style:normal;font-weight:650}.geo-traffic-empty,.geo-map-empty{margin:12px 0 0;color:var(--muted);font-size:12px}.geo-map-empty{text-align:center}
body.theme-light .geo-traffic-card{background:#fff;border-color:#e6eaf0;box-shadow:0 8px 24px rgba(28,39,55,.05);backdrop-filter:none}body.theme-dark .geo-traffic-card{background:rgba(21,30,48,.48);border-color:rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.09)}body.theme-dark .globe-stage{background:radial-gradient(circle at 48% 45%,rgba(60,133,211,.28),rgba(10,24,48,.08) 56%,transparent 72%)}body.theme-dark .geo-traffic-row{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#edf3ff}body.theme-dark .geo-traffic-row:hover{background:rgba(78,151,229,.18);border-color:rgba(100,183,255,.48)}body.theme-dark .geo-rank{background:rgba(255,255,255,.1);color:#9dd4ff}body.theme-dark .geo-traffic-row strong{color:#80c7ff}
@media(max-width:780px){.globe-layout{grid-template-columns:1fr}.globe-stage,.globe-stage canvas{min-height:290px;height:290px}.geo-traffic-card{padding:14px}}

/* Positive and negative results stay clear in all CRM themes. */
td.roi-positive{color:#078b4c!important;font-weight:800!important}
td.roi-negative{color:#dc3f45!important;font-weight:800!important}
body.theme-dark td.roi-positive{color:#58dc98!important}
body.theme-dark td.roi-negative{color:#ff7f87!important}

/* Offer switcher shown when the current offer is closed. */
.offer-picker-panel{max-width:900px;margin:30px auto;padding:24px;border:1px solid rgba(255,255,255,.62);border-radius:20px;background:rgba(255,255,255,.2);box-shadow:0 18px 46px rgba(53,75,112,.12),inset 0 1px rgba(255,255,255,.7);backdrop-filter:blur(30px)}.offer-picker-heading h2{margin:4px 0 6px;font-size:25px}.offer-picker-heading p:last-child{margin:0;color:var(--muted);font-size:13px}.offer-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.offer-picker-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:12px;border:1px solid rgba(255,255,255,.58);border-radius:13px;background:rgba(255,255,255,.32);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.offer-picker-item:hover,.offer-picker-item.is-current{transform:translateY(-1px);border-color:rgba(36,133,255,.48);background:rgba(225,240,255,.6)}.offer-picker-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#3a94ff,#7166f5);color:#fff;font-size:11px;font-weight:800}.offer-picker-item b,.offer-picker-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-picker-item b{font-size:13px}.offer-picker-item small{margin-top:3px;color:var(--muted);font-size:11px}.offer-picker-item i{color:#2774c8;font-size:23px;font-style:normal;line-height:1}body.offer-picker-open .offer-finder,body.offer-picker-open .offer-performance{display:none!important}body.theme-dark .offer-picker-panel{border-color:rgba(255,255,255,.14);background:rgba(21,30,48,.6);box-shadow:0 20px 45px rgba(0,0,0,.22)}body.theme-dark .offer-picker-item{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#edf3ff}body.theme-dark .offer-picker-item:hover,body.theme-dark .offer-picker-item.is-current{background:rgba(68,139,221,.22);border-color:rgba(115,190,255,.5)}body.theme-dark .offer-picker-item i{color:#9bd0ff}@media(max-width:760px){.offer-picker-panel{margin:18px 0;padding:16px}.offer-picker-list{grid-template-columns:1fr}}