:root {
  --bg: #f5f6f8;
  --panel: #ffffff;
  --panel-soft: #fafbfc;
  --line: #e6e9ee;
  --line-strong: #d7dce3;
  --text: #18212f;
  --muted: #6d7786;
  --faint: #98a1ae;
  --brand: #0f766e;
  --brand-dark: #0b5e58;
  --brand-soft: #e7f5f2;
  --ink: #1f2937;
  --danger: #d94848;
  --danger-soft: #fff0ef;
  --warning: #bd6b00;
  --warning-soft: #fff5df;
  --success: #17835d;
  --success-soft: #e8f6ef;
  --blue: #3277d5;
  --blue-soft: #edf4ff;
  --shadow: 0 12px 34px rgba(24, 33, 47, .09);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body { margin: 0; min-height: 100vh; background: var(--bg); font-size: 14px; letter-spacing: 0; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(15, 118, 110, .18); outline-offset: 1px; }

.auth-pending .app-shell, .auth-required .app-shell { display: none; }
.auth-screen { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 24px; background: #eef1f3; }
.auth-pending .auth-screen, .auth-required .auth-screen { display: flex; }
.auth-brand { position: absolute; left: 32px; top: 26px; display: flex; align-items: center; gap: 9px; color: var(--text); }
.auth-brand strong { font-size: 20px; }.auth-brand small { padding-left: 9px; border-left: 1px solid #cbd1d7; color: var(--muted); font-size: 11px; }
.auth-panel { width: min(410px, 100%); padding: 32px; border: 1px solid var(--line); border-radius: 8px; background: white; box-shadow: 0 18px 55px rgba(27,39,50,.1); }
.auth-panel h1 { margin: 0; font-size: 25px; }.auth-panel > p:not(.eyebrow) { margin: 8px 0 25px; color: var(--muted); font-size: 12px; }
.auth-panel .field input { height: 43px; }.auth-submit { width: 100%; height: 43px; margin-top: 4px; }
.auth-error { min-height: 20px; margin-top: -5px; color: var(--danger); font-size: 11px; }
.auth-status { margin-top: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--faint); font-size: 10px; }
.auth-status .sync-pulse { width: 6px; height: 6px; }
.auth-pending .auth-panel { opacity: .72; pointer-events: none; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 20px 14px 14px; background: #18212b; color: #d9e0e8; display: flex; flex-direction: column; z-index: 20; }
.brand { height: 44px; display: flex; align-items: center; gap: 10px; padding: 0 10px 18px; font-size: 20px; font-weight: 750; color: white; }
.brand small { margin-left: auto; padding: 3px 6px; border: 1px solid #3c4a58; border-radius: 4px; color: #9eabb8; font-size: 10px; font-weight: 500; }
.brand-mark { display: grid; grid-template-columns: repeat(3, 4px); align-items: end; gap: 2px; width: 18px; height: 20px; padding: 2px; background: var(--brand); border-radius: 4px; }
.brand-mark i { display: block; background: white; border-radius: 1px; }
.brand-mark i:nth-child(1) { height: 7px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 10px; }
.nav { display: flex; flex-direction: column; gap: 4px; }
.nav-item { position: relative; width: 100%; height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 11px; border: 0; border-radius: 6px; color: #abb5c0; background: transparent; text-align: left; }
.nav-item:hover { background: #222e3a; color: white; }
.nav-item.is-active { background: #263a3c; color: #81d2c8; font-weight: 650; }
.nav-item.is-active::before { content: ""; position: absolute; left: -14px; top: 8px; bottom: 8px; width: 3px; background: #52b8ad; }
.nav-glyph { width: 19px; text-align: center; color: inherit; font-size: 18px; }
.nav-count { margin-left: auto; min-width: 21px; padding: 2px 6px; border-radius: 9px; background: #344250; color: #c3ccd5; font-size: 11px; text-align: center; }
.status-dot { margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: #4fc393; box-shadow: 0 0 0 3px rgba(79,195,147,.12); }
.nav-label { padding: 25px 12px 7px; color: #697787; font-size: 10px; text-transform: uppercase; }
.sidebar-foot { margin-top: auto; }
.sync-state { margin: 0 8px 12px; padding: 11px; display: flex; align-items: center; gap: 9px; border: 1px solid #2f3c49; border-radius: 6px; }
.sync-state strong, .profile-button strong { display: block; font-size: 12px; color: #dce3e9; }
.sync-state small, .profile-button small { display: block; margin-top: 3px; color: #758392; font-size: 10px; }
.sync-pulse { width: 8px; height: 8px; border-radius: 50%; background: #4fc393; box-shadow: 0 0 0 4px rgba(79,195,147,.1); }
.profile-button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 8px; border: 0; border-radius: 6px; background: transparent; text-align: left; }
.profile-button:hover { background: #222e3a; }
.avatar { width: 30px; height: 30px; border-radius: 50%; background: #386b67; display: grid; place-items: center; color: #d8f2ef; font-size: 12px; }
.profile-button .more { margin-left: auto; color: #71808d; }

.main { margin-left: 232px; min-height: 100vh; }
.topbar { position: sticky; top: 0; z-index: 15; height: 64px; padding: 0 28px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); }
.crumb { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }.crumb b { color: #c4cad1; }.crumb strong { color: var(--text); }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.search-box, .inline-search { height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 6px; background: white; color: var(--faint); }
.search-box { width: 278px; }.search-box input, .inline-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--text); background: transparent; }.search-box kbd { padding: 2px 5px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 4px; color: var(--faint); font-size: 10px; font-family: inherit; }
.icon-button { position: relative; width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 6px; background: white; color: #566172; }
.icon-button:hover, .icon-button.is-active { color: var(--brand); border-color: #9fcfc9; background: var(--brand-soft); }
.notification-dot { position: absolute; right: 7px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: #e35252; }
.primary-button, .quiet-button, .filter-button, .full-button { height: 36px; padding: 0 14px; border-radius: 6px; font-weight: 650; }
.primary-button { border: 1px solid var(--brand); background: var(--brand); color: white; }.primary-button:hover { border-color: var(--brand-dark); background: var(--brand-dark); }
.quiet-button, .filter-button { border: 1px solid var(--line-strong); background: white; color: #4e5a69; }.quiet-button:hover, .filter-button:hover { border-color: #aab3be; background: #fafbfc; }
.text-button { border: 0; background: none; color: var(--brand); font-weight: 650; }.text-button:hover { color: var(--brand-dark); }
.menu-button { display: none; margin-right: 10px; }

.workspace { padding: 28px; max-width: 1660px; margin: 0 auto; }
.view { display: none; }.view.is-active { display: block; animation: view-in .18s ease; }
@keyframes view-in { from { opacity: .5; transform: translateY(2px); } to { opacity: 1; transform: none; } }
.page-heading { min-height: 72px; margin-bottom: 22px; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.eyebrow { margin: 0 0 5px; color: var(--brand); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.page-heading h1 { margin: 0; font-size: 26px; line-height: 1.25; }.page-heading p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.heading-actions { display: flex; align-items: center; gap: 9px; }
.segmented { height: 36px; padding: 3px; display: flex; border: 1px solid var(--line-strong); border-radius: 6px; background: white; }.segmented button { padding: 0 11px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 12px; }.segmented button.is-active { background: #e9eeee; color: var(--text); font-weight: 650; }

.risk-banner { position: relative; min-height: 58px; margin-bottom: 16px; padding: 10px 48px 10px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid #f3d6a2; border-radius: 6px; background: #fffbf2; }.risk-banner.is-hidden { display: none; }.risk-banner strong { font-size: 13px; }.risk-banner p { margin: 3px 0 0; color: #7c6847; font-size: 12px; }.risk-banner .text-button { margin-left: auto; white-space: nowrap; }.risk-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #f5e4be; color: #9a6500; font-weight: 800; }.close-banner { position: absolute; right: 10px; top: 16px; border: 0; background: none; color: #9b8c75; font-size: 18px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 14px; }
.metric-card { min-height: 128px; padding: 17px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }.metric-card > span { color: var(--muted); font-size: 12px; }.metric-card strong { display: block; margin: 11px 0 7px; font-size: 25px; line-height: 1; }.metric-card p { margin: 0; color: var(--faint); font-size: 11px; }.metric-card p b { margin-right: 6px; }.up { color: var(--success) !important; }.down { color: var(--blue) !important; }
.panel { border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.analytics-grid { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(330px,.75fr); gap: 14px; margin-bottom: 14px; }
.panel-header { min-height: 69px; padding: 16px 18px; display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; border-bottom: 1px solid var(--line); }.panel-header h2 { margin: 0; font-size: 15px; }.panel-header p { margin: 5px 0 0; color: var(--faint); font-size: 11px; }
.legend { display: flex; gap: 16px; color: var(--muted); font-size: 11px; }.legend span { display: flex; align-items: center; gap: 6px; }.legend i { width: 9px; height: 9px; border-radius: 2px; }.legend .spend { background: var(--brand); }.legend .conversion { background: #f2b84b; }
.chart-wrap { position: relative; height: 286px; padding: 13px 16px 8px 10px; }.chart-wrap canvas { width: 100%; height: 100%; }.chart-tooltip { position: absolute; display: none; min-width: 130px; padding: 8px 10px; border: 1px solid #d9dfe6; border-radius: 5px; background: #fff; box-shadow: var(--shadow); font-size: 11px; pointer-events: none; }.chart-tooltip.is-visible { display: block; }
.health-panel { min-height: 355px; }.health-score { height: 119px; display: flex; align-items: center; gap: 16px; padding: 15px 18px; border-bottom: 1px solid var(--line); }.score-ring { --score: 84; width: 79px; height: 79px; flex: 0 0 79px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--brand) calc(var(--score)*1%), #e9edef 0); position: relative; }.score-ring::after { content:""; position: absolute; inset: 7px; border-radius: 50%; background: white; }.score-ring span { position: relative; z-index: 1; font-size: 20px; font-weight: 750; }.score-ring small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; font-weight: 500; }.health-copy { flex: 1; }.health-copy p { margin: 4px 0 10px; color: var(--success); font-size: 11px; }.health-bar { height: 5px; overflow: hidden; border-radius: 4px; background: #edf0f2; }.health-bar i { display: block; height: 100%; background: var(--brand); }.health-list { padding: 2px 18px; }.health-list > div { min-height: 67px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }.health-list > div:last-child { border: 0; }.health-list p { min-width: 0; margin: 0; flex: 1; }.health-list strong, .health-list small { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }.health-list strong { font-size: 12px; }.health-list small { margin-top: 4px; color: var(--faint); font-size: 10px; }
.platform { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 7px; display: grid; place-items: center; color: white; font-size: 12px; font-weight: 750; }.platform.mini { width: 29px; height: 29px; flex-basis: 29px; border-radius: 6px; font-size: 10px; }.douyin { background: #22262d; }.tencent { background: #2f7bd4; }.red { background: #db3e41; }.kuaishou { background: #ff7b25; }
.tag { padding: 3px 7px; border-radius: 4px; font-size: 10px; white-space: nowrap; }.tag.success { background: var(--success-soft); color: var(--success); }.tag.danger { background: var(--danger-soft); color: var(--danger); }.tag.warning { background: var(--warning-soft); color: var(--warning); }.tag.neutral { background: #eef1f4; color: #697482; }.tag.info { background: var(--blue-soft); color: var(--blue); }
.table-panel { overflow: hidden; }.table-scroll { overflow-x: auto; }table { width: 100%; border-collapse: collapse; text-align: left; }th { height: 40px; padding: 0 15px; background: #fafbfc; color: var(--muted); font-size: 10px; font-weight: 650; white-space: nowrap; }td { height: 58px; padding: 0 15px; border-top: 1px solid var(--line); color: #3a4554; font-size: 12px; white-space: nowrap; }tbody tr:hover { background: #fbfcfc; }.platform-cell { display: flex; align-items: center; gap: 9px; }.platform-cell strong { display: block; font-size: 12px; color: var(--text); }.platform-cell small { display: block; margin-top: 3px; color: var(--faint); font-size: 10px; }.spark { width: 70px; height: 22px; }

.stat-strip, .account-summary { margin-bottom: 14px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 7px; background: white; }.stat-strip > div, .account-summary > div { min-height: 94px; padding: 17px 19px; border-right: 1px solid var(--line); }.stat-strip > div:last-child, .account-summary > div:last-child { border: 0; }.stat-strip span, .account-summary span { display: block; color: var(--muted); font-size: 11px; }.stat-strip strong, .account-summary strong { display: inline-block; margin-top: 9px; font-size: 20px; }.stat-strip small, .account-summary small { margin-left: 8px; color: var(--faint); font-size: 10px; }
.campaign-panel { overflow: hidden; }.filterbar { min-height: 61px; padding: 12px 14px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }.filterbar .inline-search { width: 230px; }.filterbar select, .field select, .field input, .field textarea { border: 1px solid var(--line-strong); border-radius: 6px; background: white; color: var(--text); }.filterbar select { height: 36px; padding: 0 30px 0 10px; }.filter-result { margin-left: auto; color: var(--faint); font-size: 11px; }.bulkbar { min-height: 48px; padding: 8px 14px; display: none; align-items: center; gap: 7px; background: #eef8f6; border-bottom: 1px solid #d5ebe7; }.bulkbar.is-visible { display: flex; }.bulkbar span { margin-right: 8px; color: var(--brand-dark); }.bulkbar button { height: 29px; padding: 0 10px; border: 1px solid #c9deda; border-radius: 4px; background: white; color: #485663; font-size: 11px; }.danger-text { color: var(--danger) !important; }.campaign-table td:nth-child(2) { min-width: 190px; }.campaign-name { display: flex; align-items: center; gap: 8px; }.campaign-name span { width: 5px; height: 33px; border-radius: 3px; background: var(--brand); }.campaign-name strong { display: block; color: var(--text); }.campaign-name small { display: block; margin-top: 4px; color: var(--faint); font-size: 10px; }.status-switch { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; color: inherit; }.status-switch i { width: 8px; height: 8px; border-radius: 50%; background: #a1a9b3; }.status-switch.running i { background: var(--success); box-shadow: 0 0 0 3px var(--success-soft); }.status-switch.learning i { background: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }.row-actions { display: flex; gap: 4px; }.row-actions button { width: 29px; height: 29px; border: 1px solid var(--line); border-radius: 4px; background: white; color: var(--muted); }.row-actions button:hover { border-color: #aab3bd; color: var(--brand); }.empty-state { display: none; padding: 70px 20px; text-align: center; }.empty-state.is-visible { display: block; }.empty-state span { font-size: 32px; color: #a9b2bc; }.empty-state h3 { margin: 14px 0 5px; font-size: 15px; }.empty-state p { margin: 0; color: var(--muted); }

.asset-toolbar { height: 50px; display: flex; justify-content: space-between; align-items: flex-start; }.asset-tabs { display: flex; gap: 22px; height: 50px; }.asset-tabs button { position: relative; border: 0; background: none; color: var(--muted); }.asset-tabs button.is-active { color: var(--text); font-weight: 650; }.asset-tabs button.is-active::after { content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--brand); }.asset-tabs b { color: var(--faint); font-size: 10px; }.asset-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); border-top: 1px solid var(--line); }.folder-tree { padding: 18px 14px 18px 0; border-right: 1px solid var(--line); }.folder-tree h3 { margin: 0 10px 13px; font-size: 12px; }.folder-tree button { width: 100%; height: 36px; padding: 0 10px; display: flex; align-items: center; gap: 9px; border: 0; border-radius: 5px; background: none; color: var(--muted); text-align: left; }.folder-tree button.is-active, .folder-tree button:hover { background: white; color: var(--brand); }.folder-tree button b { margin-left: auto; color: var(--faint); font-size: 10px; }.folder-tree hr { margin: 12px 10px; border: 0; border-top: 1px solid var(--line); }.asset-content { min-width: 0; padding: 16px 0 30px 18px; }.asset-insights { min-height: 72px; margin-bottom: 14px; padding: 13px 16px; display: grid; grid-template-columns: repeat(3,1fr) 1.4fr; align-items: center; border: 1px solid var(--line); border-radius: 7px; background: white; }.asset-insights > div { border-right: 1px solid var(--line); }.asset-insights span { display: block; color: var(--muted); font-size: 10px; }.asset-insights strong { display: block; margin-top: 6px; font-size: 16px; }.asset-insights small { font-size: 10px; }.asset-insights p { margin: 0; padding-left: 16px; color: var(--muted); font-size: 10px; line-height: 1.6; }.asset-insights p b { color: var(--brand); }.asset-grid { display: grid; grid-template-columns: repeat(4,minmax(145px,1fr)); gap: 12px; }.asset-card { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: white; }.asset-card:hover { border-color: #bfc9d2; box-shadow: 0 5px 18px rgba(30,45,60,.06); }.asset-preview { position: relative; aspect-ratio: 16/10; overflow: hidden; background: #dce5e2; }.asset-preview.poster-a { background: #d5ebe7; }.asset-preview.poster-b { background: #fae7c8; }.asset-preview.poster-c { background: #e9e5f5; }.asset-preview.poster-d { background: #dfe7ef; }.asset-visual { position: absolute; inset: 0; padding: 15px; display: flex; flex-direction: column; justify-content: flex-end; }.asset-visual::before { content:""; position:absolute; width: 42%; aspect-ratio:1; right: 10%; top: 13%; border-radius: 50%; background: rgba(255,255,255,.68); box-shadow: -22px 16px 0 rgba(255,255,255,.3); }.asset-visual strong, .asset-visual small { position:relative; z-index:1; }.asset-visual strong { font-size: 14px; }.asset-visual small { margin-top:4px; color:#596573; font-size:9px; }.video-badge, .asset-score { position: absolute; top: 8px; z-index: 2; padding: 3px 6px; border-radius: 4px; font-size: 9px; }.video-badge { left: 8px; background: rgba(24,33,47,.8); color:white; }.asset-score { right: 8px; background: rgba(255,255,255,.9); color: var(--success); font-weight:700; }.asset-meta { padding: 11px; }.asset-meta > strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.asset-meta > small { display:block; margin:5px 0 10px; color:var(--faint); font-size:9px; }.asset-stats { display:grid; grid-template-columns:repeat(3,1fr); padding-top:8px; border-top:1px solid var(--line); }.asset-stats span { color:var(--faint); font-size:8px; }.asset-stats b { display:block; margin-top:3px; color:#424d5a; font-size:10px; }.asset-grid.is-list { grid-template-columns:1fr; }.asset-grid.is-list .asset-card { display:grid; grid-template-columns:150px 1fr; }.asset-grid.is-list .asset-preview { aspect-ratio:16/9; }

.automation-summary { margin-bottom:14px; display:grid; grid-template-columns:1.5fr repeat(3,1fr); border:1px solid var(--line); border-radius:7px; background:white; }.automation-summary > div { min-height:110px; padding:20px; border-right:1px solid var(--line); }.automation-summary > div:last-child { border:0; }.automation-summary > div:not(.automation-hero) span { display:block; color:var(--muted); font-size:10px; }.automation-summary > div:not(.automation-hero) strong { display:block; margin:11px 0 5px; font-size:20px; }.automation-summary small { color:var(--faint); font-size:9px; }.automation-hero { display:flex; align-items:center; gap:15px; background:#f3faf8; }.automation-signal { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; background:var(--brand); color:white; font-size:24px; }.automation-hero small,.automation-hero strong,.automation-hero p { display:block; }.automation-hero strong { margin:5px 0; font-size:21px; }.automation-hero p { margin:0; color:var(--muted); font-size:10px; }.rules-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:14px; }.rule-card { padding:16px; border:1px solid var(--line); border-radius:7px; background:white; }.rule-card.is-disabled { opacity:.68; }.rule-head { display:flex; gap:10px; align-items:flex-start; }.rule-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:6px; background:var(--brand-soft); color:var(--brand); font-size:18px; }.rule-head p { min-width:0; flex:1; margin:0; }.rule-head strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }.rule-head small { display:block; margin-top:4px; color:var(--faint); font-size:9px; }.toggle { position:relative; width:34px; height:19px; border:0; border-radius:12px; background:#c9d0d6; }.toggle::after { content:""; position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:white; transition:.16s; }.toggle.is-on { background:var(--brand); }.toggle.is-on::after { left:18px; }.rule-logic { margin:15px 0 13px; padding:10px; border-radius:5px; background:#f7f8fa; color:#4e5b67; font-size:10px; line-height:1.7; }.rule-logic b { color:var(--text); }.rule-foot { display:flex; justify-content:space-between; color:var(--faint); font-size:9px; }.execution-panel { margin-bottom:30px; }.timeline { padding:5px 18px 15px; }.timeline-item { min-height:60px; display:grid; grid-template-columns:67px 20px 1fr auto; align-items:center; gap:8px; border-bottom:1px solid var(--line); }.timeline-item:last-child{border:0}.timeline-item > span:first-child { color:var(--faint); font-size:9px; }.timeline-mark { width:8px; height:8px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 4px var(--brand-soft); }.timeline-item p { margin:0; font-size:11px; }.timeline-item p small { display:block; margin-top:4px; color:var(--faint); font-size:9px; }

.danger-number { color:var(--danger); }.account-list { padding:0 14px 14px; }.account-row { min-height:76px; display:grid; grid-template-columns:minmax(230px,1.2fr) .7fr .7fr .7fr .7fr auto; align-items:center; gap:12px; border-bottom:1px solid var(--line); }.account-row:last-child { border:0; }.account-main { display:flex; align-items:center; gap:10px; }.account-main p { margin:0; }.account-main strong,.account-main small { display:block; }.account-main small { margin-top:4px; color:var(--faint); font-size:9px; }.account-cell span { display:block; color:var(--faint); font-size:9px; }.account-cell b { display:block; margin-top:5px; font-size:11px; }.account-row .row-actions { justify-content:flex-end; }
.oauth-connection { margin-bottom:14px; padding:18px; }.oauth-loading { color:var(--muted); font-size:11px; }.oauth-brand { display:flex; align-items:center; gap:11px; }.oauth-brand > div { min-width:0; flex:1; }.oauth-brand strong,.oauth-brand small { display:block; }.oauth-brand small { margin-top:4px; color:var(--muted); font-size:10px; }.oauth-connection > p { margin:14px 0 0; color:var(--muted); font-size:10px; }.oauth-stats { margin-top:16px; display:grid; grid-template-columns:.55fr .55fr 1fr 1fr; border:1px solid var(--line); border-radius:6px; }.oauth-stats > div { padding:11px 13px; border-right:1px solid var(--line); }.oauth-stats > div:last-child { border:0; }.oauth-stats span,.oauth-stats strong { display:block; }.oauth-stats span { color:var(--faint); font-size:9px; }.oauth-stats strong { margin-top:5px; font-size:11px; }.oauth-advertisers { margin-top:12px; display:flex; flex-wrap:wrap; gap:7px; }.oauth-advertisers > span { padding:8px 10px; border:1px solid var(--line); border-radius:5px; background:#fafbfc; }.oauth-advertisers b,.oauth-advertisers small { display:block; }.oauth-advertisers b { font-size:10px; }.oauth-advertisers small { margin-top:3px; color:var(--faint); font-size:8px; }.oauth-actions { margin-top:14px; display:flex; align-items:center; gap:8px; }.danger-text { margin-left:auto; color:var(--danger); }.oauth-empty { padding:10px; border-radius:5px; background:#fff8e8; }
.team-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr); gap:14px; }.member-list { padding:0 18px 15px; }.member-row { min-height:68px; display:grid; grid-template-columns:minmax(180px,1fr) .7fr .7fr auto; align-items:center; gap:10px; border-bottom:1px solid var(--line); }.member-row:last-child { border:0; }.member-person { display:flex; align-items:center; gap:9px; }.member-person .avatar { color:white; }.member-person p { margin:0; }.member-person strong,.member-person small { display:block; }.member-person small { margin-top:4px; color:var(--faint); font-size:9px; }.role-panel { align-self:start; }.role-panel > div:not(.panel-header) { padding:0 16px; }.role-item { min-height:65px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line); }.role-item span:first-child { width:29px; height:29px; display:grid; place-items:center; border-radius:6px; background:#edf2f5; color:#526272; font-weight:700; }.role-item p { flex:1; margin:0; }.role-item strong,.role-item small { display:block; }.role-item small { margin-top:3px; color:var(--faint); font-size:9px; }.full-button { width:calc(100% - 32px); margin:14px 16px; border:1px dashed #bfc8d1; background:#fafbfc; color:var(--muted); }
.audit-list { padding:4px 18px 16px; }.audit-row { min-height:66px; display:grid; grid-template-columns:145px 42px minmax(200px,1.3fr) minmax(150px,.8fr) auto; align-items:center; gap:9px; border-bottom:1px solid var(--line); }.audit-row:last-child { border:0; }.audit-row time { color:var(--faint); font-size:9px; }.audit-avatar { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#e8edef; color:#53606c; font-size:10px; }.audit-row p { margin:0; }.audit-row p strong { display:block; font-size:11px; }.audit-row p small { display:block; margin-top:4px; color:var(--faint); font-size:9px; }.audit-object { color:#4d5966; font-size:10px; }

.modal-backdrop { position:fixed; inset:0; z-index:40; background:rgba(13,20,27,.48); opacity:0; pointer-events:none; transition:.18s; }.modal-backdrop.is-visible { opacity:1; pointer-events:auto; }.modal { position:fixed; z-index:41; top:50%; left:50%; width:min(680px,calc(100vw - 32px)); max-height:calc(100vh - 40px); overflow:auto; border:1px solid var(--line); border-radius:8px; background:white; box-shadow:var(--shadow); transform:translate(-50%,-48%) scale(.98); opacity:0; pointer-events:none; transition:.18s; }.modal.is-visible { transform:translate(-50%,-50%) scale(1); opacity:1; pointer-events:auto; }.small-modal { width:min(480px,calc(100vw - 32px)); }.modal-header { min-height:76px; padding:17px 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.modal-header h2 { margin:0; font-size:18px; }.modal-header .eyebrow { margin-bottom:3px; }.modal-close { font-size:19px; }.stepper { height:68px; padding:0 32px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); background:#fafbfc; }.stepper > div { display:flex; align-items:center; gap:7px; color:var(--faint); font-size:10px; }.stepper > div span { width:24px; height:24px; display:grid; place-items:center; border:1px solid #ccd2d9; border-radius:50%; background:white; }.stepper > div.is-active { color:var(--brand); }.stepper > div.is-active span { border-color:var(--brand); background:var(--brand); color:white; }.stepper > i { width:70px; height:1px; margin:0 10px; background:#dfe3e8; }.form-step { display:none; min-height:378px; padding:20px 24px; }.form-step.is-active { display:block; }.field { display:block; margin-bottom:16px; }.field > span { display:block; margin-bottom:7px; color:#4c5865; font-size:11px; font-weight:650; }.field input,.field select,.field textarea { width:100%; min-height:38px; padding:8px 10px; outline:0; }.field textarea { resize:vertical; line-height:1.6; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.option-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.option-card { min-height:92px; padding:10px; display:flex; flex-direction:column; align-items:center; border:1px solid var(--line); border-radius:6px; cursor:pointer; }.option-card.is-selected { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand); background:#f5fbfa; }.option-card input { display:none; }.option-card .platform { width:29px; height:29px; flex-basis:29px; }.option-card b { margin-top:6px; font-size:10px; }.option-card small { margin-top:3px; color:var(--faint); font-size:8px; }.input-prefix { display:flex; border:1px solid var(--line-strong); border-radius:6px; overflow:hidden; }.input-prefix b { width:36px; display:grid; place-items:center; background:#f6f7f8; color:var(--muted); }.input-prefix input { border:0; border-left:1px solid var(--line); border-radius:0; }.radio-line { min-height:40px; display:flex; gap:8px; align-items:center; }.radio-line label { flex:1; padding:10px; border:1px solid var(--line); border-radius:5px; font-size:10px; }.toggle-row { min-height:58px; padding:10px 12px; display:flex; align-items:center; border:1px solid var(--line); border-radius:6px; }.toggle-row > span { flex:1; }.toggle-row b,.toggle-row small { display:block; }.toggle-row small { margin-top:4px; color:var(--faint); font-size:9px; }.toggle-row input { display:none; }.toggle-row i { position:relative; width:36px; height:20px; border-radius:12px; background:var(--brand); }.toggle-row i::after { content:""; position:absolute; width:14px; height:14px; right:3px; top:3px; border-radius:50%; background:white; }.toggle-row input:not(:checked)+i { background:#c8d0d7; }.toggle-row input:not(:checked)+i::after { right:19px; }.combination-summary { margin-bottom:17px; padding:14px; display:flex; align-items:center; border:1px solid #cae6e1; border-radius:6px; background:#f4fbf9; }.combination-summary div { display:flex; align-items:baseline; gap:7px; }.combination-summary span,.combination-summary small { font-size:10px; color:var(--muted); }.combination-summary strong { font-size:23px; color:var(--brand); }.combination-summary p { margin-left:auto; color:var(--muted); font-size:10px; }.mini-assets { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.mini-assets label { position:relative; }.mini-assets input { position:absolute; z-index:2; top:7px; left:7px; width:auto; min-height:0; }.creative-thumb { position:relative; aspect-ratio:16/9; padding:10px; display:flex; flex-direction:column; justify-content:flex-end; border:2px solid transparent; border-radius:6px; overflow:hidden; }.mini-assets input:checked + .creative-thumb { border-color:var(--brand); }.creative-thumb::before { content:""; position:absolute; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.55); right:15px; top:8px; }.creative-thumb b,.creative-thumb small { position:relative; z-index:1; }.creative-thumb b { font-size:10px; }.creative-thumb small { margin-top:3px; color:#57636e; font-size:8px; }.creative-a { background:#cfe6e0; }.creative-b { background:#fae2c4; }.creative-c { background:#e2def0; }.modal-footer { min-height:65px; padding:13px 20px; display:flex; align-items:center; gap:10px; border-top:1px solid var(--line); }.modal-footer #stepHint { margin:auto; color:var(--faint); font-size:10px; }.generic-body { padding:20px; color:#4d5967; line-height:1.65; }.generic-body .field:last-child { margin-bottom:0; }.generic-body p { margin:0; }.generic-body .connect-options { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.connect-option { padding:14px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:6px; background:white; text-align:left; }.connect-option:hover { border-color:var(--brand); background:#f6fbfa; }
.toast-stack { position:fixed; right:20px; top:80px; z-index:60; display:flex; flex-direction:column; gap:8px; }.toast { min-width:250px; max-width:360px; padding:12px 14px; display:flex; align-items:center; gap:10px; border:1px solid #cfe1dc; border-radius:6px; background:white; box-shadow:var(--shadow); animation:toast-in .2s ease; }.toast i { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:var(--success-soft); color:var(--success); font-style:normal; }.toast p { margin:0; font-size:11px; }.toast small { display:block; margin-top:3px; color:var(--faint); font-size:9px; }@keyframes toast-in { from{opacity:0;transform:translateX(10px)} }

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns:repeat(2,1fr); }
  .analytics-grid { grid-template-columns:1fr; }
  .asset-grid { grid-template-columns:repeat(3,1fr); }
  .rules-grid { grid-template-columns:repeat(2,1fr); }
  .account-row { grid-template-columns:minmax(230px,1.2fr) repeat(3,.7fr) auto; }.account-row .hide-tablet { display:none; }
}
@media (max-width: 880px) {
  .sidebar { transform:translateX(-100%); transition:.2s; box-shadow:var(--shadow); }.sidebar.is-open { transform:none; }
  .main { margin-left:0; }.menu-button { display:inline-grid; }.workspace { padding:20px; }.topbar { padding:0 20px; }.search-box { width:190px; }.search-box kbd { display:none; }
  .stat-strip,.account-summary,.automation-summary { grid-template-columns:repeat(2,1fr); }.stat-strip > div:nth-child(2),.account-summary > div:nth-child(2),.automation-summary > div:nth-child(2) { border-right:0; }.stat-strip > div:nth-child(-n+2),.account-summary > div:nth-child(-n+2),.automation-summary > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .automation-summary .automation-hero { grid-column:1/-1; border-right:0; }.rules-grid { grid-template-columns:1fr 1fr; }.team-layout { grid-template-columns:1fr; }.asset-grid { grid-template-columns:repeat(2,1fr); }.asset-insights { grid-template-columns:repeat(3,1fr); }.asset-insights p { grid-column:1/-1; padding:10px 0 0; margin-top:10px; border-top:1px solid var(--line); }
}
@media (max-width: 620px) {
  .auth-brand { left: 20px; top: 20px; }.auth-brand small { display: none; }.auth-panel { padding: 25px 20px; }
  .workspace { padding:16px; }.topbar { height:57px; padding:0 12px; }.crumb span,.crumb b { display:none; }.search-box { display:none; }.topbar .primary-button { width:36px; padding:0; overflow:hidden; font-size:0; }.topbar .primary-button::first-letter { font-size:16px; }
  .page-heading { display:block; }.page-heading .heading-actions,.page-heading > .primary-button,.page-heading > .quiet-button { margin-top:14px; }.heading-actions { flex-wrap:wrap; }.segmented { width:100%; }.segmented button { flex:1; }.metric-grid { grid-template-columns:1fr 1fr; gap:8px; }.metric-card { min-height:110px; padding:13px; }.metric-card strong { font-size:19px; }.analytics-grid { gap:8px; }.chart-wrap { height:235px; }.risk-banner { align-items:flex-start; }.risk-banner .text-button { display:none; }
  .stat-strip,.account-summary { grid-template-columns:1fr 1fr; }.stat-strip > div,.account-summary > div { min-height:80px; padding:13px; }.filterbar { flex-wrap:wrap; }.filterbar .inline-search { width:100%; }.filter-result { margin-left:0; width:100%; }.rules-grid { grid-template-columns:1fr; }.automation-summary { grid-template-columns:1fr; }.automation-summary > div,.automation-summary > div:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); }.automation-summary .automation-hero { grid-column:auto; }
  .oauth-stats { grid-template-columns:1fr 1fr; }.oauth-stats > div:nth-child(2) { border-right:0; }.oauth-stats > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.oauth-actions { flex-wrap:wrap; }.danger-text { margin-left:0; }
  .asset-layout { grid-template-columns:1fr; }.folder-tree { display:none; }.asset-content { padding-left:0; }.asset-grid { grid-template-columns:1fr 1fr; gap:8px; }.asset-insights { grid-template-columns:1fr 1fr; }.asset-insights > div { padding:6px 0; }.asset-insights > div:nth-child(2) { border:0; }.asset-toolbar .inline-search { display:none; }.team-layout { grid-template-columns:1fr; }.member-row { grid-template-columns:1fr auto; }.member-row > span:nth-child(2),.member-row > span:nth-child(3) { display:none; }.account-row { grid-template-columns:1fr auto; }.account-row .account-cell { display:none; }.audit-row { grid-template-columns:70px 30px 1fr; }.audit-row .audit-object,.audit-row .tag { display:none; }
  .option-grid { grid-template-columns:repeat(2,1fr); }.field-row { grid-template-columns:1fr; gap:0; }.stepper { padding:0 12px; }.stepper > i { width:20px; }.stepper > div b { display:none; }.form-step { padding:17px; }.mini-assets { grid-template-columns:1fr 1fr; }.combination-summary p { display:none; }.modal-footer { position:sticky; bottom:0; background:white; }
}

/* Ocean Engine production workspace */
.live-dot{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.oe-control-panel{padding:22px;margin-bottom:18px}
.oe-control-grid{display:grid;grid-template-columns:minmax(260px,.7fr) 1.8fr;gap:24px;align-items:end}
.oe-resource-picker{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 16px}
.oe-resource-picker legend{font-size:12px;color:var(--muted);margin-bottom:10px}
.oe-resource-picker label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.oe-resource-picker input{accent-color:var(--brand)}
.oe-hint{margin:14px 0 0;color:var(--muted);font-size:13px}
.oe-date-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.oe-date-actions .field{width:150px;margin:0}.oe-date-actions .quiet-button{height:38px}
.oe-metrics{margin:0 0 18px}
.oe-report-panel{margin-bottom:18px}.oe-report-panel .stat-strip{margin:0;border-left:0;border-right:0;border-radius:0}
.oe-report-panel .stat-strip>div{min-height:82px}.oe-report-panel table td,.oe-report-panel table th{text-align:right}
.oe-report-panel table td:first-child,.oe-report-panel table th:first-child{text-align:left}
.compact-select{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.compact-select select{min-width:140px;height:36px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:0 28px 0 10px}
.table-wrap{overflow:auto}.table-wrap table{min-width:760px}
.empty-cell{text-align:center!important;color:var(--muted);padding:34px!important}
.oe-job-list{display:grid;padding:0 18px}
.oe-job{display:grid;grid-template-columns:minmax(190px,.8fr) 1.6fr auto auto;gap:16px;align-items:center;padding:15px 2px;border-bottom:1px solid var(--line)}
.oe-job:last-child{border-bottom:0}.oe-job div{display:grid;gap:4px}.oe-job small,.oe-job p{color:var(--muted);font-size:12px}.oe-job p{margin:0}
@media (max-width:900px){.oe-control-grid{grid-template-columns:1fr}.oe-job{grid-template-columns:1fr auto}.oe-job p{grid-column:1/-1}.oe-date-actions .field{width:calc(50% - 5px)}}
.oe-creation-note{display:grid;gap:3px;margin-bottom:18px;padding:13px 15px;border:1px solid #cce4df;border-radius:7px;background:#f3faf8}.oe-creation-note strong{color:var(--brand-dark);font-size:13px}.oe-creation-note span{color:var(--muted);font-size:11px}.oe-creation-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.oe-creation-grid .span-2{grid-column:1/-1}.oe-material-picker{margin:2px 0 15px;padding:13px;border:1px solid var(--line);border-radius:7px}.oe-material-picker legend{padding:0 6px;color:var(--muted);font-size:11px;font-weight:650}.oe-material-picker>label{display:inline-flex;align-items:center;gap:7px;margin-right:18px;font-size:11px}.oe-material-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:210px;overflow:auto}.oe-material-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fff}.oe-material-row span,.oe-material-row b,.oe-material-row small{display:block}.oe-material-row b{font-size:11px}.oe-material-row small{margin-top:2px;color:var(--faint);font-size:9px}.oe-creation-advanced{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}.oe-creation-advanced summary{cursor:pointer;color:var(--brand);font-size:11px;font-weight:650}.oe-creation-advanced p{margin:8px 0!important;color:var(--muted);font-size:10px}.oe-creation-advanced textarea{width:100%;padding:10px;border:1px solid var(--line-strong);border-radius:6px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.oe-creation-section{margin:0 0 16px;padding:14px 15px 1px;border:1px solid var(--line);border-radius:7px}.oe-creation-section h3{margin:0 0 13px;font-size:12px}.oe-creation-section .oe-material-picker{grid-column:1/-1}.oe-load-field{display:flex;flex-direction:column;align-items:stretch}.oe-load-field .quiet-button{height:38px}.oe-creation-section input[type="checkbox"]{accent-color:var(--brand)}
.wide-modal{width:min(900px,calc(100vw - 32px))}.oe-batch-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:14px}.oe-batch-layout aside{min-width:0}.oe-batch-preview{position:sticky;top:0;min-height:130px;padding:16px;border:1px solid #cce4df;border-radius:7px;background:#f3faf8}.oe-batch-preview>strong{display:inline-block;margin-right:7px;color:var(--brand-dark);font-size:27px}.oe-batch-preview>span{color:var(--muted);font-size:11px}.oe-batch-preview ul{max-height:180px;margin:12px 0 0;padding:10px 0 0 19px;overflow:auto;border-top:1px solid #d9ebe7;color:#53616d;font-size:10px;line-height:1.8}.oe-batch-preview.is-error{border-color:#efc8c8;background:#fff7f7}.oe-batch-preview.is-error>strong{color:var(--danger)}
@media (max-width:760px){.oe-batch-layout{grid-template-columns:1fr}.oe-batch-preview{position:static}}@media (max-width:620px){.oe-creation-grid,.oe-material-list{grid-template-columns:1fr}.oe-creation-grid .span-2{grid-column:auto}}

/* Apple-inspired product surface */
:root{--bg:#f5f5f7;--panel:#fff;--panel-soft:#fafafa;--line:#e5e5ea;--line-strong:#d1d1d6;--text:#1d1d1f;--muted:#6e6e73;--faint:#8e8e93;--brand:#0071e3;--brand-dark:#0066cc;--brand-soft:#eaf3fd;--blue:#0071e3;--blue-soft:#eaf3fd;--success:#248a3d;--success-soft:#eaf7ed;--shadow:0 12px 34px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif}
body{background:radial-gradient(circle at 75% 0,rgba(0,113,227,.05),transparent 28%),var(--bg);-webkit-font-smoothing:antialiased}.auth-screen{background:radial-gradient(circle at 68% 12%,rgba(0,113,227,.1),transparent 24%),#f5f5f7}.auth-panel{background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(0,0,0,.11);backdrop-filter:blur(28px) saturate(160%)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,113,227,.18)}
.sidebar{width:244px;padding:19px 13px 13px;background:rgba(20,20,22,.97);backdrop-filter:blur(28px) saturate(150%)}.brand-mark{background:linear-gradient(145deg,#2d8cff,#0066cc);box-shadow:0 5px 14px rgba(0,113,227,.3)}.brand small{border-color:#3a3a3c;background:#2c2c2e;color:#a1a1a6}.nav-item{height:43px;border-radius:8px;color:#a1a1a6;transition:background-color .16s,color .16s,transform .16s}.nav-item:hover{background:#2c2c2e;color:#fff}.nav-item:active{transform:scale(.985)}.nav-item.is-active{background:#333336;color:#fff}.nav-item.is-active::before{left:-13px;width:3px;border-radius:2px;background:#0a84ff}.nav-count{background:#3a3a3c}.nav-label{color:#636366}.sync-state{border-color:#38383a;background:#242426}.sync-pulse,.live-dot{background:#30d158;box-shadow:0 0 0 4px rgba(48,209,88,.12)}.profile-button{border-radius:8px}.profile-button:hover{background:#2c2c2e}.avatar{background:#3a3a3c;color:#fff}.main{margin-left:244px}.topbar{height:62px;padding:0 30px;border-color:rgba(60,60,67,.12);background:rgba(250,250,252,.78);backdrop-filter:blur(22px) saturate(160%)}.workspace{padding:30px;max-width:1700px}.page-heading h1{font-size:28px;font-weight:720}.eyebrow{color:var(--blue);letter-spacing:0}.panel,.metric-card,.stat-strip,.account-summary,.asset-card,.rule-card{border-color:rgba(60,60,67,.12);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.025)}.metric-card{background:rgba(255,255,255,.9)}.primary-button{border-color:var(--blue);background:var(--blue)}.primary-button:hover{border-color:#0077ed;background:#0077ed}.quiet-button,.filter-button,.icon-button{border-color:#d2d2d7;background:rgba(255,255,255,.86)}.quiet-button:hover,.filter-button:hover,.icon-button:hover{border-color:#b8b8bd;background:#fff}.segmented{border:0;background:#e9e9ed}.segmented button.is-active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1)}.field input,.field select,.field textarea,.filterbar select{border-color:#d2d2d7}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,113,227,.12)}.modal{border-color:rgba(60,60,67,.16);background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(0,0,0,.2);backdrop-filter:blur(24px) saturate(150%)}.toast{border-color:rgba(60,60,67,.13);border-radius:8px}.admin-console-link{height:42px;margin:0 0 17px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #cfe3f8;border-radius:7px;background:#f3f8fe;color:var(--blue);font-size:11px;font-weight:650;text-decoration:none}.view{contain:layout style}.view.is-active{animation:apple-view-in .2s cubic-bezier(.2,.75,.3,1)}@keyframes apple-view-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}::view-transition-old(root){animation:apple-fade-out .12s ease both}::view-transition-new(root){animation:apple-fade-in .2s cubic-bezier(.2,.75,.3,1) both}@keyframes apple-fade-out{to{opacity:.2}}@keyframes apple-fade-in{from{opacity:.35}to{opacity:1}}
@media(max-width:880px){.main{margin-left:0}.sidebar{width:244px}.workspace{padding:20px}}@media(max-width:620px){.workspace{padding:16px}.topbar{background:rgba(250,250,252,.88)}.page-heading h1{font-size:25px}}