:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,520px) 1fr;background:#f7fafc}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:58px;background:#fff;border-right:1px solid #d9e0e8}.login-panel h1{margin:28px 0 10px;font-size:34px;line-height:1.08;font-weight:760}.login-panel p{margin:0;color:#526071;line-height:1.55}.login-form{display:grid;gap:15px;margin-top:28px}.login-form label,.field{display:grid;gap:7px;color:#2e3a47;font-size:13px;font-weight:650}.login-form input,.field input,.field select{width:100%;height:40px;border:1px solid #cfd7e2;border-radius:7px;background:#fff;color:#111827;padding:0 11px;outline:none}.login-form input:focus,.field input:focus,.field select:focus,.searchbox:focus-within,.workspace-picker div:focus-within{border-color:#1f6feb;box-shadow:0 0 0 3px #1f6feb1f}.login-aside{display:grid;place-items:center;padding:64px;background:linear-gradient(135deg,#f5fbf8,#f8fbff)}.preview-card{width:min(720px,90%);min-height:460px;border:1px solid #d9e0e8;border-radius:8px;background:#fff;box-shadow:0 22px 54px #0f172a1f;padding:24px}.mini-toolbar{height:36px;border:1px solid #d9e0e8;border-radius:7px;margin-bottom:22px}.mini-chart{height:180px;border:1px solid #d9e0e8;border-radius:7px;background:linear-gradient(180deg,rgba(31,111,235,.12),transparent);margin-bottom:18px}.mini-rows{height:160px;border:1px solid #d9e0e8;border-radius:7px;background:repeating-linear-gradient(#fff 0,#fff 38px,#edf1f5,#edf1f5 40px)}.console{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr);background:#fff}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #dbe2ea;background:#fff}.logo{display:flex;align-items:center;gap:11px;height:76px;padding:0 16px}.logo svg{color:#22a35a;stroke-width:2.3}.logo strong{font-size:16px;font-weight:780;color:#101820}.nav-list{display:grid;gap:3px;padding:0 13px}.nav-list button{display:flex;align-items:center;gap:13px;height:50px;border:0;border-radius:6px;padding:0 13px;background:transparent;color:#182230;font-size:14px;font-weight:520;text-align:left}.nav-list button svg{color:#2d3a49;stroke-width:1.9}.nav-list button.active{background:#f0f4f8;color:#0b8d4d;box-shadow:inset 3px 0 #0b8d4d}.nav-list button.active svg{color:#0b8d4d}.sidebar-bottom{margin-top:auto;border-top:1px solid #dbe2ea;padding:14px}.status-row{width:100%;height:38px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#273546;font-size:13px;text-align:left}.status-row span{width:9px;height:9px;border-radius:999px;background:#20a35a;box-shadow:0 0 0 5px #20a35a14}.help-card{margin-top:12px;border:1px solid #dbe2ea;border-radius:7px;padding:16px;background:#fbfcfd}.help-card strong{font-size:14px}.help-card p{margin:8px 0 12px;color:#5d6978;font-size:13px;line-height:1.45}.help-card button{display:flex;align-items:center;gap:5px;border:0;padding:0;background:transparent;color:#005ed8;font-size:13px;line-height:1.9}.sidebar footer{display:grid;gap:10px;margin-top:18px;color:#667386;font-size:12px}.workspace{min-width:0;background:#fff}.topbar{height:76px;display:grid;grid-template-columns:320px minmax(320px,560px) 1fr;align-items:center;gap:24px;border-bottom:1px solid #dbe2ea;padding:0 26px;background:#fff}.workspace-picker{display:grid;gap:4px;min-width:0;color:#667386;font-size:13px}.workspace-picker div{height:38px;display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:8px;border:1px solid #d0d8e2;border-radius:7px;padding:0 11px;color:#273546}.workspace-picker select,.date-select select{min-width:0;border:0;background:transparent;color:#101820;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbox{height:40px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #d0d8e2;border-radius:7px;padding:0 12px;color:#667386}.searchbox input{min-width:0;border:0;outline:none;background:transparent;color:#101820}.searchbox kbd{border:1px solid #d0d8e2;border-radius:5px;padding:2px 6px;color:#667386;font-size:12px;font-family:inherit;background:#f7f9fb}.top-actions{justify-self:end;display:flex;align-items:center;gap:18px}.top-actions button{border:0;background:transparent;color:#223044;padding:0}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:#20a35a!important;color:#fff!important;font-weight:760}.developer-menu{display:inline-flex;align-items:center;gap:8px;font-size:14px}.content{padding:28px 28px 38px;background:#fff}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-header h1{margin:0 0 6px;font-size:28px;line-height:1.15;letter-spacing:0;font-weight:760}.page-header p{margin:0;color:#526071;font-size:15px}.header-actions{display:flex;gap:12px}.date-select{height:42px;min-width:250px;display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:8px;border:1px solid #cfd7e2;border-radius:7px;padding:0 13px;background:#fff}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:0 14px;border:1px solid transparent;font-size:14px;font-weight:610;background:#fff}.button.outline,.button.secondary{border-color:#cfd7e2;color:#263445;background:#fff}.button.primary{background:#111827;color:#fff}.button.primary.blue{background:#1463e9;border-color:#1463e9}.active-filter{border-color:#0b8d4d;color:#0b8d4d;background:#effaf4}.overview-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);gap:16px}.panel{min-width:0;border:1px solid #dbe2ea;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a08;padding:18px}.panel h2{display:flex;align-items:center;gap:7px;margin:0;color:#111827;font-size:16px;font-weight:720}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head.bordered{min-height:61px;margin:-18px -18px 0;padding:0 18px;border-bottom:1px solid #dbe2ea}.panel-head h2 span{display:inline-grid;place-items:center;min-width:25px;height:24px;border-radius:6px;background:#f0f3f7;color:#3d4a5d;font-size:13px}.api-requests{min-height:286px;position:relative;display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:20px}.api-requests .panel-head{grid-column:1 / -1}.range-tabs{display:flex;align-items:center;border:1px solid #d0d8e2;border-radius:7px;overflow:hidden}.range-tabs button{height:30px;min-width:43px;border:0;background:#fff;color:#5d6978;font-size:13px}.range-tabs button.selected{background:#e8f1ff;color:#1463e9}.chart-summary{align-self:center;display:grid;gap:11px;padding-left:4px}.chart-summary span{color:#5d6978;font-size:14px}.chart-summary strong{font-size:31px;letter-spacing:0;font-weight:780}.chart-summary em{display:flex;align-items:center;gap:6px;color:#0b8d4d;font-style:normal;font-size:15px}.chart-summary small{color:#667386;font-size:13px}.line-chart{min-height:220px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 28px;align-items:stretch}.line-chart svg{width:100%;height:180px;align-self:center;background:linear-gradient(#dbe2ea 1px,transparent 1px) 0 0 / 100% 45px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:14px 0 22px;color:#526071;font-size:12px}.x-axis{grid-column:2;display:flex;justify-content:space-between;color:#667386;font-size:12px}.quota-panel{min-height:286px}.quota-row{margin-top:28px}.quota-row>div:first-child,.quota-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.quota-row span{display:inline-flex;align-items:center;gap:7px;color:#243143;font-size:14px}.quota-row strong{font-size:15px;font-weight:650}.progress{height:7px;margin:11px 0 8px;border-radius:999px;background:#e5e9ee;overflow:hidden}.progress i{display:block;height:100%;background:#159447}.quota-meta span{color:#667386;font-size:13px}.quota-meta span:first-child{color:#0b8d4d}.active-projects,.api-keys{grid-column:1}.billing-panel,.quickstart-panel{grid-column:2}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #dbe2ea;padding:11px 14px;white-space:nowrap;vertical-align:middle}th{color:#263445;background:#fbfcfd;font-size:12px;font-weight:650}td{color:#172033}td a{display:block;color:#005ed8;font-weight:620;text-decoration:none}td small{display:block;margin-top:3px;color:#667386;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.badge{display:inline-flex;align-items:center;height:25px;border-radius:5px;padding:0 9px;font-size:12px;border:1px solid transparent}.badge.green{color:#07743a;background:#eefaf3;border-color:#bfe8cd}.badge.blue{color:#005ed8;background:#eef5ff;border-color:#bad6ff}.badge.gray{color:#4b5563;background:#f3f5f7;border-color:#dbe2ea}.success{color:#07833f}.danger{color:#e23f17}.row-actions{display:inline-flex;align-items:center;gap:9px}.row-actions button{display:inline-grid;place-items:center;border:0;background:transparent;color:#243143;padding:0}.billing-panel .plan-title{display:block;margin:22px 0 12px;color:#1463e9;font-size:22px}.price-mini{font-size:16px}.plan-list{display:grid;gap:9px;margin:0;padding:0;color:#526071;list-style:none;font-size:14px}.plan-list li:before{content:"✓";margin-right:10px;color:#415166}.period-row{margin-top:28px}.period-row span{color:#667386;font-size:13px}.period-row div{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#cbd3de}.period-row i{display:block;height:100%;background:#159447}.split-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:20px}.inline-actions{display:flex;align-items:center;gap:11px}.table-foot{margin:12px 18px 16px;color:#667386;font-size:13px}.masked{color:#344256;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.status-dot{display:inline-flex;align-items:center;gap:6px;color:#07833f;font-size:13px}.status-dot:before{content:"";width:7px;height:7px;border-radius:999px;background:#07833f}.quickstart-panel h2{margin-bottom:16px}.language-tabs{display:flex;align-items:center;gap:4px;margin-bottom:9px}.language-tabs button{height:33px;border:0;border-radius:6px;background:transparent;color:#526071;padding:0 12px;font-size:13px}.language-tabs button.selected{color:#1463e9;background:#e8f1ff}.code{position:relative;min-height:130px;margin:0;border-radius:6px;overflow:auto;background:#111c28;color:#d7e2ee;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.62}.code.compact{min-height:126px;max-height:150px}.copy-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #657386;border-radius:6px;background:#ffffff14;color:#fff;padding:0 11px;font-size:13px}.link-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#005ed8;padding:0;margin-top:20px;font-size:14px}.notice{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;border:1px solid #bfe8cd;border-radius:7px;margin-bottom:16px;background:#effaf4;color:#08743d;padding:0 14px;text-align:left;font-size:14px}.key-banner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid #bad6ff;border-radius:8px;margin-bottom:16px;padding:14px;background:#f4f8ff}.key-banner code{display:block;margin-top:5px;color:#005ed8;overflow:auto}.detail-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px}.detail-layout.single{grid-template-columns:1fr}.wide-detail{min-width:0}.billing-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px}.selected-plan{border-color:#1463e9;box-shadow:0 0 0 3px #1f6feb17}.selected-label{border-radius:999px;background:#e8f1ff;color:#1463e9;padding:4px 8px;font-size:12px}.large-price{margin:18px 0;font-size:29px;font-weight:780}.form-error{color:#b91c1c;background:#fef2f2;border-radius:7px;padding:10px 12px;font-size:14px}@media(max-width:1180px){.console{grid-template-columns:220px minmax(0,1fr)}.topbar{grid-template-columns:minmax(220px,300px) minmax(260px,1fr)}.top-actions{grid-column:1 / -1;justify-self:start;padding-bottom:10px}.topbar{height:auto;padding:14px 22px}.overview-layout,.detail-layout{grid-template-columns:1fr}.billing-panel,.quickstart-panel,.active-projects,.api-keys{grid-column:auto}.billing-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:760px){.login-shell,.console{grid-template-columns:1fr}.login-aside{display:none}.login-panel{padding:32px 22px}.sidebar{position:static;height:auto}.sidebar-bottom{display:none}.nav-list{grid-template-columns:repeat(3,1fr);padding-bottom:12px}.nav-list button{height:42px;font-size:13px;gap:7px}.topbar{grid-template-columns:1fr;gap:12px;padding:14px}.top-actions{grid-column:auto;width:100%;justify-content:space-between}.developer-menu{display:none}.content{padding:20px 14px 28px}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.date-select{min-width:0}.api-requests{grid-template-columns:1fr}.line-chart{min-height:180px}.line-chart svg{height:140px}th,td{padding:11px 12px}.split-actions,.key-banner,.billing-grid{grid-template-columns:1fr}.inline-actions{flex-wrap:wrap}}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.metric-label{display:block;color:#526071;font-size:13px;margin-bottom:10px}.metric-value{display:block;font-size:28px;line-height:1.1}.metric-value.healthy{color:#0b8d4d}.connect-layout .panel:first-child{display:grid;gap:14px;align-content:start}.setup-card{display:grid;gap:16px}.webhook-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;border:1px solid #bad6ff;border-radius:8px;background:#f4f8ff;padding:14px}.webhook-box span{grid-column:1 / -1;color:#526071;font-size:13px}.webhook-box code{overflow:auto;color:#005ed8;font-size:13px}.qr-card{width:154px;display:grid;grid-template-columns:repeat(7,16px);gap:4px;border:1px solid #dbe2ea;border-radius:10px;padding:14px;background:#fff}.qr-card i{width:16px;height:16px;border-radius:3px;background:#eef2f6}.qr-card i.filled{background:#111827}.checklist{display:grid;gap:9px;margin:0;padding-left:20px;color:#344256;font-size:14px}.pipeline-board{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}.stage-panel{padding:0;min-height:360px}.compact-head{min-height:52px}.stage-cards{display:grid;gap:10px;padding:12px}.client-card{display:grid;gap:5px;border:1px solid #dbe2ea;border-radius:8px;padding:12px;background:#fbfcfd}.client-card span,.client-card small,.empty-state,.helper-text{color:#667386;font-size:13px}.client-card b{color:#0b8d4d}.lookup-input{height:46px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #cfd7e2;border-radius:8px;margin-top:16px;padding:0 13px}.lookup-input input{border:0;outline:0;min-width:0}.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;gap:16px}.conversation-list{display:grid;gap:10px;align-content:start}.conversation{display:grid;gap:5px;width:100%;border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:12px;text-align:left}.conversation.active{border-color:#0b8d4d;background:#effaf4}.conversation span,.conversation small{color:#667386;font-size:13px}.timeline-panel{display:grid;gap:16px}.messages{display:grid;gap:10px}.bubble{max-width:76%;margin:0;border-radius:14px;padding:10px 12px;line-height:1.45;font-size:14px}.bubble.inbound{background:#f0f3f7}.bubble.outbound{justify-self:end;background:#1463e9;color:#fff}.mention-field{display:grid;gap:7px;color:#2e3a47;font-size:13px;font-weight:650}.mention-field input{height:40px;border:1px solid #cfd7e2;border-radius:7px;padding:0 11px}.quick-replies{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.reply-chip{border:1px solid #cfd7e2;border-radius:999px;background:#fff;color:#263445;padding:8px 12px;text-align:left}.revenue-metrics .panel small{color:#667386;display:block;margin-top:8px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.inbox-layout{grid-template-columns:1fr}}@media(max-width:760px){.metric-grid{grid-template-columns:1fr}.pipeline-board{grid-template-columns:repeat(7,minmax(190px,78vw))}.webhook-box{grid-template-columns:1fr}.qr-card{width:140px;grid-template-columns:repeat(7,14px)}.qr-card i{width:14px;height:14px}}.billing-summary{grid-column:1 / -1}.mode-switch{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px;border:1px solid #dbe2ea;border-radius:999px;background:#f8fafc}.mode-switch button{border:0;border-radius:999px;background:transparent;color:#526071;padding:8px 14px;font-size:13px;font-weight:650}.mode-switch button.selected{background:#111827;color:#fff}.preview-note,.status-callout,.empty-state-panel.compact,.activation-panel,.status-banner{border:1px solid #dbe2ea;border-radius:10px;background:#fff}.preview-note,.status-callout{padding:14px;color:#344256;line-height:1.5}.preview-card{display:grid;gap:16px}.preview-card-head{display:flex;flex-direction:column;gap:6px}.preview-card-head span,.status-muted{color:#667386;font-size:13px}.preview-card-head strong{font-size:16px;font-weight:720;color:#111827}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:650;white-space:nowrap}.status-chip.green{color:#0b8d4d;background:#e8f8ef}.status-chip.amber{color:#9a6700;background:#fff6df}.status-chip.blue{color:#1463e9;background:#e8f1ff}.status-chip.gray{color:#4b5563;background:#eef2f7}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.top-actions .status-chip{border:1px solid rgba(17,24,39,.08)}.status-banner,.activation-panel{display:grid;gap:16px;margin-bottom:16px;padding:18px}.status-banner{grid-template-columns:minmax(0,1.3fr) minmax(240px,.9fr) auto;align-items:center}.status-banner-copy h2,.activation-panel h2{margin:8px 0 6px;font-size:20px}.status-banner-copy p,.activation-panel p{margin:0;color:#526071;line-height:1.55}.status-banner-head{display:flex;align-items:center;gap:10px}.status-banner-metrics{display:grid;gap:10px;min-width:0}.status-banner-metrics div{display:grid;gap:4px;border:1px solid #dbe2ea;border-radius:8px;padding:10px 12px;background:#fbfcfd}.status-banner-metrics strong{font-size:14px;font-weight:700}.status-banner-metrics span{color:#667386;font-size:12px}.status-banner-actions,.empty-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.activation-item,.status-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #dbe2ea;border-radius:8px;padding:10px 12px;background:#fbfcfd}.activation-item.done{background:#eefaf3}.activation-item strong,.status-item strong{display:block;font-size:13px}.activation-item small,.status-item small{display:block;color:#667386;font-size:12px;margin-top:3px}.bootstrap-panel{display:grid;gap:14px;padding-top:2px;border-top:1px solid #dbe2ea}.bootstrap-grid,.usage-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.usage-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bootstrap-grid .field{margin:0}.usage-summary-item{display:grid;gap:4px;border:1px solid #dbe2ea;border-radius:8px;padding:10px 12px;background:#fbfcfd}.usage-summary-item span{color:#667386;font-size:12px}.usage-summary-item strong{font-size:15px;font-weight:750;color:#111827}.status-stack{display:grid;gap:10px}.dot{width:10px;height:10px;border-radius:999px;margin-top:4px}.dot.good{background:#20a35a;box-shadow:0 0 0 4px #20a35a14}.dot.warn{background:#dc8c00;box-shadow:0 0 0 4px #dc8c0014}.pipeline-stack,.pipeline-summary{display:grid;gap:16px}.pipeline-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.pipeline-metric{display:grid;gap:4px;border:1px solid #dbe2ea;border-radius:8px;padding:10px;background:#fbfcfd}.pipeline-metric strong{font-size:18px;font-weight:760}.pipeline-metric span{font-size:12px;color:#667386}.empty-state-panel{display:grid;gap:10px;place-items:center;text-align:center;padding:18px;color:#526071}.empty-state-panel h3{margin:0;color:#111827}.empty-state-panel p{margin:0;line-height:1.5}.empty-state-panel.compact{place-items:start;text-align:left}.status-callout.compact{margin-top:14px}@media(max-width:1180px){.status-banner{grid-template-columns:1fr}.activation-grid,.bootstrap-grid,.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.activation-grid,.bootstrap-grid,.usage-summary-grid,.pipeline-metrics{grid-template-columns:1fr}.status-banner-actions,.empty-actions{width:100%}.status-banner-actions .button,.empty-actions .button{width:100%;justify-content:center}}