@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";
:root{--ink:#132033;--muted:#6d788a;--line:#dde4ef;--bg:#f4f7fb;--blue:#2e69e8;--blue-soft:#edf4ff;--green:#22a45a;--orange:#e76616;--navy:#172338}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,system-ui,sans-serif}.app-shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:30px 18px 20px;display:flex;position:sticky;top:0}.brand{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px 36px;font-size:20px;display:flex}.brand:hover strong{color:var(--blue)}.brand:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:8px}.brand-mark{color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.brand-mark svg{width:24px}.sidebar nav{gap:8px;display:grid}.nav-item{color:#778195;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font:500 15px Inter;display:flex}.nav-item.active{background:var(--blue-soft);color:var(--blue)}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:22px 8px 4px;display:flex}.profile span:last-child{font-size:13px;display:grid}.profile small{color:var(--muted);margin-top:3px}.role-switcher{margin-top:3px}.role-switcher select{width:112px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font:12px Inter}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.workspace{min-width:0}.page-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;height:150px;padding:38px 5vw 24px;display:flex}h1{margin:0 0 12px;font-size:32px}h2{margin:0;font-size:19px}.page-head p,.muted{color:var(--muted);margin:0}button,input,textarea,select{font:inherit}.primary,.warning,.secondary{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.primary{background:var(--blue);color:#fff}.warning{color:#fff;background:#d97900}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.danger{color:#fff;cursor:pointer;background:#c83232;border:0;border-radius:8px;padding:12px 18px;font-weight:600}.action-dialog{width:min(520px,100%)}.tabs{border-bottom:1px solid var(--line);background:#fff;align-items:end;gap:30px;height:70px;padding:0 5vw;display:flex}.tab{height:70px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 10px;font-weight:500}.tab.active{border-color:var(--blue);color:var(--blue)}.page-body{padding:34px 5vw 60px}.notice{background:#fffbeb;border:1px solid #f2d477;border-radius:10px;align-items:center;gap:16px;margin-bottom:28px;padding:16px 18px;display:flex}.notice-icon{color:#c96e00;background:#fff3bd;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.notice p{color:#a65316;margin:5px 0 0;font-size:14px}.notice .warning{margin-left:auto}.metrics{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.metric{border:1px solid var(--line);border-top:4px solid var(--blue);background:#fff;border-radius:10px;gap:14px;padding:28px 30px;display:grid}.metric.orange{border-top-color:var(--orange)}.metric small{text-transform:uppercase;letter-spacing:.08em;color:#8793a5;font-weight:600}.metric strong{font:400 48px DM Mono}.metric p{color:var(--green);margin:0;font:13px DM Mono}.metric.orange p{color:var(--orange)}.section-title{justify-content:space-between;align-items:center;margin:34px 0 18px;display:flex}.segmented{border:1px solid var(--line);background:#eef2f8;border-radius:9px;padding:5px}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:9px 16px}.segmented .selected{color:var(--ink);background:#fff;box-shadow:0 1px 4px #192d4b14}.table-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.table-header,.table-row{align-items:center;gap:20px;padding:20px 24px;display:grid}.campaign-table .table-header,.campaign-table .table-row{grid-template-columns:2.2fr .9fr .45fr .45fr 1.1fr .9fr 24px}.interview-table .table-header,.interview-table .table-row{grid-template-columns:2fr .8fr 1.6fr .7fr .7fr .5fr}.table-header{text-transform:uppercase;color:#8c98aa;letter-spacing:.08em;background:#f8faff;font-size:11px;font-weight:600}.table-row{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff}.table-row:hover{background:#f9fbff}.table-row>span:first-child{gap:5px;display:grid}.table-row small{color:#8b96a8}.table-row>span:not(:first-child){color:#667286;font:13px DM Mono}.status{color:var(--green)!important;font-size:12px!important}.status.action-needed{color:var(--orange)!important}.status.draft,.status.pending{color:#98a4b5!important}.rate{vertical-align:middle;background:#e5eaf1;border-radius:4px;width:50px;height:4px;margin-right:7px;display:inline-block}.rate i,.progress i{background:var(--green);border-radius:inherit;height:100%;display:block}.toolbar{flex-wrap:wrap;gap:8px;margin:28px 0 18px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-width:270px;height:42px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%}.filter{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:0 14px}.filter.active{color:var(--blue);background:var(--blue-soft);border-color:#b9cdf8}.metrics.compact .metric{padding:22px}.metrics.compact .metric strong{font-size:36px}.pill{background:#f0f3f8;border-radius:20px;padding:5px 9px;font-size:12px;display:inline-flex}.insights-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:26px}.panel h2{margin-bottom:22px}.wide{grid-column:1/-1}.donut{background:conic-gradient(var(--blue) 0 33%, #f09d34 33% 66%, #8c66d8 66%);border-radius:50%;place-items:center;width:160px;height:160px;margin:15px auto;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:105px;height:105px;position:absolute}.donut span{z-index:1;text-align:center;font:28px DM Mono;display:grid}.donut small{color:var(--muted);font:11px Inter}.legend{justify-content:space-around;font-size:12px;display:flex}.legend b{margin-left:5px}.bar{grid-template-columns:80px 1fr 45px;align-items:center;gap:12px;margin:25px 0;font-size:13px;display:grid}.bar i{background:#edf0f5;border-radius:6px;height:8px}.bar b{background:var(--blue);border-radius:6px;height:100%;display:block}.rank{border-top:1px solid var(--line);grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;padding:14px 0;display:grid}.rank>b{background:var(--blue-soft);width:24px;height:24px;color:var(--blue);border-radius:50%;place-items:center;font-size:11px;display:grid}.rank>strong{font:13px DM Mono}.quotes{grid-template-columns:1fr 1fr;gap:20px;display:grid}.quotes blockquote{border-left:3px solid var(--blue);background:#f7f9fc;margin:0;padding:20px;font-size:16px;line-height:1.6}.quotes footer{color:var(--muted);margin-top:14px;font-size:12px}.settings-tabs{border-bottom:1px solid var(--line);background:#fff;gap:8px;height:64px;padding:0 5vw;display:flex}.settings-tabs button{color:var(--muted);background:0 0;border:0;padding:0 16px}.settings-tabs .active{color:var(--blue);border-bottom:3px solid var(--blue)}.settings-body{max-width:1000px}.integration{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;margin-top:16px;padding:20px;display:grid}.integration p{color:var(--muted);margin:5px 0 0;font-size:13px}.provider{color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.provider.sf{background:#198dcc}.provider.hs{background:#ff6b35}.permissions{margin-top:28px}.permissions>p{color:var(--muted);font-size:13px}.scope{border-top:1px solid var(--line);justify-content:space-between;padding:18px 0;display:flex}.scope span:first-child{gap:10px;display:flex}.scope small{color:var(--muted)}.toggle{background:#ccd3df;border-radius:15px;width:38px;height:22px}.toggle.on{background:var(--blue)}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;margin:3px;display:block;transform:translate(16px)}.empty{text-align:center;color:var(--muted);place-items:center;padding:100px 20px;display:grid}.empty svg{width:42px;height:42px;color:var(--blue)}.empty h2{color:var(--ink);margin:20px 0 8px}.modal-backdrop,.drawer-backdrop{z-index:5;background:#0b142080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(600px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #05102040}.deal-picker{border:0;margin:22px 0 0;padding:0}.deal-picker legend{margin-bottom:8px;font-size:13px;font-weight:700}.modal .deal-option{border:1px solid var(--line);cursor:pointer;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;margin:0 0 8px;padding:12px}.modal .deal-option input{width:16px;height:16px;padding:0}.deal-option span,.approval-rule span{gap:3px;display:grid}.deal-option small,.approval-rule small{color:var(--muted);font-weight:400}.approval-rule{border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:12px;display:grid}.approval-rule.required{background:#fff8ed;border-color:#f3c981}.approval-rule.clear{background:#effaf4;border-color:#a9d9bd}.selection-summary{color:var(--blue);background:#eef6ff;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:600}.modal h2,.drawer h2{margin:8px 0;font-size:26px}.modal>p,.drawer>p{color:var(--muted);line-height:1.5}.modal label{gap:8px;margin-top:20px;font-size:13px;font-weight:600;display:grid}.modal input,.modal textarea,.modal select{border:1px solid var(--line);border-radius:8px;outline:0;padding:12px}.modal textarea{resize:none;height:90px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.icon-close{color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:20px;right:20px}.eyebrow{text-transform:uppercase;color:var(--blue);letter-spacing:.1em;font-size:11px;font-weight:700}.drawer-backdrop{place-items:stretch end;padding:0}.drawer{background:#fff;width:min(520px,100%);padding:50px 36px;position:relative;box-shadow:-20px 0 60px #05102030}.drawer .status{margin:12px 0 26px;display:inline-block}.drawer-metrics{grid-template-columns:1fr 1fr;gap:14px;display:grid}.drawer-metrics .metric{padding:18px}.drawer-metrics .metric strong{font-size:30px}.drawer h3{margin-top:34px}.progress{background:#edf0f5;border-radius:6px;height:8px;margin:12px 0 28px}.full{width:100%}.toast{z-index:20;background:var(--navy);color:#fff;border-radius:9px;align-items:center;gap:10px;padding:14px 18px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 36px #08142640}.inline-empty{text-align:center;color:var(--muted);padding:50px}.empty-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:70px 20px}.empty-card>svg{color:var(--blue);width:40px;height:40px}.empty-card h2{margin:18px 0 8px}.empty-card p{color:var(--muted);max-width:520px;margin:0 auto 24px}.queue-table .table-header,.queue-table .table-row{grid-template-columns:1.5fr 1fr .7fr .8fr 1fr}.text-action{color:var(--blue);cursor:pointer;text-align:right;background:0 0;border:0;font-weight:600}.period{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px}.quote{border:1px solid #0000;border-left:3px solid var(--blue);text-align:left;cursor:pointer;background:#f7f9fc;padding:20px;font-size:16px;line-height:1.6}.quote.selected{background:var(--blue-soft);border-color:#a9c3fa}.quote footer{color:var(--muted);margin-top:14px;font-size:12px}.permissions .scope,.preference-panel .scope{cursor:pointer;text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%}.scope .toggle:not(.on):after{transform:none}.provider.plan{background:var(--navy)}.team-list{padding:0 20px}.team-row{border-top:1px solid var(--line);grid-template-columns:40px 1fr 170px;align-items:center;gap:14px;padding:16px 0;display:grid}.team-row:first-child{border-top:0}.team-row select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px}.preference-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.preference-head>svg{color:var(--blue)}.billing-usage{margin-top:24px}.billing-usage>strong{margin:22px 0 0;font:42px DM Mono;display:block}.billing-usage>strong small{color:var(--muted);font-size:18px}.detail-list{border-top:1px solid var(--line);margin-top:18px}.detail-list p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:14px 0;display:flex}.detail-list span{color:var(--muted)}.summary{background:#f6f8fb;border-radius:9px;padding:18px}.report-summary{margin-top:24px}.report-summary>p{color:var(--muted);line-height:1.6}.primary:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1000px){.app-shell{grid-template-columns:80px 1fr}.sidebar{padding-inline:10px}.brand strong,.nav-item span,.profile span:last-child{display:none}.brand{padding-inline:10px}.nav-item{justify-content:center}.metrics{grid-template-columns:1fr}.campaign-table{overflow-x:auto}.campaign-table .table-header,.campaign-table .table-row{min-width:900px}.insights-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media (max-width:700px){.app-shell{display:block}.sidebar{z-index:4;border:0;border-top:1px solid var(--line);background:#fff;width:100%;height:70px;padding:8px;position:fixed;top:auto;bottom:0}.brand,.profile{display:none}.sidebar nav{justify-content:space-around;display:flex}.nav-item{padding:10px}.workspace{padding-bottom:70px}.page-head{height:auto;min-height:130px;padding:28px 20px}.page-head h1{font-size:26px}.page-head .primary{padding:11px}.tabs,.settings-tabs{padding:0 18px;overflow:auto}.page-body{padding:24px 18px}.notice{flex-wrap:wrap;align-items:flex-start}.notice .warning{margin-left:58px}.quotes{grid-template-columns:1fr}.interview-table{overflow:auto}.interview-table .table-header,.interview-table .table-row{min-width:850px}.settings-tabs button{white-space:nowrap}.form-grid,.drawer-metrics{grid-template-columns:1fr}}