:root{color-scheme:light;background:#f5f5f7;color:#1d1d1f;--page: #f5f5f7;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-soft: #fafafa;--line: rgba(60, 60, 67, .14);--line-soft: rgba(60, 60, 67, .09);--identity-separator: rgba(60, 60, 67, .1);--text: #1d1d1f;--muted: #6e6e73;--faint: #8e8e93;--blue: #0071e3;--blue-soft: #eaf4ff;--green: #248a3d;--green-soft: #edf8f0;--red: #d70015;--red-soft: #fff0f1;--amber: #b26a00;--amber-soft: #fff7e6;--info: #0071e3;--info-soft: #eaf4ff;--accent: #0071e3;--accent-soft: #eaf4ff;--accent-hover: #0077ed;--accent-contrast: #ffffff;--accent-border: rgba(0, 113, 227, .45);--shadow: none;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .12);--shadow-floating: 0 7px 18px rgba(0, 0, 0, .42);--sticky-shadow: 0 10px 24px rgba(15, 23, 42, .12);--floating-scroll-shadow: 0 7px 18px rgba(0, 0, 0, .42);--page-texture-base: #f5f5f7;--page-noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .2126 .7152 .0722 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.085'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--chrome-bg: #ffffff;--chrome-border: rgba(60, 60, 67, .12);--chrome-highlight: rgba(255, 255, 255, .72);--chrome-shadow: 0 1px 0 var(--chrome-highlight) inset;--topbar-bottom-shadow: rgba(0, 0, 0, .09);--sidebar-right-shadow: rgba(0, 0, 0, .08);--organization-surface-radius: 8px;--organization-surface-top: 93px;--organization-surface-shadow: inset 1px 1px 0 rgba(255, 255, 255, .66), inset 10px 10px 22px rgba(60, 60, 67, .07);--topbar-title-color: #37373c;--chrome-radius: 14px;--chrome-offset: 8px;--sidebar-bg: var(--chrome-bg);--sidebar-mobile-bg: #ffffff;--topbar-bg: var(--chrome-bg);--control-bg: rgba(255, 255, 255, .9);--control-bg-soft: rgba(255, 255, 255, .82);--control-bg-hover: #ffffff;--control-track: rgba(118, 118, 128, .12);--row-bg: rgba(255, 255, 255, .78);--row-bg-soft: rgba(255, 255, 255, .72);--row-bg-hover: #ffffff;--table-head-bg: rgba(250, 250, 250, .96);--table-head-strong-bg: rgba(250, 250, 250, .98);--sticky-bg: #ffffff;--sticky-head-bg: #f7f7f8;--drawer-bg: rgba(250, 250, 250, .96);--neutral-soft: #f1f1f4;--brand: var(--blue);--brand-soft: var(--blue-soft);--brand-bg: #1d1d1f;--brand-text: #ffffff;--orange: var(--amber);--panel: var(--surface);--code-bg: #1d1d1f;--code-text: #d7f8df;--code-strong-text: #f5f5f7;--chart-spend: #66a6ff;--chart-revenue: #7bd88f;--chart-profit: #f2be62;--focus-ring: rgba(0, 113, 227, .16);--modal-backdrop: rgba(15, 15, 17, .35);--drawer-backdrop: rgba(15, 15, 17, .26);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .46);--scrollbar-thumb-hover: rgba(255, 255, 255, .62);--floating-scrollbar-thumb: color-mix(in srgb, var(--text) 52%, transparent);--floating-scrollbar-thumb-hover: color-mix(in srgb, var(--text) 68%, transparent);--radius: 8px;--motion: .22s cubic-bezier(.2, 0, 0, 1);--content-max-width: 1480px;--content-padding: 28px}:root[data-theme=dark]{color-scheme:dark;background:#18181a;color:#d4dcff;--page: #18181a;--surface: #1e1f23;--surface-strong: #202126;--surface-soft: #23242a;--line: #383a42;--line-soft: rgba(255, 255, 255, .09);--identity-separator: rgba(255, 255, 255, .07);--text: #d4dcff;--muted: #b3bddf;--faint: rgba(212, 220, 255, .56);--blue: #9abcf4;--blue-soft: rgba(122, 183, 255, .14);--green: #5fc884;--green-soft: rgba(103, 213, 143, .14);--red: #f15f63;--red-soft: rgba(255, 107, 107, .14);--amber: #f2b48e;--amber-soft: rgba(255, 151, 42, .16);--info: #9abcf4;--info-soft: rgba(122, 183, 255, .14);--accent: #9abcf4;--accent-soft: rgba(122, 183, 255, .14);--accent-hover: #9bc9ff;--accent-contrast: #ffffff;--accent-border: rgba(122, 183, 255, .42);--shadow: none;--shadow-soft: 0 10px 24px rgba(0, 0, 0, .42);--shadow-floating: 0 7px 18px rgba(0, 0, 0, .42);--sticky-shadow: 0 10px 24px rgba(0, 0, 0, .42);--floating-scroll-shadow: 0 7px 18px rgba(0, 0, 0, .42);--page-texture-base: #18181a;--page-noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .2126 .7152 .0722 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.075'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--chrome-bg: #1c1c1e;--chrome-border: rgba(255, 255, 255, .1);--chrome-highlight: rgba(255, 255, 255, .055);--chrome-shadow: 0 1px 0 var(--chrome-highlight) inset;--topbar-bottom-shadow: rgba(0, 0, 0, .34);--sidebar-right-shadow: rgba(0, 0, 0, .28);--organization-surface-shadow: inset 1px 1px 0 rgba(255, 255, 255, .045), inset 12px 12px 26px rgba(0, 0, 0, .16);--topbar-title-color: #bac4e6;--sidebar-bg: var(--chrome-bg);--sidebar-mobile-bg: #1c1c1e;--topbar-bg: var(--chrome-bg);--control-bg: #24252a;--control-bg-soft: #202126;--control-bg-hover: #27282e;--control-track: rgba(255, 255, 255, .07);--row-bg: #1e1f23;--row-bg-soft: #202126;--row-bg-hover: #24252a;--table-head-bg: #202126;--table-head-strong-bg: #23242a;--sticky-bg: #202126;--sticky-head-bg: #23242a;--drawer-bg: rgba(24, 24, 27, .98);--neutral-soft: #24252a;--brand: var(--blue);--brand-soft: var(--blue-soft);--brand-bg: #303032;--brand-text: #f2b48e;--orange: var(--amber);--panel: var(--surface);--code-bg: #1c1c1e;--code-text: #aee5a5;--code-strong-text: #d4dcff;--chart-spend: #7ab7ff;--chart-revenue: #67d58f;--chart-profit: #ff972a;--focus-ring: rgba(122, 183, 255, .22);--modal-backdrop: rgba(8, 8, 10, .58);--drawer-backdrop: rgba(8, 8, 10, .48);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .22);--scrollbar-thumb-hover: rgba(255, 255, 255, .34);--floating-scrollbar-thumb: color-mix(in srgb, var(--text) 52%, transparent);--floating-scrollbar-thumb-hover: color-mix(in srgb, var(--text) 68%, transparent)}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}h1{font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.08;letter-spacing:0}h2{font-size:16px;font-weight:650;letter-spacing:0}h3{font-size:14px;font-weight:650}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}*::-webkit-scrollbar-button{display:none;width:0;height:0}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden;padding:0;background:var(--topbar-bg)}.organization-frame{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;min-height:100vh;overflow:hidden;color:var(--text);background:transparent}.organization-frame:before{position:absolute;top:var(--organization-surface-top);right:0;bottom:0;left:0;z-index:0;border-top-left-radius:var(--organization-surface-radius);background:var(--page-noise-image),var(--page-texture-base);background-size:128px 128px,auto;box-shadow:var(--organization-surface-shadow);content:"";pointer-events:none}.content-area{position:relative;z-index:1;display:grid;align-content:start;gap:20px;width:100%;max-width:100%;min-width:0;min-height:0;margin:0;overflow-y:auto;padding-block:var(--content-padding);padding-inline:max(var(--content-padding),calc((100% - var(--content-max-width)) / 2 + var(--content-padding)));scrollbar-gutter:stable;scrollbar-color:transparent var(--scrollbar-track);scrollbar-width:auto}.content-area.is-scrollbar-active{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.content-area::-webkit-scrollbar{width:16px;background:transparent}.content-area::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent}.content-area::-webkit-scrollbar-track,.content-area::-webkit-scrollbar-track-piece,.content-area::-webkit-scrollbar-corner{border-radius:999px;background:var(--scrollbar-track)}.content-area::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:transparent;background-clip:content-box}.content-area.is-scrollbar-active::-webkit-scrollbar-thumb,.content-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb);background-clip:content-box}.content-area.is-scrollbar-active::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.screen{display:grid;gap:20px;min-width:0}@media (max-width: 920px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh;overflow:visible;padding:0}.organization-frame{display:block;height:auto;min-height:auto;overflow:visible;background:var(--page-noise-image),var(--page-texture-base);background-size:128px 128px,auto}.organization-frame:before{display:none}.content-area{overflow:visible;padding:16px 18px;scrollbar-gutter:auto}.screen{gap:16px}}:root[data-theme=dark] .page-search{background-color:var(--control-bg-soft)}.sidebar{position:sticky;top:0;z-index:40;display:flex;flex-direction:column;gap:16px;height:100vh;padding:22px 14px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text)}.sidebar:after{display:none}.sidebar-brand,.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:var(--brand-bg);color:var(--brand-text);font-size:12px;font-weight:700;letter-spacing:0}.sidebar-brand{font-size:17px;font-weight:700}.sidebar-organization{position:relative;display:grid;gap:6px;min-width:0}.sidebar-organization span{color:var(--muted);font-size:11px;font-weight:650}.sidebar-organization .select-control,.sidebar-organization select{width:100%;min-width:0}.sidebar-organization select{appearance:none;padding-right:42px}.sidebar-organization:after{display:none;content:""}.sidebar-organization-readonly:after{opacity:.35}.sidebar-organization-readonly select{padding-right:12px}.nav-list{display:grid;gap:5px}.nav-item{min-height:38px;padding:9px 10px;border-radius:var(--radius);color:var(--muted);transition:background var(--motion),color var(--motion),transform var(--motion)}.nav-item:hover{background:var(--control-track);color:var(--text)}.nav-item.active{color:var(--text);background:var(--control-track)}.nav-item.disabled{color:var(--faint)}.sidebar-bottom{margin-top:auto;display:grid;gap:10px;border-top:1px solid var(--line-soft);padding-top:12px}.sidebar-utility-nav{display:grid;gap:5px;margin-top:auto;border-top:0;padding-bottom:2px;padding-top:0}.sidebar-utility-nav+.sidebar-bottom{margin-top:0}.sidebar-utility-nav .nav-item{justify-content:center}.sidebar-footer{margin-top:0;display:grid;gap:8px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:9px;background:var(--control-track)}.sidebar-footer .role-pill{justify-content:center;width:100%;min-height:28px;max-width:100%}.sidebar-footer .preference-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sidebar-footer .preference-group{justify-content:center;min-height:30px;padding:2px}.sidebar-footer .preference-group>svg{margin-inline:3px}.sidebar-footer .preference-group button{flex:1 1 0;justify-content:center;min-width:28px;min-height:26px;padding:4px 6px;font-size:12px}.sidebar-footer .preference-group button span{display:none}.sidebar-footer .icon-text-button{width:100%}.topbar{position:sticky;top:0;z-index:41;display:grid;grid-template-columns:minmax(292px,.55fr) minmax(320px,1fr) minmax(310px,auto);gap:10px;align-items:center;min-height:64px;padding-block:10px;padding-inline:max(var(--content-padding),calc((100% - var(--content-max-width)) / 2 + var(--content-padding)));border:0;border-radius:0;background:var(--topbar-bg);background-color:var(--topbar-bg);box-shadow:none}.topbar:after{display:none}.topbar.page-title-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;min-height:93px;padding-top:27px;padding-bottom:12px}.topbar-context,.topbar-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.topbar-context{display:flex;gap:8px;min-width:0}.topbar-page-heading{display:grid;gap:3px;min-width:0}.topbar-page-heading h1{overflow:hidden;color:var(--topbar-title-color);font-size:clamp(24px,2vw,32px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.topbar-page-heading p{overflow:hidden;color:var(--muted);font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.period-control{width:min(100%,390px);min-height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:0 10px;background:var(--control-bg-soft);background-color:var(--control-bg-soft);transition:border-color var(--motion),box-shadow var(--motion)}.period-control:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring)}.period-label{color:var(--faint);font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase}.context-control,.role-control{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:650}.context-control .select-control,.context-control select,.role-control .select-control,.role-control select{width:100%}.period-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;flex:1 1 auto;width:100%;min-width:0;min-height:44px}.period-inputs>span{color:var(--faint);font-size:11px;font-weight:650}.date-field{position:relative;display:flex;align-items:center;min-width:0;min-height:42px;border:1px solid transparent;border-radius:0;padding:0 28px 0 0;color:var(--text);background:transparent;cursor:pointer;transition:border-color var(--motion),box-shadow var(--motion)}.date-field:hover{border-color:transparent}.date-field:focus-within{border-color:transparent;box-shadow:none}.date-field input{width:100%;min-width:0;min-height:22px;border:0;border-radius:0;padding:0;color:inherit;background:transparent;font:inherit;font-size:13px;font-weight:700;line-height:1.25;cursor:pointer;box-shadow:none}.date-field input:focus{border-color:transparent;box-shadow:none}.date-field input:focus-visible{outline:0}.date-field input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.date-field>svg{position:absolute;top:50%;right:0;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.topbar-meta{gap:6px;justify-content:flex-end;min-width:0}.demo-mode-indicator,.sync-health-indicator{position:relative;display:inline-flex;flex:0 0 auto}.demo-mode-trigger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--amber) 16%,transparent);border-radius:999px;padding:0;background:var(--amber-soft);color:var(--amber);cursor:help;transition:border-color var(--motion),color var(--motion),transform var(--motion)}.demo-mode-trigger:hover,.demo-mode-indicator:focus-within .demo-mode-trigger{border-color:color-mix(in srgb,var(--amber) 34%,transparent);transform:translateY(-1px)}.demo-mode-trigger:focus-visible,.sync-chip-trigger:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.demo-mode-popover,.sync-health-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:80;display:grid;width:min(340px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--amber) 18%,var(--line-soft));border-radius:var(--radius);padding:12px 13px;background:var(--card-surface);box-shadow:var(--shadow-floating);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--motion),transform var(--motion),visibility var(--motion);visibility:hidden}.demo-mode-popover{gap:5px}.sync-health-popover{gap:8px}.demo-mode-popover:before,.sync-health-popover:before{position:absolute;top:-5px;width:8px;height:8px;border-top:1px solid color-mix(in srgb,var(--amber) 18%,var(--line-soft));border-left:1px solid color-mix(in srgb,var(--amber) 18%,var(--line-soft));background:var(--card-surface);content:"";transform:rotate(45deg)}.demo-mode-popover:before{right:10px}.sync-health-popover:before{right:16px}.demo-mode-indicator:hover .demo-mode-popover,.demo-mode-indicator:focus-within .demo-mode-popover,.sync-health-indicator:hover .sync-health-popover,.sync-health-indicator:focus-within .sync-health-popover{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.demo-mode-popover strong,.sync-health-popover strong{color:var(--amber);font-size:13px;font-weight:750;line-height:1.25}.demo-mode-popover span,.sync-health-popover>span{color:var(--muted);font-size:12px;line-height:1.45}.sync-chip-trigger{border-color:var(--line-soft);font:inherit;cursor:help;transition:border-color var(--motion),color var(--motion),transform var(--motion)}.sync-chip-trigger:hover,.sync-health-indicator:focus-within .sync-chip-trigger{transform:translateY(-1px)}.sync-health-issue-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.sync-health-issue{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.sync-health-issue code{overflow:hidden;color:var(--text);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sync-health-issue span,.sync-health-more{color:var(--muted);font-size:11px;font-weight:700;line-height:1.25}.sync-health-issue.error code{color:var(--red)}.sync-health-issue.warning code{color:var(--amber)}.page-search{display:flex;align-items:center;gap:9px;min-height:40px;border:1px solid var(--line-soft);border-radius:12px;padding:7px 11px;background:var(--control-bg-soft);background-color:var(--control-bg-soft)}.page-search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.page-query-row{display:grid;grid-template-columns:minmax(300px,390px) minmax(320px,1fr);gap:10px;align-items:center}.page-query-row .period-control{width:100%}@media (max-width: 1280px){.topbar{grid-template-columns:minmax(220px,.7fr) minmax(220px,1fr) minmax(150px,auto);padding-inline:20px}.topbar-context{min-width:0}.topbar-meta .preference-group button span{display:none}}@media (max-width: 920px){.sidebar{position:sticky;top:0;z-index:9;display:grid;grid-template-columns:auto minmax(118px,154px) minmax(0,1fr) auto;gap:8px;align-items:center;height:auto;padding:10px 14px;border:0;border-right:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--sidebar-mobile-bg);box-shadow:none;backdrop-filter:blur(18px)}.sidebar:after{display:none}.sidebar-brand span:last-child,.sidebar-organization span,.nav-item span{display:none}.sidebar-organization{gap:0}.sidebar-organization .select-control,.sidebar-organization select{min-height:34px}.nav-list{display:flex;gap:3px;justify-content:center;overflow-x:auto}.sidebar-utility-nav{margin-top:0;border-top:0;justify-self:end;padding-bottom:0;padding-top:0}.sidebar-bottom{grid-column:1 / -1;display:flex;gap:6px;align-items:center;justify-content:space-between;margin-top:0;border-top:0;padding-top:0}.sidebar-bottom .sidebar-utility-nav{flex:0 0 auto}.nav-item{justify-content:center;width:38px;min-height:36px;padding:0}.sidebar-footer{display:flex;gap:6px;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0;border:0;padding:0;background:transparent;margin-top:0}.sidebar-footer .role-pill{justify-content:center;max-width:min(150px,42vw);white-space:normal;line-height:1.15;text-align:center}.sidebar-footer .preference-controls{display:flex;width:auto;gap:4px}.sidebar-footer .preference-group{min-height:30px}.sidebar-footer .preference-group button{min-width:28px;min-height:26px;padding:4px 6px}.sidebar-footer .icon-text-button{width:36px;min-height:34px;padding:0;font-size:0}.topbar{position:static;grid-template-columns:1fr;gap:8px;min-height:auto;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;padding:10px 18px;background:var(--topbar-bg);box-shadow:none}.topbar:after{display:none}.topbar.page-title-topbar{grid-template-columns:1fr;min-height:auto}.topbar-page-heading h1,.topbar-page-heading p{white-space:normal}.topbar-context{display:grid;grid-template-columns:1fr;gap:8px}.period-inputs{grid-template-columns:1fr}.period-label,.period-inputs>span{display:none}.page-search{min-height:34px;padding:7px 10px}.topbar-meta{justify-content:flex-start;gap:6px}.page-query-row{grid-template-columns:1fr;gap:8px}}:root[data-theme=dark] select,:root[data-theme=dark] input,:root[data-theme=dark] .primary-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .icon-text-button{background-color:var(--control-bg-soft)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.kpi-card{display:grid;align-content:center;align-items:start;gap:8px;min-height:84px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px;background:var(--surface);box-shadow:none;transition:background var(--motion),border-color var(--motion)}.kpi-card span{color:var(--muted);font-size:12px;font-weight:750}.kpi-card strong{font-size:24px;line-height:1.08;color:var(--text);font-weight:650}.kpi-card.good strong{color:var(--green)}.kpi-card.bad strong{color:var(--red)}.kpi-card.warn strong{color:var(--amber)}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.summary-strip>span{display:grid;align-content:center;align-items:start;gap:2px;min-height:54px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 12px;background:var(--row-bg-soft);background-color:var(--row-bg-soft)}.summary-strip.compact{display:flex;flex-wrap:wrap}.summary-strip.compact>span{grid-template-columns:auto auto;gap:2px 6px;align-items:center;min-height:32px;padding:7px 9px}.summary-strip small{color:var(--muted);font-size:11px;font-weight:750}.summary-strip strong{font-size:16px;font-weight:650}.summary-strip .good strong{color:var(--green)}.summary-strip .warn strong{color:var(--amber)}.positive{color:var(--green)}.negative{color:var(--red)}.floating-scrollbar-thumb{position:absolute;top:5px;left:0;height:8px;border-radius:999px;background:var(--floating-scrollbar-thumb);box-shadow:none;cursor:grab;transform:translateZ(0);transition:background var(--motion),box-shadow var(--motion);will-change:transform}.floating-scrollbar-thumb:hover{background:var(--floating-scrollbar-thumb-hover)}.floating-scrollbar-thumb:active{cursor:grabbing}.role-pill,.sync-chip,.badge{display:inline-flex;align-items:center;width:max-content;min-height:26px;border:1px solid var(--line-soft);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;background:var(--control-bg-soft);color:var(--muted)}.role-pill{background:var(--brand-bg);color:var(--brand-text)}.sync-chip.warning{border-color:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber);background:var(--amber-soft)}.sync-chip.success{border-color:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);background:var(--green-soft)}.preference-controls,.preference-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preference-controls{gap:6px}.preference-controls.compact{justify-content:flex-end}.preference-group{gap:3px;min-height:34px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:3px;background:var(--control-track)}.preference-group>svg{margin:0 4px;color:var(--muted)}.preference-group button{display:inline-flex;align-items:center;gap:5px;min-width:34px;min-height:28px;border:0;border-radius:6px;padding:5px 8px;color:var(--muted);background:transparent}.preference-group button.active{color:var(--text);background:var(--control-bg);background-color:var(--control-bg);box-shadow:none}.preference-group button:focus-visible,.segmented button:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid color-mix(in srgb,var(--text) 26%,var(--line));outline-offset:2px}.select-control{position:relative;display:inline-grid;min-width:0;max-width:100%}.select-control-trigger{width:100%;min-width:0;padding-right:32px;appearance:none;cursor:pointer}.select-control-trigger:disabled{cursor:default}.select-control-trigger:disabled+.select-control-chevron{opacity:.42}.select-control-chevron{position:absolute;right:11px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--muted);pointer-events:none;transform:translateY(-68%) rotate(45deg);transition:color var(--motion),transform var(--motion)}.select-label,.date-range{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}select,input{min-height:34px;border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;color:var(--text);background:var(--control-bg);outline:0;transition:border-color var(--motion),box-shadow var(--motion),background var(--motion)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 82%,var(--surface-strong));opacity:1}select:focus,input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring)}.select-control .select-control-trigger:focus,.select-control .select-control-trigger:focus-visible{border-color:color-mix(in srgb,var(--muted) 36%,var(--line-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--muted) 18%,transparent),0 0 0 4px color-mix(in srgb,var(--muted) 8%,transparent);outline:none}.screen-header,.panel-header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.screen-header p,.muted,.panel-header,.state-card span{color:var(--muted)}.panel,.state-card,.warning-banner,.forbidden-state{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:background var(--motion),border-color var(--motion)}.panel{display:grid;gap:16px;min-width:0;overflow:hidden;padding:18px}.panel-header,.panel-header h2{min-width:0}.panel .panel{border-color:var(--line-soft);background:var(--surface-soft);box-shadow:none}.segmented{display:inline-flex;gap:3px;min-width:0;max-width:100%;border:1px solid var(--line-soft);border-radius:var(--radius);padding:3px;overflow-x:auto;background:var(--control-track);scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:0 0 auto;min-height:32px;border:0;border-radius:6px;padding:6px 11px;color:var(--muted);background:transparent;white-space:nowrap}.segmented button.active{color:var(--text);background:var(--control-bg);box-shadow:none}.primary-button,.ghost-button,.icon-button,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:var(--radius);border:1px solid var(--line);padding:7px 11px;text-decoration:none;color:var(--text);background:var(--control-bg-soft);transition:transform var(--motion),background var(--motion),border-color var(--motion),color var(--motion)}.primary-button:hover,.ghost-button:hover,.icon-button:hover,.icon-text-button:hover{transform:translateY(-1px);background:var(--control-bg-hover)}.primary-button{border-color:color-mix(in srgb,var(--text) 20%,var(--line));color:var(--text);background:var(--control-bg);font-weight:650}.primary-button:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--line));color:var(--text);background:var(--control-bg-hover)}.primary-button:disabled,.ghost-button:disabled,button:disabled{cursor:not-allowed;opacity:.48;transform:none}select:disabled,input:disabled{cursor:default;border-color:var(--line-soft);background:var(--control-bg-soft);color:var(--muted);box-shadow:none}.primary-button.small,.ghost-button{min-height:32px;font-size:13px}.icon-button{width:34px;padding:0}.status-pill,.sync-dot{display:inline-flex;align-items:center;gap:5px;max-width:none;min-width:max-content;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650;background:var(--neutral-soft);color:var(--muted);white-space:nowrap}.status-pill.active,.sync-dot.synced,.sync-dot.success{background:var(--green-soft);color:var(--green)}.status-pill.queued,.sync-dot.warning,.sync-dot.partial_success,.sync-dot.syncing,.sync-dot.running{background:var(--amber-soft);color:var(--amber)}.status-pill.stopped,.sync-dot.failed,.sync-dot.degraded{background:var(--red-soft);color:var(--red)}.status-pill.unknown,.sync-dot.never_synced,.sync-dot.stale{background:var(--neutral-soft);color:var(--muted)}.warning-banner,.forbidden-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.state-card{display:grid;align-content:start;gap:8px;min-height:82px;padding:16px 18px;box-shadow:none}.state-card strong{line-height:1.25}.state-card span{line-height:1.5}.content-area>.state-card{gap:10px;min-height:auto;padding:18px 22px 22px}.warning-banner,.warning-card,.forbidden-state{border-left:0}.state-card.success strong{color:var(--green)}.state-card.warning strong{color:var(--amber)}.state-card.danger strong{color:var(--red)}.warning-banner{justify-content:flex-start;background:var(--amber-soft);color:var(--amber)}.warning-banner.compact{display:flex;flex-wrap:wrap;justify-content:flex-start;border:1px solid color-mix(in srgb,var(--amber) 14%,transparent);box-shadow:none}.warning-banner code{border-radius:6px;padding:2px 6px;background:color-mix(in srgb,var(--amber) 12%,transparent)}.warning-card{display:flex;align-items:center;gap:8px;padding:11px;border-radius:var(--radius);color:var(--amber);background:var(--amber-soft)}.forbidden-state{justify-content:flex-start;background:var(--red-soft);color:var(--red)}.forbidden-state.compact{align-items:flex-start}.notice{display:flex;gap:8px;align-items:center;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--green) 16%,transparent);border-radius:var(--radius);padding:11px 12px;color:var(--green);background:var(--green-soft);font-weight:650}.button-row,.toolbar,.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-bar label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.filter-bar .select-control{width:100%}.export-state{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:background var(--motion),border-color var(--motion)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.two-column.wide-left{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0;max-width:100%;padding:14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--row-bg-soft)}.toolbar{justify-content:space-between;min-width:0}.data-table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-strong)}.data-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;font-size:13px}.data-table th,.data-table td{border-bottom:1px solid var(--line-soft);padding:11px 12px;text-align:left;vertical-align:top;white-space:nowrap}.data-table th{position:sticky;top:0;z-index:1;background:var(--table-head-bg);color:var(--muted);font-size:11px;font-weight:650}.data-table tr.clickable-row{cursor:pointer}.data-table tr.clickable-row:hover td{background:var(--row-bg-hover)}.data-table tr:last-child td{border-bottom:0}.compact-table{min-width:720px}.wide-table{overflow-x:auto}.strong-cell{color:var(--text);font-weight:650}.metric-cell.good{color:var(--green)}.metric-cell.bad{color:var(--red)}.metric-cell.warn{color:var(--amber)}.export-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.detail-list{display:grid;grid-template-columns:140px 1fr;gap:8px 12px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:650;min-width:0;overflow-wrap:anywhere}.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.state-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-list{display:grid;gap:10px}.parser-box{max-width:100%;overflow:auto;margin:0;border-radius:var(--radius);padding:14px;background:var(--code-bg);color:var(--code-text);font-size:12px}.diagnostic{display:grid;gap:3px;padding:12px;border-radius:var(--radius);background:var(--surface-soft)}.diagnostic.warning{color:var(--amber)}.diagnostic.error{color:var(--red)}@media (max-width: 920px){.kpi-grid,.kpi-grid.compact,.summary-strip,.summary-strip.compact{grid-template-columns:1fr}.preference-controls{width:100%}.preference-group button span{display:none}.segmented{width:100%;overflow-x:auto}.segmented button{flex:0 1 auto;padding-inline:9px}.screen-header,.panel-header{flex-direction:column;align-items:flex-start}}.notice.danger{border-color:color-mix(in srgb,var(--red),transparent 68%);color:var(--red)}:root[data-theme=dark] .demo-entry .button-row button{background-color:var(--control-bg-soft)}.login-panel p,.login-context p{color:var(--muted)}.login-panel,.login-context{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:background var(--motion),border-color var(--motion)}.login-page{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:28px;align-items:center;min-height:100vh;padding:48px;background:var(--page)}.login-page-single{grid-template-columns:minmax(360px,460px);justify-content:center}.login-panel,.login-context{display:grid;gap:18px;padding:28px}.brand-block{display:flex;gap:12px;align-items:center}.login-panel-header{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;justify-content:space-between}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:5px;color:var(--muted);font-weight:650}.demo-entry{display:grid;gap:8px}.demo-entry .button-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:var(--radius);border:1px solid var(--line);padding:7px 11px;text-decoration:none;color:var(--text);background:var(--control-bg-soft);transition:transform var(--motion),background var(--motion),border-color var(--motion),color var(--motion)}.demo-entry .button-row button:hover{transform:translateY(-1px);background:var(--control-bg-hover)}.form-error{color:var(--red);font-size:13px;margin:0}.login-page.connection-page{grid-template-columns:minmax(0,440px);min-height:100svh;padding:24px}.connection-panel{min-width:0;gap:24px}.connection-panel .brand-block{justify-content:center}.connection-panel h1{font-size:24px}.connection-state{display:grid;justify-items:center;gap:10px;padding-block:8px;text-align:center}.connection-state h2{font-size:18px}.connection-state p{margin:0;font-size:14px}.connection-state>svg{color:var(--muted)}.connection-spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--muted);border-radius:50%;animation:connection-spin 1s linear infinite}.connection-preferences{display:flex;justify-content:center;padding-top:20px;border-top:1px solid var(--line-soft)}.connection-error-details{color:var(--muted);font-size:12px}.connection-error-details summary{cursor:pointer}.connection-error-details p{max-height:120px;overflow:auto;overflow-wrap:anywhere;margin-bottom:0}@keyframes connection-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.connection-spinner{animation:none}}.sync-toggles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sync-profile-card span,.sync-profile-card small{color:var(--muted)}.sync-profile-card{border:1px solid var(--line-soft);box-shadow:var(--shadow);transition:background var(--motion),border-color var(--motion)}.profile-list{display:grid;gap:10px}.sync-profile-card{display:grid;gap:4px;padding:12px;border-radius:var(--radius);background:var(--surface-soft)}.sync-filter-bar-real{grid-template-columns:minmax(180px,280px) minmax(180px,280px)}.sync-real-layout,.sync-create-first-layout{align-items:flex-start}.sync-history-section,.sync-history-panel{display:grid;gap:12px;min-width:0}.sync-history-panel{overflow:visible}.sync-history-table-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain}.sync-history-table-wide{min-width:1180px}.sync-history-table .clickable-row{cursor:pointer}.sync-row-selected{background:color-mix(in srgb,var(--brand-soft) 42%,transparent)}.sync-dot.sync-status-danger{background:var(--red-soft);color:var(--red)}.sync-dot.sync-status-warning{background:var(--amber-soft);color:var(--amber)}.sync-dot.sync-status-success{background:var(--green-soft);color:var(--green)}.sync-dot.sync-status-neutral{background:var(--neutral-soft);color:var(--muted)}.sync-dot.sync-status-info{background:var(--amber-soft);color:var(--amber)}.sync-readonly-note{margin:8px 0 0;color:var(--muted);font-size:12px}.sync-run-drawer{width:min(760px,calc(100vw - 120px))}.sync-detail-summary-grid,.sync-detail-counters-grid,.sync-detail-severity-grid,.sync-detail-export-grid{margin-bottom:12px}.sync-detail-summary-list{margin-top:0}.sync-provider-results-list,.sync-issues-group-list,.sync-next-steps-list,.sync-issue-technical-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sync-provider-results-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sync-provider-result-card,.sync-issue-group{display:grid;gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft)}.sync-provider-result-header,.sync-issue-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sync-provider-result-header p,.sync-issue-group-header p,.sync-export-hint{margin:0;color:var(--muted)}.sync-provider-result-title{display:grid;gap:2px}.sync-provider-result-title small{display:block;color:var(--muted)}.sync-provider-result-meta,.sync-issue-group-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:var(--muted);font-size:13px}.sync-provider-result-message{margin:0}.sync-provider-result-policy{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line-soft)}.sync-provider-result-policy strong{font-size:13px}.sync-provider-result-policy ul{display:grid;gap:4px;margin:0;padding-left:18px;color:var(--muted)}.sync-issue-group-meta{justify-content:flex-end}.sync-issues-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sync-issue{display:grid;gap:5px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px;background:var(--surface-soft)}.sync-issue-context{display:flex;flex-wrap:wrap;gap:6px}.sync-issue-context code{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line-soft);font-size:12px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.sync-issue-technical-details summary{cursor:pointer;color:var(--muted);font-size:13px}.sync-issue-technical-list{margin-top:10px}.sync-issue-technical-list li{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line-soft)}.sync-next-steps-list li{display:flex;align-items:center;gap:10px;min-height:32px}.sync-next-step-link{text-decoration:none}.sync-buyer-detail{display:grid;gap:12px}@media (max-width: 900px){.sync-run-drawer{width:min(100vw,calc(100vw - 24px))}.sync-provider-result-header,.sync-issue-group-header{flex-direction:column}.sync-issue-group-meta{justify-content:flex-start}}.sync-issue header{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;text-transform:uppercase}.sync-issue p,.sync-issue small{margin:0}.sync-issue small{color:var(--muted);font-size:12px}.sync-issue-context{display:grid;gap:3px}.sync-issue-context code{border-radius:6px;padding:3px 6px;background:var(--control-bg-soft);color:var(--muted);font-size:12px;overflow-wrap:anywhere;word-break:break-word}.sync-issue.sync-issue-error{border-color:color-mix(in srgb,var(--red) 32%,var(--line-soft))}.sync-issue.sync-issue-warning{border-color:color-mix(in srgb,var(--amber) 36%,var(--line-soft))}.sync-issue.sync-issue-info{border-color:color-mix(in srgb,var(--info) 34%,var(--line-soft));background:color-mix(in srgb,var(--info-soft) 38%,var(--surface-soft))}.sync-buyer-history{display:grid;gap:10px}.sync-history-table-compact th,.sync-history-table-compact td{padding:7px 8px}.sync-history-table-compact{min-width:680px}.sync-history-table-compact-wrap{align-self:stretch}.sync-buyer-detail{border-top:1px solid var(--line-soft);padding-top:10px}.exports-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:12px;align-items:start}.exports-main{display:grid;gap:12px;min-width:0}.exports-filter-bar{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,240px) minmax(0,1fr);gap:10px;align-items:end}.exports-filter-bar label,.exports-manual-panel label{display:grid;gap:4px;min-width:0}.exports-filter-bar .select-control,.exports-manual-panel .select-control{width:100%}.exports-filter-bar label>span,.exports-manual-panel label>span{color:var(--muted);font-size:12px;font-weight:650}.exports-page-controls{display:grid;justify-items:end;gap:8px;min-width:0}.exports-page-label{color:var(--muted);font-size:12px;font-weight:650}.exports-history-table{min-width:1040px}.exports-history-table-compact{min-width:0}.exports-history-table-compact th,.exports-history-table-compact td{padding:7px 8px}.exports-last-error-cell{max-width:320px;white-space:normal;overflow-wrap:anywhere}.exports-related-sync-link{color:var(--accent);text-decoration:none}.exports-related-sync-link:hover{color:var(--accent-hover);text-decoration:underline}.exports-manual-panel{display:grid;gap:10px}.drawer.exports-job-drawer{width:min(760px,calc(100vw - 120px))}.exports-job-detail-list{grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr)}.exports-retry-panel,.sheet-export-buyer-history,.sheet-export-freshness{display:grid;gap:10px}.sheet-export-freshness-card-compact{display:grid;gap:8px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 12px;background:var(--surface-soft)}.sheet-export-freshness-card-header strong{font-size:12px;color:var(--muted)}.sheet-export-freshness-header{display:grid;gap:6px}.sheet-export-freshness-updated{margin:0;color:var(--muted);font-size:13px}.sheet-export-freshness.compact{gap:8px}.sheet-export-freshness.compact .sheet-export-freshness-header{gap:4px}.sheet-export-freshness.compact .sheet-export-freshness-header .muted{margin:0;font-size:12px}.sheet-export-freshness.compact .button-row{gap:6px;flex-wrap:wrap}.sheet-export-freshness.compact .ghost-button,.sheet-export-freshness.compact .primary-button{min-height:30px;padding:4px 10px;font-size:12px}@media (max-width: 1080px){.exports-layout{grid-template-columns:1fr}.exports-page-controls{justify-items:start}}@media (max-width: 920px){.exports-filter-bar{grid-template-columns:1fr}.drawer.exports-job-drawer{width:100vw}.exports-job-detail-list{grid-template-columns:1fr}}.import-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.import-control{display:grid;gap:5px;min-height:86px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px;background:var(--surface-soft)}.import-control .select-control{width:100%}.import-preview{grid-column:1 / -1}.import-action{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;min-height:64px}.import-action div{display:grid;gap:4px}.import-control table{width:100%;border-collapse:collapse;font-size:12px}.import-control td{border-bottom:1px solid var(--line-soft);padding:6px}.import-flow span{color:var(--muted);font-size:12px}@media (max-width: 920px){.login-page{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.filter-bar label,.filter-bar .select-control,.filter-bar select,.filter-bar button{width:100%;min-width:0}.filter-bar label{display:grid;grid-template-columns:1fr;gap:4px;align-items:stretch}.settings-grid,.integrations-settings-layout,.two-column,.two-column.wide-left,.state-grid,.state-grid.compact,.import-flow{grid-template-columns:1fr}.drawer.sync-run-drawer{--sync-run-drawer-mobile-offset: 98px;top:var(--sync-run-drawer-mobile-offset);max-height:calc(100vh - var(--sync-run-drawer-mobile-offset));z-index:999}.drawer.sync-run-drawer .diagnostic{grid-template-columns:minmax(0,1fr);gap:6px}.drawer.sync-run-drawer .diagnostic strong{grid-row:auto;overflow-wrap:anywhere}.drawer.sync-run-drawer .diagnostic span,.drawer.sync-run-drawer .diagnostic small{overflow-wrap:anywhere;white-space:normal}.drawer.sync-run-drawer .diagnostic small{overflow:visible;text-overflow:clip}.integration-summary-grid,.sync-create-date-grid,.sync-create-option-grid,.sync-filter-bar-real{grid-template-columns:1fr}}:root[data-theme=dark] .buyer-roster-row{background-color:var(--row-bg)}:root[data-theme=dark] .buyer-roster-row:hover{background-color:var(--row-bg-hover)}.insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-strip article{display:grid;gap:8px;min-height:98px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px;background:var(--surface);box-shadow:none;transition:background var(--motion),border-color var(--motion)}.insight-strip span{color:var(--muted);font-size:12px;font-weight:750}.insight-strip strong{font-size:18px;font-weight:650}.insight-strip p{color:var(--muted);font-size:13px}.dashboard-focus-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px;align-items:start}.dashboard-focus-grid.personal{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.lead-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);gap:16px;align-items:start}.lead-dashboard-grid>.panel:last-child .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-panel{display:grid;gap:14px}.focus-panel article{display:grid;gap:8px;border-radius:var(--radius);padding:14px;background:var(--surface-soft)}.focus-panel article strong{font-size:20px;font-weight:650}.focus-panel article p{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;align-items:start}.dashboard-grid.quiet{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.dashboard-grid.quiet.dashboard-buyers-grid{grid-template-columns:minmax(0,1fr)}.period-note{color:var(--muted);font-size:12px;font-weight:650}.buyer-roster{display:grid;gap:8px;container-type:inline-size}.buyer-roster-row{display:grid;grid-template-columns:minmax(112px,.62fr) minmax(280px,1fr) minmax(104px,.62fr) 14px;gap:10px;align-items:center;min-height:68px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px 14px;text-decoration:none;color:var(--text);background:var(--row-bg-soft);overflow:hidden;transition:transform var(--motion),background var(--motion),border-color var(--motion)}.buyer-roster-row:hover{transform:translateY(-1px);border-color:var(--line);background:var(--row-bg-hover)}.buyer-roster-name,.buyer-roster-metric,.buyer-roster-sync{display:grid;gap:3px;min-width:0}.buyer-roster-metrics{display:grid;width:min(100%,420px);grid-template-columns:repeat(3,minmax(72px,1fr));gap:10px;justify-self:center;min-width:0}.buyer-roster-metric{justify-items:center;text-align:center}.buyer-roster-unavailable-note{grid-column:1 / -1;justify-self:center;text-align:center}.buyer-roster-sync .sync-dot{justify-self:stretch}.buyer-roster-row small{color:var(--muted);font-size:11px;font-weight:600}.buyer-roster-row .sync-dot{max-width:100%;overflow-wrap:anywhere;white-space:nowrap}.buyer-roster-row strong{min-width:0;overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.buyer-roster-name strong{font-size:15px}@container (max-width: 620px){.buyer-roster-row{grid-template-columns:repeat(3,minmax(0,1fr)) 16px;gap:10px 12px;align-items:start;padding:14px}.buyer-roster-name{grid-column:1 / -1}.buyer-roster-metrics{grid-column:1 / -1;width:100%}.buyer-roster-sync{grid-column:1 / 4;max-width:100%}.buyer-roster-row>svg{grid-column:4;align-self:center;justify-self:end}.buyer-roster-row strong{font-size:13px}}.campaign-table-shell{display:grid;gap:0;min-width:0;padding-bottom:0}.campaign-table-scroll{scrollbar-width:none}.campaign-table-scroll::-webkit-scrollbar{width:0;height:0}.campaign-table-floating-scrollbar{position:sticky;bottom:calc(-1 * var(--content-padding));z-index:18;display:block;width:100%;min-width:0;margin-top:4px;overflow:visible;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:none}.campaign-table-floating-scrollbar{height:14px;min-height:14px;border:1px solid color-mix(in srgb,var(--line-soft) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--scrollbar-track) 90%,transparent);transition:box-shadow var(--motion),background var(--motion)}.campaign-table-floating-scrollbar.is-floating .floating-scrollbar-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--page) 72%,transparent),var(--floating-scroll-shadow)}.trend-chart-card{display:grid;gap:10px;min-height:238px}.trend-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:12px;font-weight:650}.trend-legend span{display:inline-flex;gap:7px;align-items:center}.trend-legend i{width:8px;height:8px;border-radius:999px}.trend-legend .spend,.trend-line.spend,.trend-dot.spend{background:var(--chart-spend);stroke:var(--chart-spend)}.trend-legend .revenue,.trend-line.revenue,.trend-dot.revenue{background:var(--chart-revenue);stroke:var(--chart-revenue)}.trend-legend .profit,.trend-line.profit,.trend-dot.profit{background:var(--chart-profit);stroke:var(--chart-profit)}.trend-chart{width:100%;min-width:0;height:218px;overflow:visible}.trend-grid line{stroke:var(--line-soft);stroke-width:1}.trend-grid .trend-zero-line{stroke:var(--faint);stroke-dasharray:4 5;stroke-opacity:.55}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:var(--surface-strong);stroke-width:3}.trend-axis text{fill:var(--faint);font-size:11px;font-weight:650}.status-distribution{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.status-distribution div{display:grid;gap:4px;min-height:88px;padding:12px;border-radius:var(--radius);background:var(--surface-soft)}.quiet-details{display:grid;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.quiet-details summary{width:100%;cursor:pointer;border:0;padding:14px 16px;color:var(--muted);background:var(--surface-soft);font-weight:650}.quiet-details[open] summary{border-bottom:1px solid var(--line-soft)}.quiet-details-body{display:grid;gap:16px;padding:16px}@media (max-width: 920px){.insight-strip,.dashboard-focus-grid,.dashboard-buyers-grid,.lead-dashboard-grid,.lead-dashboard-grid>.panel:last-child .kpi-grid,.dashboard-grid{grid-template-columns:1fr}.buyer-roster-row{grid-template-columns:1fr;gap:8px}.buyer-roster-metrics{width:100%}}.buyer-management-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) max-content;gap:10px;align-items:end}.buyer-management-statuses{width:max-content;max-width:100%}.buyer-management-team-filter{display:grid;gap:4px;min-width:0}.buyer-management-team-filter span{color:var(--muted);font-size:12px;font-weight:650}.buyer-management-team-filter .select-control,.buyer-management-team-filter select{width:100%}.buyer-management-create-button{min-width:148px}:root[data-theme=dark] .buyer-list-row{background-color:var(--row-bg)}:root[data-theme=dark] .buyer-list-row:hover{background-color:var(--row-bg-hover)}.buyer-list-shell{--buyer-list-gap: 14px;--buyer-list-half-gap: 7px;--buyer-list-padding: 16px;--buyer-profile-column: 280px;--buyer-total-column: 360px;--buyer-month-column: 360px;display:grid;gap:8px;min-width:0}.buyer-list{display:grid;gap:8px;min-width:0;overflow-x:auto;padding-bottom:0;scrollbar-gutter:stable;scrollbar-width:none}.buyer-list::-webkit-scrollbar{width:0;height:0}.buyer-list-scrollbar{position:relative;width:100%;min-width:0;height:16px;margin-top:-7px;margin-bottom:-5px;background:transparent;cursor:pointer;touch-action:none}.buyer-list-scrollbar-thumb{position:absolute;top:4px;left:0;height:8px;border-radius:999px;background:var(--floating-scrollbar-thumb);cursor:grab;transition:background var(--motion)}.buyer-list-scrollbar-thumb:hover{background:var(--floating-scrollbar-thumb-hover)}.buyer-list-scrollbar-thumb:active{cursor:grabbing}.buyer-list-heading,.buyer-list-row{position:relative;display:grid;grid-template-columns:var(--buyer-profile-column) var(--buyer-total-column) var(--buyer-month-column) minmax(160px,1fr) 16px;gap:var(--buyer-list-gap);align-items:center;min-width:calc(var(--buyer-list-padding) + var(--buyer-list-padding) + var(--buyer-profile-column) + var(--buyer-total-column) + var(--buyer-month-column) + 160px + 16px + var(--buyer-list-gap) + var(--buyer-list-gap) + var(--buyer-list-gap) + var(--buyer-list-gap))}.buyer-list-heading{min-height:34px;padding:0 var(--buyer-list-padding);color:var(--muted);font-size:12px;font-weight:650}.buyer-list-heading span:nth-child(4){grid-column:4 / 6}.buyer-list-row{min-height:86px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px var(--buyer-list-padding);text-decoration:none;color:var(--text);cursor:pointer;background:var(--row-bg);background-color:var(--row-bg);transition:transform var(--motion),background var(--motion),border-color var(--motion)}.buyer-list-row:hover{transform:translateY(-1px);border-color:var(--line);background:var(--row-bg-hover);background-color:var(--row-bg-hover)}.buyer-list-profile,.buyer-list-sync,.buyer-metric{display:grid;gap:3px;min-width:0}.buyer-list-profile{grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center}.buyer-avatar{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--brand-text);background:var(--brand-bg);font-size:13px;font-weight:700;letter-spacing:0}.buyer-list-copy{display:grid;gap:3px;min-width:0}.buyer-list-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650}.buyer-list-profile small,.buyer-list-sync small,.buyer-metric small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:600}.buyer-metrics-group,.buyer-list-sync{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}.buyer-list-sync .sync-dot{justify-self:start;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.buyer-list-sync small{grid-column:1}.buyer-list-edit-button{grid-row:1 / span 2;grid-column:2;align-self:center;justify-self:end;width:32px;min-height:32px;margin-top:0;padding:0;font-size:0}.buyer-list-edit-button svg{flex:0 0 auto}.buyer-metrics-group{display:grid;grid-template-columns:repeat(3,minmax(68px,1fr));gap:10px;min-width:0}.buyer-group-label{display:none;grid-column:1 / -1;color:var(--muted);font-size:11px;font-weight:700}.buyer-metric-unavailable-note{grid-column:1 / -1;color:var(--muted);font-size:11px;font-weight:650}.buyer-list-row>.buyer-list-profile+.buyer-metrics-group,.buyer-list-row>.buyer-metrics-group+.buyer-metrics-group,.buyer-list-row>.buyer-list-sync{padding-left:18px}.buyer-list-resize-handle{position:absolute;top:50%;z-index:2;width:16px;height:58px;border:0;padding:0;background:transparent;cursor:col-resize;transform:translate(-50%,-50%)}.buyer-list-resize-handle:before{position:absolute;top:7px;bottom:7px;left:50%;width:1px;border-radius:999px;background:var(--line);content:"";transform:translate(-50%);transition:background var(--motion),box-shadow var(--motion),width var(--motion)}.buyer-list-heading .buyer-list-resize-handle{height:28px}.buyer-list-resize-profile{left:calc(var(--buyer-list-padding) + var(--buyer-profile-column) + var(--buyer-list-half-gap))}.buyer-list-resize-total{left:calc(var(--buyer-list-padding) + var(--buyer-profile-column) + var(--buyer-list-gap) + var(--buyer-total-column) + var(--buyer-list-half-gap))}.buyer-list-resize-month{left:calc(var(--buyer-list-padding) + var(--buyer-profile-column) + var(--buyer-list-gap) + var(--buyer-total-column) + var(--buyer-list-gap) + var(--buyer-month-column) + var(--buyer-list-half-gap))}.buyer-list-resize-handle:hover:before,.buyer-list-resize-handle:focus-visible:before,.buyer-list-shell.is-resizing .buyer-list-resize-handle:before{width:2px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.buyer-metric strong{font-weight:650}.buyer-management-action-error{margin:0;color:var(--red);font-size:13px;font-weight:650}.buyer-management-loading{margin:0;color:var(--muted);font-size:13px;font-weight:600}.buyer-management-modal-backdrop{position:fixed;inset:0;z-index:140;background:var(--modal-backdrop)}.buyer-management-modal{position:fixed;top:56px;left:50%;z-index:141;display:grid;gap:14px;width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 72px);overflow:auto;padding:18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transform:translate(-50%)}.buyer-management-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buyer-management-form{display:grid;gap:10px}.buyer-management-form label{display:grid;gap:4px}.buyer-management-form .select-control{width:100%}.buyer-management-form label>span{color:var(--muted);font-size:12px;font-weight:650}.buyer-management-form textarea{min-height:72px;border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;color:var(--text);background:var(--control-bg);outline:0;resize:vertical;transition:border-color var(--motion),box-shadow var(--motion),background var(--motion)}.buyer-management-form textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring)}:root{--buyer-management-drawer-offset: 98px}.drawer.buyer-management-drawer{top:var(--buyer-management-drawer-offset);width:min(700px,calc(100vw - 230px));max-height:calc(100vh - var(--buyer-management-drawer-offset));z-index:999}.drawer-backdrop.buyer-management-drawer-backdrop{inset:var(--buyer-management-drawer-offset) 0 0;z-index:998}.buyer-management-drawer .panel{gap:10px}.buyer-management-detail-list{grid-template-columns:120px minmax(0,1fr)}.buyer-management-detail-list dd{overflow-wrap:anywhere}.buyer-team-assignment{display:grid;gap:8px;margin:0;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px}.buyer-team-assignment legend{padding:0 6px;color:var(--muted);font-size:12px;font-weight:650}.buyer-team-assignment-list{display:grid;gap:6px}.buyer-team-assignment .scope-checkbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}.buyer-team-assignment .scope-checkbox small{grid-column:2;color:var(--muted);font-size:11px}@media (max-width: 920px){.buyer-management-toolbar{grid-template-columns:1fr;align-items:stretch;min-width:0;max-width:100%}.buyer-management-statuses{width:100%;min-width:0;overflow-x:auto}.buyer-management-create-button{width:100%}.buyer-management-modal{top:10px;width:calc(100vw - 16px);max-height:calc(100vh - 20px);padding:14px}.drawer.buyer-management-drawer{width:100vw}.drawer-backdrop.buyer-management-drawer-backdrop{inset:var(--buyer-management-drawer-offset) 0 0}.buyer-management-detail-list{grid-template-columns:1fr}.buyer-list-heading{display:none}.buyer-list{overflow-x:visible}.buyer-list-row,.buyer-metrics-group{grid-template-columns:1fr}.buyer-list-row{min-width:0;width:100%;box-sizing:border-box}.buyer-list-sync{width:100%}.buyer-group-label{display:block}.buyer-list-row>.buyer-list-profile+.buyer-metrics-group,.buyer-list-row>.buyer-metrics-group+.buyer-metrics-group,.buyer-list-row>.buyer-list-sync{padding-left:0}.buyer-list-edit-button{width:100%;min-height:34px;padding:0 10px;font-size:13px;justify-content:center}.buyer-list-scrollbar{display:none}.buyer-list-resize-handle,.buyer-list-row>.buyer-metrics-group+.buyer-metrics-group:before,.buyer-list-row>.buyer-list-sync:before{display:none}}.buyer-management-drawer .sync-buyer-history{margin-top:2px}.teams-management-screen{display:grid;gap:12px;min-width:0}.teams-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;min-width:0}.teams-status-filter{max-width:100%}.teams-readonly-pill{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:6px 10px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:650}.teams-create-button{min-width:148px}:root[data-theme=dark] .teams-create-button{border-color:color-mix(in srgb,var(--brand-text) 32%,var(--line));color:var(--brand-text);background:var(--brand-bg)}:root[data-theme=dark] .teams-create-button:hover{border-color:color-mix(in srgb,var(--brand-text) 48%,var(--line));background:color-mix(in srgb,var(--brand-bg) 86%,var(--brand-text))}.teams-list{display:grid;gap:8px;width:min(100%,700px);max-width:100%;margin:0;padding:0;list-style:none}.teams-list-item{list-style:none}.team-list-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:stretch;gap:0;width:100%;border:1px solid var(--line-soft);border-radius:var(--radius);padding:0;overflow:hidden;background:var(--surface);color:var(--text);text-align:left;transition:transform var(--motion),border-color var(--motion),background var(--motion)}.team-list-row:hover{border-color:var(--line);transform:translateY(-1px)}.team-list-row.archived{background:color-mix(in srgb,var(--surface) 88%,var(--amber-soft))}.team-list-row.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--focus-ring)}.team-list-main{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px}.team-list-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650}.team-list-meta{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}.team-list-meta small{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.team-list-open{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;border-left:1px solid var(--line-soft);padding:0 14px;color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}.team-list-row:hover .team-list-open{border-left-color:var(--line)}.team-list-row.selected .team-list-open{border-left-color:color-mix(in srgb,var(--brand) 45%,var(--line-soft))}.teams-state-card-stack{display:grid;gap:10px}.team-management-loading{margin:0;color:var(--muted);font-size:13px;font-weight:600}.team-management-action-error{margin:0;color:var(--red);font-size:13px;font-weight:650}.team-management-modal-backdrop{position:fixed;inset:0;z-index:140;background:var(--modal-backdrop)}.team-management-modal{position:fixed;top:56px;left:50%;z-index:141;display:grid;gap:14px;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 72px);overflow:auto;padding:18px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transform:translate(-50%)}.team-management-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-management-form{display:grid;gap:10px}.team-management-form label{display:grid;gap:4px}.team-management-form label>span{color:var(--muted);font-size:12px;font-weight:650}.drawer.team-management-drawer{top:98px;width:min(720px,calc(100vw - 220px));max-height:calc(100vh - 98px);z-index:150}.drawer-backdrop.team-management-drawer-backdrop{z-index:149}.drawer .team-management-drawer-header{margin-bottom:-2px;flex-direction:row;flex-wrap:nowrap}.team-editor-summary{display:flex;flex-wrap:wrap;gap:16px 24px;margin:0;padding:4px 0 18px;border-bottom:1px solid var(--line-soft);font-size:12px}.team-editor-summary>div{display:flex;align-items:baseline;gap:8px}.team-editor-summary dt{color:var(--muted)}.team-editor-summary dd{margin:0;font-weight:600}.drawer.team-management-drawer>.panel{padding:20px 0 4px;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:transparent;box-shadow:none}.team-editor-section{padding:4px 0}.team-assignment-panel{display:grid;gap:10px}.team-assignment-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.team-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 12px;background:var(--surface-soft)}.team-assignment-row strong,.team-assignment-row small{display:block}.team-assignment-row small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.team-assignment-row-actions{display:flex;gap:8px;align-items:center}.team-assignment-create-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:end}.team-assignment-create-row label{display:grid;gap:4px}.team-assignment-create-row .select-control{width:100%}.team-assignment-create-row span{color:var(--muted);font-size:12px;font-weight:650}.team-assignment-error-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.team-assignment-muted{margin:0;color:var(--muted);font-size:12px}@media (max-width: 920px){.team-list-row,.team-assignment-row,.team-assignment-create-row{grid-template-columns:1fr}.teams-list{width:100%}.team-list-main,.team-list-meta{flex-wrap:wrap}.team-list-open{border-top:1px solid var(--line-soft);border-left:0;padding:10px 14px}.drawer.team-management-drawer{inset:12px;width:auto;max-height:calc(100dvh - 24px);padding:14px}.teams-toolbar .teams-status-filter{flex-wrap:wrap}.team-management-modal{top:36px;max-height:calc(100vh - 48px)}}.drawer-header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.drawer{position:fixed;top:20px;right:16px;bottom:20px;z-index:130;display:grid;align-content:start;grid-auto-rows:max-content;gap:12px;width:min(860px,calc(100vw - 246px));max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 20px 28px;border:1px solid var(--line);border-radius:20px;background:var(--drawer-bg);box-shadow:var(--shadow-floating)}.drawer-backdrop{position:fixed;inset:0;z-index:129;background:var(--drawer-backdrop)}.drawer .panel{gap:12px;padding:14px 16px}.drawer .kpi-card{min-height:76px;padding:12px}.drawer .kpi-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.drawer .detail-list{grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr)}.drawer .diagnostic{grid-template-columns:180px minmax(0,1fr);gap:2px 10px;padding:9px 12px}.drawer .diagnostic strong{grid-row:1 / span 2}.drawer .diagnostic span,.drawer .diagnostic small{min-width:0}.drawer .diagnostic small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 920px){.drawer-header{flex-direction:column;align-items:flex-start}.drawer{inset:12px;width:auto;max-height:calc(100vh - 24px);padding:18px 16px 24px;border-radius:18px}.drawer .detail-list{grid-template-columns:140px 1fr}}:root{--card-surface: var(--row-bg-soft);--card-surface-hover: color-mix(in srgb, var(--card-surface) 64%, var(--control-bg-hover) 36%)}.kpi-card,.summary-strip>span,.page-query-row,.period-control,.page-search,.filter-bar,.panel,.panel .panel,.state-card,.warning-banner,.forbidden-state,.export-state,.diagnostic,.insight-strip article,.focus-panel article,.status-distribution div,.quiet-details,.integration-provider-card,.integration-provider-card.selected,.integration-metadata-list,.integration-summary-inline,.integration-advanced-details,.sync-profile-card,.sync-create-preview,.sync-provider-result-card,.sync-issue-group,.sync-issue,.sync-issue.sync-issue-info,.import-control,.team-list-row,.team-list-row.archived,.team-assignment-row,.team-management-modal,.buyer-management-modal,.managed-user-list,.campaign-result-list.campaign-summary-list,.campaign-result-row,.campaign-result-row:hover,.campaign-result-card.is-expanded .campaign-result-row,.campaign-result-detail,.identity-mobile-row,.identity-mobile-metric,.statistics-loading-card,.buyer-list-row,.buyer-list-row:hover,.buyer-roster-row,.buyer-roster-row:hover{background:var(--card-surface);background-color:var(--card-surface)}:root[data-theme] .campaign-result-row,:root[data-theme] .campaign-result-row:hover,:root[data-theme] .buyer-list-row,:root[data-theme] .buyer-list-row:hover,:root[data-theme] .buyer-roster-row,:root[data-theme] .buyer-roster-row:hover,:root[data-theme] .period-control,:root[data-theme] .page-search,:root[data-theme] .filter-bar{background:var(--card-surface);background-color:var(--card-surface)}:root[data-theme] .buyer-roster-row:hover,:root[data-theme] .buyer-roster-row:focus-visible{background:var(--card-surface-hover);background-color:var(--card-surface-hover)}