@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--radius-panel: 16px;--radius-card: 12px;--radius-control: 10px;--radius-pill: 999px;--transition: .15s ease;--accent: #3b82f6;--realtime: #3b82f6;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--history: #7c5cd0;--neutral: #64748b;font-family:Plus Jakarta Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-accent: rgba(59, 130, 246, .06);--surface: #111a2b;--surface-2: #0e1626;--surface-hover: rgba(148, 172, 210, .06);--elevated: #16223a;--border: rgba(148, 172, 210, .14);--border-strong: rgba(148, 172, 210, .26);--ring: rgba(59, 130, 246, .35);--text: #e8eef8;--text-soft: #9aabc4;--text-faint: #6a7c96;--text-invert: #f8fafc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .34);--accent-strong: #60a5fa;--accent-soft: rgba(59, 130, 246, .16);--realtime-soft: rgba(59, 130, 246, .16);--success-soft: rgba(22, 163, 74, .18);--warning-soft: rgba(217, 119, 6, .18);--danger-soft: rgba(220, 38, 38, .18);--history-soft: rgba(124, 92, 208, .2);--neutral-soft: rgba(100, 116, 139, .2);--success-text: #6ee7a8;--warning-text: #fbbf6b;--danger-text: #fb9797;--realtime-text: #7fb0ff;--history-text: #c3b1f0;--neutral-text: #cbd5e1}:root[data-theme=light]{color-scheme:light;--bg: #eef1f7;--bg-accent: rgba(59, 130, 246, .05);--surface: #ffffff;--surface-2: #f6f8fc;--surface-hover: rgba(15, 23, 42, .035);--elevated: #ffffff;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--ring: rgba(59, 130, 246, .3);--text: #0f172a;--text-soft: #55627a;--text-faint: #94a3b8;--text-invert: #ffffff;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--accent-strong: #2563eb;--accent-soft: rgba(59, 130, 246, .1);--realtime-soft: rgba(59, 130, 246, .1);--success-soft: rgba(22, 163, 74, .12);--warning-soft: rgba(217, 119, 6, .14);--danger-soft: rgba(220, 38, 38, .1);--history-soft: rgba(124, 92, 208, .12);--neutral-soft: rgba(100, 116, 139, .12);--success-text: #15803d;--warning-text: #b45309;--danger-text: #b91c1c;--realtime-text: #1d4ed8;--history-text: #6d43c8;--neutral-text: #475569}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;color:var(--text);font-weight:700;letter-spacing:-.01em}button,input,textarea,select{font:inherit}button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);padding:9px 14px;font-weight:600;font-size:13px;box-shadow:var(--shadow-sm);transition:border-color var(--transition),background var(--transition),color var(--transition),opacity var(--transition)}button:hover{border-color:var(--border-strong);background:var(--surface-hover)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled{opacity:.38;filter:grayscale(.35);cursor:not-allowed;box-shadow:none}button.ghost{background:transparent;box-shadow:none;border-color:var(--border)}button.ghost:hover{background:var(--surface-hover)}a.ghost{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--text);padding:9px 14px;font-weight:600;font-size:13px;text-decoration:none;transition:border-color var(--transition),background var(--transition),color var(--transition),opacity var(--transition)}a.ghost:hover{border-color:var(--border-strong);background:var(--surface-hover)}button.subtle{box-shadow:none;padding:6px 10px;font-size:12px}.button-icon{display:inline-flex;align-items:center;justify-content:center}.button-icon svg{width:15px;height:15px}button.btn-primary,button.btn-live,button.btn-danger{padding:10px 16px;font-weight:700}button.btn-primary,button.btn-live{color:#fff;border-color:transparent}button.btn-primary{background:var(--accent)}button.btn-primary:hover{background:var(--accent-strong)}button.btn-live{background:var(--success)}button.btn-live:hover{filter:brightness(1.08)}button.btn-realtime{background:var(--realtime-soft);border-color:transparent;color:var(--realtime-text)}button.btn-warning{background:var(--warning-soft);border-color:transparent;color:var(--warning-text)}button.btn-danger{background:var(--danger);border-color:transparent;color:#fff}button.btn-danger.subtle,button.danger{background:transparent;color:var(--danger-text);border-color:var(--border);padding:6px 10px;font-weight:600}button.btn-neutral{background:var(--surface)}button.btn-realtime:hover,button.btn-warning:hover,button.btn-danger:hover{filter:brightness(1.06)}input,textarea,select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);padding:9px 11px;transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-soft)}.switch{flex-direction:row;align-items:center;gap:10px;color:var(--text-soft)}.switch input{width:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:11px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}thead th{position:sticky;top:0;z-index:2;white-space:nowrap;background:var(--surface-2);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}th button.table-sort{border:none;background:transparent;box-shadow:none;padding:0;font:inherit;color:inherit;gap:4px}th button.table-sort:hover{background:transparent;color:var(--text)}tbody td{font-size:13.5px;color:var(--text)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--surface-hover)}.row-totals td{position:sticky;top:36px;z-index:1;background:var(--surface-2);font-weight:700;color:var(--text);border-bottom:2px solid var(--border)}.table-wrap{overflow:auto;max-height:520px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.table-wrap.compact{max-height:380px}.wrap-text{max-width:340px;word-break:break-word}tbody tr[onclick],.table-wrap tbody tr{cursor:pointer}.row-selected{background:var(--accent-soft)!important}.row-selected td{color:var(--text)}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.auth-shell,.public-shell{min-height:100vh;padding:40px 24px}.auth-shell{display:grid;place-items:center}.public-shell{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.web-shell{max-width:1720px;margin:0 auto;padding:22px;display:grid;grid-template-columns:264px minmax(0,1fr);gap:22px;align-items:start}.panel,.auth-card,.public-hero,.section-card,.raw-box{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-sm)}.panel,.auth-card,.public-hero,.section-card{padding:20px}.auth-card{width:min(460px,100%)}.status-line-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--text-soft)}.status-line-list strong{color:var(--text)}.status-line-warn{color:var(--warning-text)}.session-inline-detail{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border)}.nested-table{margin-top:8px;font-size:12.5px}.nested-table th,.nested-table td{padding:6px 10px}.nested-table thead th{position:static}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.helper-text{color:var(--text-soft);font-size:13px}.auth-card h1,.public-hero h1{font-size:26px;line-height:1.15;margin-bottom:8px}.auth-card p,.public-hero p{color:var(--text-soft);margin:0 0 16px}.notice{position:fixed;top:18px;right:18px;z-index:20;width:min(420px,calc(100vw - 36px));padding:12px 14px;border-radius:var(--radius-control);border:1px solid transparent;font-size:13px;font-weight:600;box-shadow:var(--shadow-md)}.notice.success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success-text)}.notice.error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger-text)}.notice.info{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--realtime-text)}.app-sidebar{position:sticky;top:22px;display:flex;flex-direction:column;gap:16px}.sidebar-brand,.sidebar-footer{padding:18px}.sidebar-brand h1{font-size:22px;margin-bottom:6px}.sidebar-brand p{margin:0;color:var(--text-soft);font-size:12.5px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:var(--radius-control);border-color:transparent;background:transparent;box-shadow:none}.nav-item:hover{background:var(--surface-hover)}.nav-item-icon,.section-tab-icon,.metric-icon{display:inline-flex;align-items:center;justify-content:center}.nav-item-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.nav-item-icon svg,.section-tab-icon svg,.metric-icon svg{width:17px;height:17px}.nav-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-item strong{font-size:13.5px;line-height:1.2;color:var(--text);font-weight:600}.nav-item span{font-size:11.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.active{background:var(--accent-soft)}.nav-item.active strong{color:var(--accent-strong)}.nav-item.active .nav-item-icon{background:var(--accent);border-color:transparent;color:#fff}.sidebar-footer{display:flex;flex-direction:column;gap:12px}.user-meta{display:flex;align-items:center;gap:10px}.user-chip,.link-index{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700;border:1px solid var(--border)}.user-chip{width:36px;height:36px;font-size:12px}.link-index{width:40px;height:40px}.sidebar-footer .helper-text{font-size:12px}.theme-toggle{justify-content:flex-start;gap:10px}.app-main{display:flex;flex-direction:column;gap:18px;min-width:0}.context-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 16px}.context-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.context-heading h2{font-size:20px}.panel-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.panel-header h2{font-size:17px;font-weight:700;margin-bottom:3px;display:flex;align-items:center;gap:10px}.panel-header h2:before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:var(--radius-pill);background:var(--card-accent, var(--accent))}.section-card>.panel-header{padding:4px 0 14px;margin-bottom:16px;border-bottom:1px solid var(--border)}.section-card>.panel-header:after{content:"";position:absolute;left:-20px;right:-20px;top:-20px;height:calc(100% + 4px);background:linear-gradient(180deg,var(--card-accent, var(--accent)) 0%,transparent 100%);opacity:.05;pointer-events:none;z-index:0}.section-card>.panel-header{position:relative}.section-card>.panel-header>*{position:relative;z-index:1}.panel-actions,.form-actions,.inline-form,.token-row,.link-add-row,.action-cell{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form input,.inline-form select{width:auto;min-width:150px}.context-selector-row{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.context-selector-row select{width:auto;min-width:260px}.stack-actions{display:flex;flex-direction:column;gap:6px}.stack-actions.compact{gap:4px}.stack-actions code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--text-soft);word-break:break-all}.action-cell.wrap{flex-wrap:wrap}.workspace-stack{display:flex;flex-direction:column;gap:18px}.workspace-grid,.form-grid,.metrics-grid,.mini-status-grid{display:grid;gap:14px}.workspace-grid.two-column,.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid.campaign-layout{grid-template-columns:320px minmax(0,1fr)}.detail-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.metrics-grid,.metrics-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-section-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.section-tab{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:92px;text-align:left;border:1px solid rgba(191,219,254,.6);background:linear-gradient(135deg,#94a3b847,#7dd3fc3d 48%,#bfdbfe33);box-shadow:inset 0 0 0 1px #bfdbfe2e,0 10px 22px #0f172a1f;padding:16px;color:var(--text)}.section-tab:hover{border-color:#7dd3fc75;background:linear-gradient(135deg,#94a3b857,#7dd3fc4d 48%,#bfdbfe42);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #bfdbfe33,0 14px 26px #0f172a29}.section-tab-icon{width:44px;height:44px;border-radius:14px;background:#ffffff29;color:var(--accent-strong);border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.section-tab strong{font-size:14px;line-height:1.2;color:var(--text);font-weight:800}.section-tab-copy span:last-child{display:block;color:var(--text-soft);font-size:12px;line-height:1.45}.section-tab.active{border:1px solid rgba(125,211,252,.22);background:linear-gradient(135deg,#10b981eb,#06b6d4e6 52%,#3b82f6e0);box-shadow:0 14px 28px #082f4938;color:#f8fafc}.section-tab.active:hover{border-color:#a5f3fc75;background:linear-gradient(135deg,#14b8a6f5,#0ea5e9f0 58%,#2563ebeb);box-shadow:0 18px 34px #082f4947}.section-tab.active strong{color:#fff}.section-tab.active .section-tab-copy span:last-child{color:#ffffffdb}.section-tab.active .section-tab-icon{background:#ffffff2e;color:#fff;border-color:#fff3}:root[data-theme=light] .section-tab{border-color:#0891b23d;background:linear-gradient(135deg,#ecfdf5fa,#e0f2fefa 48%,#dbeafefa);box-shadow:inset 0 0 0 1px #0891b214,0 10px 24px #0e74901a}:root[data-theme=light] .section-tab:hover{border-color:#0891b257;background:linear-gradient(135deg,#dcfce7fa,#e0f2fe 48%,#dbeafe);box-shadow:inset 0 0 0 1px #0891b21f,0 14px 28px #0e74901f}:root[data-theme=light] .section-tab.active{border-color:#0e74902e;background:linear-gradient(135deg,#10b981eb,#06b6d4e6 52%,#3b82f6e0);box-shadow:0 12px 24px #0e749024}:root[data-theme=light] .section-tab.active:hover{border-color:#0e749047;background:linear-gradient(135deg,#14b8a6f5,#0ea5e9f0 58%,#2563ebeb);box-shadow:0 16px 30px #0e749029}.campaign-workspace-card{overflow:hidden}.campaign-workspace-card:after{content:"";position:absolute;top:18px;right:24px;width:220px;height:120px;pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--warning) 22%,transparent) 0%,transparent 58%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 62%);opacity:.7}.campaign-workspace-intro{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:2px 0 18px;margin-bottom:16px;border-bottom:1px solid var(--border)}.campaign-workspace-copy{display:flex;flex-direction:column;gap:6px;max-width:760px}.campaign-workspace-copy strong{font-size:18px;line-height:1.2;color:var(--text)}.campaign-workspace-copy span{color:var(--text-soft);font-size:13px;line-height:1.55}.section-card[class*=theme-]{position:relative;overflow:hidden}.section-card.theme-blue{--card-accent: var(--accent)}.section-card.theme-green{--card-accent: var(--success)}.section-card.theme-orange{--card-accent: var(--warning)}.section-card.theme-purple{--card-accent: var(--history)}.section-card.theme-red{--card-accent: var(--danger)}.section-card[class*=theme-]:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent, var(--accent));opacity:.7}.campaign-list{display:flex;flex-direction:column;gap:10px}.campaign-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;text-align:left;padding:14px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface-2);box-shadow:none}.campaign-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.campaign-card.active{border-color:var(--accent);background:var(--accent-soft)}.campaign-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.campaign-card-top strong{font-size:14px;min-width:0;flex:1}.campaign-card-top .badge{flex:0 0 auto}.campaign-card-meta{color:var(--text-soft);font-size:12px;margin-top:2px}.campaign-card-stats{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint)}.campaign-card-stats strong{color:var(--text-soft);font-weight:600}.campaign-comparison-list{display:flex;flex-direction:column;gap:14px}.campaign-comparison-row{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border)}.campaign-comparison-row:last-child{padding-bottom:0;border-bottom:0}.campaign-comparison-heading,.runtime-control-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.campaign-comparison-heading span{color:var(--text-faint);font-size:12px}.comparison-metric{display:grid;grid-template-columns:42px minmax(80px,1fr) 82px;gap:10px;align-items:center;color:var(--text-faint);font-size:12px}.comparison-metric strong{color:var(--text-soft);text-align:right}.comparison-track{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.comparison-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.comparison-metric.views .comparison-track i{background:var(--history)}.runtime-control-row>div:first-child{min-width:0}@media(max-width:720px){.runtime-control-row{align-items:stretch;flex-direction:column}.comparison-metric{grid-template-columns:38px minmax(60px,1fr) 72px}}.campaign-form,.auth-form{display:flex;flex-direction:column;gap:14px}.auth-google-block{margin-top:18px}.auth-divider{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:var(--text-soft);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-google-button{display:flex;justify-content:center;min-height:40px}.auth-google-block .helper-text{text-align:center;margin-top:10px}.link-list{display:flex;flex-direction:column;gap:10px}.link-add-row input{flex:1;min-width:180px}.link-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.info-list{display:flex;flex-direction:column}.info-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}.info-list>div:last-child{border-bottom:0}.info-list span{color:var(--text-soft);font-size:13px}.info-list strong{color:var(--text);text-align:right}.highlight-compact{padding:14px}.highlight-compact>.panel-header{padding-bottom:8px;margin-bottom:8px}.compact-highlight-list>div{padding:7px 0}.compact-highlight-list span{font-size:11.5px}.compact-highlight-list strong{font-size:13px}.checklist{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.check-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface-2)}.check-item:before{content:"";width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--accent)}.check-item strong{display:block;margin-bottom:2px;color:var(--text);font-size:13.5px}.check-item span{color:var(--text-soft);font-size:12.5px}.metric-card{position:relative;overflow:hidden;padding:16px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--metric-accent, var(--neutral))}.metric-card-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.metric-card-header>span:first-child{color:var(--text-soft);font-size:12px;font-weight:600;letter-spacing:.02em}.metric-card strong{display:block;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--text);font-weight:700}.metric-card small{display:block;margin-top:6px;font-size:12px;color:var(--text-faint)}.metric-icon{width:30px;height:30px;border-radius:9px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border)}.metric-realtime{--metric-accent: var(--realtime);--metric-strong: var(--realtime-text)}.metric-live{--metric-accent: var(--success);--metric-strong: var(--success-text)}.metric-peak{--metric-accent: var(--warning);--metric-strong: var(--warning-text)}.metric-history{--metric-accent: var(--history);--metric-strong: var(--history-text)}.metric-danger{--metric-accent: var(--danger);--metric-strong: var(--danger-text)}.metric-offline,.metric-default{--metric-accent: var(--neutral);--metric-strong: var(--text)}.metric-realtime .metric-icon{color:var(--realtime-text);background:var(--realtime-soft);border-color:transparent}.metric-live .metric-icon{color:var(--success-text);background:var(--success-soft);border-color:transparent}.metric-peak .metric-icon{color:var(--warning-text);background:var(--warning-soft);border-color:transparent}.metric-history .metric-icon{color:var(--history-text);background:var(--history-soft);border-color:transparent}.metric-danger .metric-icon{color:var(--danger-text);background:var(--danger-soft);border-color:transparent}.metric-priority-hero,.metric-card.highlight{border-color:color-mix(in srgb,var(--metric-accent) 42%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--metric-accent) 16%,var(--surface)) 0%,var(--surface) 130%);box-shadow:var(--shadow-md)}.metric-priority-hero:before,.metric-card.highlight:before{width:4px}.metric-priority-hero strong,.metric-card.highlight strong{font-size:32px;color:var(--metric-strong)}.metric-priority-hero .metric-card-header>span:first-child,.metric-card.highlight .metric-card-header>span:first-child{color:var(--text)}.metric-priority-feature{border-color:color-mix(in srgb,var(--metric-accent) 26%,var(--border));background:color-mix(in srgb,var(--metric-accent) 7%,var(--surface))}.metric-priority-feature strong{font-size:26px;color:var(--metric-strong)}.metric-priority-regular strong{font-size:22px}.metric-priority-info{background:var(--surface-2)}.metric-priority-info strong{font-size:16px;font-weight:600;color:var(--text-soft)}.metric-priority-info:before{opacity:.4}.metrics-cluster{gap:14px}.badge,.freshness{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:600;border:1px solid transparent}.badge:before,.freshness:before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.badge{background:var(--neutral-soft);color:var(--neutral-text)}.platform-tiktok{background:var(--history-soft);color:var(--history-text)}.platform-youtube{background:var(--danger-soft);color:var(--danger-text)}.platform-facebook,.platform-unknown{background:var(--accent-soft);color:var(--realtime-text)}.status-live,.status-running,.status-active,.freshness-fresh{background:var(--success-soft);color:var(--success-text)}.status-draft,.status-waiting,.status-checking{background:var(--neutral-soft);color:var(--neutral-text)}.status-paused,.status-stopped,.status-ended,.freshness-warn{background:var(--warning-soft);color:var(--warning-text)}.status-error,.status-connection_lost,.status-reconnecting,.freshness-stale{background:var(--danger-soft);color:var(--danger-text)}.badge-role-superadmin{background:var(--accent-soft);color:var(--accent-strong)}.badge-kol-tag{padding:1px 7px;font-size:10px;background:var(--accent-soft);color:var(--accent-strong)}.user-row-avatar{width:32px;height:32px;font-size:11px;flex:none}.metric-cell.freshness-warn{color:var(--warning-text);font-weight:700}.metric-cell.freshness-stale{color:var(--danger-text);font-weight:700}.raw-box{padding:0;overflow:hidden;background:var(--surface-2)}.raw-box summary{cursor:pointer;padding:12px 14px;font-weight:600;font-size:13px;color:var(--text)}.raw-box pre{padding:0 14px 14px;color:var(--text-soft)}.empty-state{padding:26px 20px;text-align:center;color:var(--text-soft)}.empty-state strong{display:block;margin-bottom:6px;font-size:15px;color:var(--text)}.empty-state p{margin:0;font-size:13px}.empty-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.chart-block{display:flex;flex-direction:column;gap:10px}.chart-title-row,.chart-meta{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-soft)}.chart-title-row strong{color:var(--text);font-size:14px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:var(--border);stroke-dasharray:4 4}.chart-axis-text{fill:var(--text-faint);font-size:11px}.chart-crosshair{stroke:var(--text-soft);stroke-dasharray:4 4;opacity:.65}.chart-peak-label{fill:var(--warning-text);font-weight:700}.chart-tooltip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-soft);font-size:12px}.chart-tooltip strong{color:var(--text)}.compact-chart-grid{gap:14px}.segmented-control{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-2)}.segmented-control button{padding:6px 10px;border:0;box-shadow:none;background:transparent}.segmented-control button.active{background:var(--accent-soft);color:var(--accent-strong)}.channels-view-tabs{margin-bottom:12px}.col-stt{width:36px;min-width:36px;text-align:center;color:var(--text-muted, var(--helper-text, #94a3b8))}.detail-identity,.pagination-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.detail-identity{padding:12px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-2)}.detail-identity h3{font-size:18px;margin-bottom:4px}.identity-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-action{justify-content:flex-end}.pagination-row{margin-top:10px;color:var(--text-soft);font-size:13px}.chart-toolbar{justify-content:flex-end;margin-bottom:8px}.stat-strip{display:flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-2);overflow:hidden}.stat-strip .stat{flex:1 1 130px;min-width:120px;padding:9px 14px;border-right:1px solid var(--border)}.stat-strip .stat:last-child{border-right:0}.stat-strip .stat>span{display:block;font-size:11px;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.stat-strip .stat>strong{display:block;margin-top:2px;font-size:17px;font-weight:700;color:var(--text);line-height:1.2}.stat-strip .stat.accent-realtime>strong{color:var(--realtime-text)}.stat-strip .stat.accent-peak>strong{color:var(--warning-text)}.stat-strip .stat.accent-history>strong{color:var(--history-text)}.summary-secondary{display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--text-soft);font-size:13px}.summary-secondary strong{color:var(--text);font-weight:700}.detail-expand{border-top:1px solid var(--border);padding-top:12px}.detail-expand>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-soft)}.detail-expand>summary::-webkit-details-marker{display:none}.detail-expand>summary:before{content:"›";font-size:15px;transition:transform var(--transition)}.detail-expand[open]>summary:before{transform:rotate(90deg)}.detail-expand[open]>summary{color:var(--text);margin-bottom:12px}.col-secondary{color:var(--text-soft);font-weight:400}thead th.col-secondary{color:var(--text-faint)}.row-chevron{text-align:right;color:var(--text-faint);font-size:16px;width:32px}.row-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.row-link:hover{border-color:var(--accent);text-decoration:none}.row-link svg{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#03070f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(440px,100%);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-lg);padding:22px;display:flex;flex-direction:column;gap:14px}.modal h3{font-size:18px}.modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal.modal-wide{width:min(1440px,96vw);max-height:90vh;overflow-y:auto}.modal-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header-row h3{margin:0}@media(max-width:1560px){.campaign-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid-4,.metrics-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1400px){.metrics-grid,.metrics-grid-3,.mini-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.web-shell,.workspace-grid.campaign-layout,.workspace-grid.two-column,.form-grid.two-columns,.form-grid.three-columns,.detail-layout{grid-template-columns:1fr}.app-sidebar{position:static}.context-bar,.panel-header{flex-direction:column}.campaign-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-workspace-intro,.campaign-workspace-summary{grid-template-columns:1fr}.campaign-workspace-intro{flex-direction:column}}@media(max-width:780px){.web-shell{padding:14px}.metrics-grid,.metrics-grid-3,.mini-status-grid,.metrics-grid-4,.metrics-grid-5,.campaign-section-tabs,.link-item{grid-template-columns:1fr}.info-list>div,.context-bar,.chart-title-row,.chart-meta{flex-direction:column}}.campaign-state-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px;border:1px solid var(--border, #2a3142);background:var(--surface-2, #151a24)}.campaign-state-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.campaign-state-badge.state-running{color:#10b981;border-color:#10b98155;background:#10b98114}.campaign-state-badge.state-stopped{color:#f59e0b;border-color:#f59e0b55;background:#f59e0b14}.campaign-state-badge.state-ended,.campaign-state-badge.state-draft{color:#94a3b8;border-color:#94a3b855;background:#94a3b814}.guide-steps,.guide-list{margin:8px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.guide-steps li,.guide-list li{line-height:1.5;color:var(--text-soft);font-size:13.5px}.guide-steps{list-style:decimal}.guide-list{list-style:disc}.context-bar-plain .context-heading h2{font-size:18px}