:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f6f7;color:#172026}*{box-sizing:border-box}body{margin:0}.oauth-callback-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f3f6f7}button,input,select{font:inherit}.app{--page-bg: #f3f6f7;--surface: #ffffff;--surface-strong: #f8fbfb;--border: #d7e1e4;--text: #172026;--muted: #5b6f76;--nav-text: #4f6369;--nav-active-bg: #e7f5f8;--nav-active-text: #0b7285;--warning-bg: #fff9db;--warning-border: #ffe066;--warning-text: #5c4b00;display:block;min-height:100vh;background:var(--page-bg);color:var(--text)}.app[data-theme=dark]{--page-bg: #101719;--surface: #172326;--surface-strong: #1e2d31;--border: #304349;--text: #eef6f7;--muted: #9db2b8;--nav-text: #c7d7db;--nav-active-bg: #203b42;--nav-active-text: #72d5e6;--warning-bg: #2f2a16;--warning-border: #6f5b13;--warning-text: #ffe8a3}.login-screen{display:grid;min-height:100vh;place-items:center;padding:28px;background:#fbfbfd}.app[data-theme=dark] .login-screen{background:#fbfbfd;color:#172026}.login-stack{display:grid;justify-items:center;gap:84px;width:min(528px,100%)}.login-logo{width:min(528px,86vw);height:auto}.login-panel{display:grid;gap:14px;width:min(360px,100%);padding:18px;background:#f0f3f5;border:0;border-radius:8px;box-shadow:0 16px 42px #101f2614}.login-title{margin:0 0 4px;color:#0b7285;background:linear-gradient(90deg,#0b7285,#16a6b8 48%,#172026);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:400;line-height:1.25;text-align:center}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;color:#4f6369;font-size:12px;font-weight:800}.login-form input{min-height:46px;border:1px solid #dde4e7;border-radius:8px;padding:0 14px;background:#fff;color:#172026;font-size:14px;font-weight:600}.login-form input:focus{border-color:#0b7285;box-shadow:0 0 0 3px #0b72851f;outline:none}.login-submit{width:100%}.login-feedback{color:#c92a2a;font-size:13px;font-weight:800}.login-divider{height:1px;background:#dbe3e7}.login-divider:before,.login-divider:after{content:none}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;width:100%;border:1px solid #cfd8dc;border-radius:8px;background:#fff;color:#263238;cursor:pointer;font-weight:800}.google-login-button:hover{border-color:#aebdc3;background:#f8fbfb}.google-login-button:disabled{cursor:not-allowed;opacity:.7}.google-mark{display:block;width:20px;height:20px;flex:0 0 auto}.app,.app *,.oauth-callback-page,.oauth-callback-page *,.legal-page,.legal-page *{font-weight:400!important}.legal-page{min-height:100vh;padding:48px 20px;background:#f3f6f7;color:#172026}.legal-document{width:min(860px,100%);margin:0 auto;padding:36px;background:#fff;border:1px solid #d7e1e4;border-radius:8px}.legal-header,.legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#5b6f76;font-size:13px}.legal-brand{color:#0b7285;font-size:18px;text-decoration:none}.legal-document h1{margin:28px 0 12px;font-size:32px;line-height:1.15}.legal-lead{margin:0 0 28px;color:#4f6369;font-size:16px;line-height:1.6}.legal-document section{padding:20px 0;border-top:1px solid #e6ecef}.legal-document h2{margin:0 0 10px;font-size:18px;line-height:1.3}.legal-document p{margin:0 0 10px;color:#33464c;font-size:14px;line-height:1.65}.legal-footer{margin-top:20px;padding-top:20px;border-top:1px solid #e6ecef;justify-content:flex-start}.legal-footer a{color:#0b7285;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:252px;background:var(--surface);color:var(--text);border-right:1px solid var(--border);padding:24px 18px}.app[data-theme=dark] .sidebar{background:#050505;border-right-color:#1f2933}.brand{display:flex;align-items:center;min-height:44px;margin-bottom:28px}.brand img{display:block;width:min(180px,100%);height:auto;object-fit:contain}.sidebar nav{display:grid;gap:6px}.sidebar a{display:flex;gap:10px;align-items:center;color:var(--nav-text);text-decoration:none;padding:10px 12px;border-radius:8px}.sidebar a.active,.sidebar a:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}.workspace{min-height:100vh;margin-left:252px}.app-header{position:fixed;inset:0 0 auto 252px;z-index:15;display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border)}.header-actions,.panel-header,.page-heading,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.button-row.left{justify-content:flex-start;flex-wrap:wrap}.inline-status{color:var(--muted);font-size:13px;font-weight:700}.page-content{display:grid;gap:18px;align-content:start;padding:88px 28px 28px}.page-panel{display:grid;gap:18px;align-content:start}.page-heading{align-items:flex-end}.eyebrow{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px}h2{font-size:18px}.company-picker,.user-menu-trigger,.field,.search-box{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);min-height:42px;border-radius:8px;padding:8px 12px}.company-picker select,.field select,.search-box input,.rule-builder input{border:0;background:transparent;color:var(--text);outline:0}.header-sync-button{min-height:42px;white-space:nowrap}.field{display:grid;min-width:172px;align-items:stretch;gap:2px;color:var(--muted);font-size:12px;font-weight:600}.field select{font-size:14px;font-weight:500}.search-box{min-width:240px}.search-box input{width:100%}.filter-bar,.metric-grid,.grid-two,.grid-three,.dashboard-charts,.detail-grid,.plan-grid,.onboarding-grid,.rule-builder,.credential-form,.campaign-form{display:grid;gap:14px}.filter-bar{grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(220px,1.4fr)}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-charts{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-grid,.rule-builder,.credential-form,.campaign-form{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-builder label,.credential-form label,.campaign-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.rule-builder input,.credential-form input,.credential-form select,.campaign-form input,.campaign-form select{min-height:38px;border:1px solid var(--border);border-radius:8px;padding:0 10px;background:var(--surface-strong);color:var(--text);font-size:14px;font-weight:500}.credential-form select:disabled{opacity:.72;cursor:not-allowed}.credential-form .primary,.credential-form .secondary,.credential-form .consent-cta,.credential-form .limitation,.credential-form .status-row,.credential-form .file-upload,.campaign-form .primary,.campaign-form .secondary,.campaign-form .limitation,.modal-actions{grid-column:1 / -1}.file-upload{min-height:44px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-strong);padding:12px}.file-upload span{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:14px;font-weight:700}.file-upload input{margin-top:8px}.metric,.panel,.chart-card,.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric{display:grid;gap:8px;padding:12px;min-width:0}.metric span{color:var(--muted);font-size:13px;font-weight:700}.metric strong{overflow-wrap:anywhere;font-size:19px}.panel{display:grid;gap:16px;align-content:start;padding:18px;min-width:0}.panel-header.compact{align-items:flex-start}.panel-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--nav-active-bg);color:var(--nav-active-text)}.chart-card{display:grid;gap:12px;min-height:292px;padding:16px}.chart-card:nth-child(1),.chart-card:nth-child(2){grid-column:span 3}.chart-card:nth-child(n+3){grid-column:span 2}.chart-card h2{font-size:15px}.chart-card .recharts-cartesian-grid line{stroke:var(--border)}.chart-card .recharts-text{fill:var(--muted);font-size:12px}.chart-empty,.state-message{display:grid;place-items:center;min-height:84px;color:var(--muted);font-weight:800;background:var(--surface-strong);border:1px dashed var(--border);border-radius:8px}.chart-empty{min-height:220px}.good{color:#087f5b}.warning{color:#9c6a00}.danger{color:#c92a2a}.primary,.secondary,.consent-cta,.icon-button,.header-icon-button,.menu-action,.theme-option,.table-button{cursor:pointer}.primary,.secondary,.consent-cta,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px}.primary{border:1px solid #0b7285;background:#0b7285;color:#fff;padding:0 14px}.primary:disabled,.save-credential-button:disabled{border-color:#d6dee2;background:#e7ecef;color:#8a9aa3;cursor:not-allowed;box-shadow:none}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px}.secondary:disabled{color:#8a9aa3;cursor:not-allowed;opacity:.65}.consent-cta{border:1px solid #2f9e44;background:#2f9e44;color:#fff;padding:0 14px}.consent-cta:disabled{border-color:#cddbd2;background:#edf5ef;color:#829489;cursor:not-allowed}.compact-button{min-height:32px;padding:0 10px;font-size:12px}.icon-button{width:36px;border:1px solid var(--border);background:var(--surface);color:var(--nav-text)}.icon-button:disabled{background:#edf2f4;color:#71878f;cursor:not-allowed}.header-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--nav-text)}.plan-badge{min-height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:var(--nav-text);padding:0 12px;cursor:pointer;white-space:nowrap}.plan-badge:hover,.header-icon-button:hover,.user-menu-trigger:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}.user-menu{position:relative}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#0b7285;color:#fff;font-size:12px;font-weight:800}.avatar-large{width:36px;height:36px;font-size:14px}.user-menu-trigger{max-width:144px;border-radius:999px;padding:4px 12px 4px 4px;font-weight:700}.user-first-name{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-backdrop{position:fixed;inset:0;z-index:20;border:0;background:transparent}.user-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:25;width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 44px #0f172a2e}.menu-close-button{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--muted)}.menu-close-button:hover{background:var(--nav-active-bg);color:var(--nav-active-text)}.user-menu-profile{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.user-menu-profile strong,.user-menu-profile small{display:block}.user-menu-profile small{color:var(--muted);margin-top:2px}.menu-action,.theme-option{display:flex;align-items:center;width:100%;gap:10px;border:0;background:transparent;color:var(--text);text-align:left}.menu-action{padding:11px 14px}.menu-action:hover,.theme-option:hover,.theme-option.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.theme-menu-section{display:grid;gap:4px;padding:12px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.theme-menu-section>span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:4px}.theme-option{border-radius:6px;padding:9px 10px}.theme-option span{flex:1}.logout{color:#c92a2a}.table{display:grid;overflow-x:auto;border-top:1px solid var(--border)}.table-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(92px,.6fr) minmax(120px,1fr) repeat(3,minmax(90px,.7fr)) minmax(160px,.9fr);gap:12px;align-items:center;min-height:64px;padding:10px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}.table-head{min-height:42px;color:var(--muted);font-size:13px;font-weight:800}.table-button:hover{background:var(--surface-strong)}.table-row small{display:block;margin-top:4px;color:var(--muted)}.campaign-status{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.campaign-status-serving{background:#d3f9d8;color:#087f5b}.campaign-status-enabled,.campaign-status-learning,.campaign-status-pending{background:#fff3bf;color:#9c6a00}.campaign-status-paused{background:#e7ecef;color:#52616a}.campaign-status-limited,.campaign-status-ended,.campaign-status-not_eligible,.campaign-status-removed,.campaign-status-unknown{background:#ffe3e3;color:#c92a2a}.action-icons{display:flex;flex-wrap:wrap;gap:6px}.status-row,.limitation,.step{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 0;border-bottom:1px solid var(--border)}.status-row span,.limitation span{min-width:0;color:var(--muted)}.status-row strong{text-align:right}.credential-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.credential-row .status-row{min-width:0}.stack,.preview-stack{display:grid}.detail-rows{display:grid;gap:0;margin-top:8px}.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;border:0;background:#080e128a}.campaign-modal{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 80px #080e1252}.modal-header{position:relative;display:flex;justify-content:space-between;gap:16px;padding:18px 52px 16px 18px;border-bottom:1px solid var(--border)}.modal-header h2{margin:2px 0;font-size:20px}.modal-header small{color:var(--muted);font-weight:700}.campaign-form{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.limitation{justify-content:flex-start;color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:12px}.onboarding-grid,.plan-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.step{justify-content:flex-start;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-strong)}.step.done{color:#087f5b}.plan-card{display:grid;align-content:start;gap:10px;padding:14px}.plan-card.current{border-color:#0b7285;box-shadow:0 0 0 1px #0b72852e}.plan-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-price{font-size:22px;color:var(--text)}.current-plan-chip{border-radius:999px;background:var(--nav-active-bg);color:var(--nav-active-text);padding:4px 8px;font-size:11px}.plan-card small{color:var(--muted)}@media(max-width:1100px){.grid-three,.grid-two,.filter-bar,.plan-grid,.metric-grid,.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card:nth-child(n){grid-column:span 1}}@media(max-width:760px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{margin-left:0}.app-header{position:sticky;inset:0 auto auto;padding:12px 18px}.page-content{padding:18px}.page-heading,.app-header,.header-actions,.button-row{align-items:stretch;flex-direction:column}.grid-three,.grid-two,.filter-bar,.metric-grid,.dashboard-charts,.detail-grid,.rule-builder,.credential-form,.campaign-form,.onboarding-grid,.plan-grid{grid-template-columns:1fr}.table-row{min-width:940px}}