:root{color:#162033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{color:#dbe7ff;background:#101a33;flex-direction:column;gap:14px;padding:28px 18px;display:flex}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-logo{object-fit:cover;object-position:center;border-radius:10px;width:42px;height:42px}.brand-mark{color:#111d37;background:#7dd3fc;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.workspace{color:#91a2c4;margin:0 0 18px;font-size:12px}nav{gap:5px;display:grid}.nav{text-align:left;color:#b8c6e3;background:0 0;border:0;border-radius:9px;width:100%;padding:11px 12px}.nav:hover,.nav.active{color:#fff;background:#24355f}.sidebar-footer{border-top:1px solid #2b3c64;gap:3px;margin-top:auto;padding:18px 8px 0;font-size:13px;display:grid}.sidebar-footer span{color:#91a2c4;text-transform:capitalize}.sidebar-footer button{color:#9fb0d3;background:0 0;border:0;width:fit-content;padding:0;font-size:13px}main{width:100%;max-width:1450px;margin:0 auto;padding:38px clamp(20px,5vw,72px)}.topbar,.panel-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#5371ac;letter-spacing:.13em;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(27px,4vw,38px)}.page-title{align-items:center;gap:10px;display:flex}.help-button{color:#315c9e;cursor:pointer;vertical-align:middle;background:#eef5ff;border:1px solid #9db6df;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:inline-grid}.help-button:hover,.help-button:focus-visible{color:#fff;background:#315c9e;outline:3px solid #cfe0ff}.term-help{vertical-align:middle;display:inline-flex;position:relative}.term-help-button{color:#315c9e;cursor:pointer;background:#eef5ff;border:1px solid #9db6df;border-radius:50%;place-items:center;width:17px;height:17px;margin-left:4px;padding:0;font-size:11px;font-weight:800;display:inline-grid}.term-help-button:focus-visible{outline-offset:2px;outline:2px solid #4e91ef}.term-help-popover{z-index:25;color:#53627b;background:#fff;border:1px solid #dce6f5;border-radius:8px;width:230px;padding:10px 12px;font-size:12px;line-height:1.4;position:absolute;top:24px;left:0;box-shadow:0 8px 22px #23365b29}.term-help-popover b,.term-help-popover span{display:block}.term-help-popover b{color:#294b82;margin-bottom:3px}.field-with-help{color:#58677f;gap:7px;font-size:13px;display:grid}.field-with-help>span{font-weight:700}.help-overlay{z-index:20;background:#0b162d6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.help-drawer{background:#f8faff;width:min(900px,100%);height:100%;padding:30px clamp(20px,4vw,48px);overflow:auto;box-shadow:-12px 0 40px #1123452e}.help-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.help-header h2{margin-bottom:0;font-size:27px}.help-close{color:#5f6f8c;cursor:pointer;background:0 0;border:0;font-size:32px;line-height:1}.help-layout{grid-template-columns:220px 1fr;gap:28px;margin-top:28px;display:grid}.help-nav{align-content:start;gap:5px;display:grid}.help-nav-item{color:#50617e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px}.help-nav-item:hover,.help-nav-item.active{color:#17396d;background:#e4efff;font-weight:700}.help-content{background:#fff;border:1px solid #e3eaf5;border-radius:14px;min-width:0;padding:26px}.help-content h3{margin-top:0;font-size:24px}.help-content h4{color:#22395f;margin:24px 0 8px}.help-content li{color:#53627b;margin:8px 0;line-height:1.5}.help-article-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-warning{color:#765116;background:#fff7e8;border-left:4px solid #e6a23c;border-radius:8px;margin:22px 0;padding:14px 16px}.help-warning ul{margin-bottom:0}.help-contact{color:#233858;background:#edf5ff;border-radius:12px;margin-top:30px;padding:20px}.help-contact p{margin:7px 0}.help-contact-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.help-glossary{gap:10px;margin:0;display:grid}.help-glossary div{background:#f6f9ff;border-radius:8px;padding:10px 12px}.help-glossary dt{color:#294b82;font-weight:700}.help-glossary dd{color:#66748b;margin:4px 0 0;line-height:1.45}.help-link{justify-content:center;align-items:center;width:auto;margin-top:0;padding:10px 14px;text-decoration:none;display:inline-flex}.form-notice{color:#236343;background:#e8f8ed;border-radius:9px;margin:18px 0;padding:12px 14px}.integration-create{background:#f8fbff;border:1px solid #dfe8f7;border-radius:10px;margin:18px 0;padding:14px}.integration-create summary,.integration-card summary{color:#315c9e;cursor:pointer;font-weight:750}.integration-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.integration-form label,.compact-form label{color:#58677f;gap:5px;font-size:12px;font-weight:700;display:grid}.integration-form button{align-self:end}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:18px;display:grid}.integration-card{background:#fbfcff;border:1px solid #e1e8f3;border-radius:12px;padding:17px}.integration-card-title,.inline-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;display:flex}.integration-card p{min-height:44px;margin:10px 0 7px;font-size:13px}.credential-list{color:#52617b;background:#f0f5fd;border-radius:8px;gap:6px;margin:14px 0;padding:10px;font-size:12px;display:grid}.credential-list small{color:#7b879d}.readiness{color:#315c9e;background:#e7f0ff;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:750;display:inline-block}.readiness.provider_ready{color:#28714c;background:#e6f7eb}.readiness.needs_credentials,.readiness.needs_external_id,.readiness.needs_rotation{color:#8b6517;background:#fff5d9}.readiness.disabled{color:#6b7280;background:#edf0f4}.compact-form{gap:8px;margin-top:12px;display:grid}.compact-form input{min-width:0}.inline-actions{justify-content:flex-start}.checkbox{color:#58677f;align-items:center;gap:6px;font-size:13px;display:inline-flex}.workspace-grid{grid-template-columns:minmax(300px,.8fr) minmax(460px,1.5fr)}.workspace-main{min-width:0}.workspace-side-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.workspace-side-grid .panel{margin-top:0}.candidate-mini{background:#f8fbff;border:1px solid #dce6f5;border-radius:9px;gap:7px;margin-top:12px;padding:12px;display:grid}.candidate-mini p,.note{margin:8px 0;font-size:13px}.candidate-mini span{color:#61708a;font-size:12px}.command-list{color:#596982;gap:8px;font-size:13px;display:grid}.command-list b{color:#294b82}.status-warning{color:#8b6517;background:#fff2cf}@media (width<=1100px){.workspace-grid,.workspace-side-grid{grid-template-columns:1fr}}@media (width<=900px){.integration-form{grid-template-columns:1fr 1fr}}@media (width<=620px){.integration-form{grid-template-columns:1fr}}@media (width<=720px){.help-layout{grid-template-columns:1fr;gap:14px}.help-nav{padding-bottom:4px;display:flex;overflow-x:auto}.help-nav-item{white-space:nowrap;flex:none}.help-content{padding:20px}}h2{letter-spacing:-.025em;margin-bottom:8px;font-size:19px}p{color:#69758b;line-height:1.55}.secondary,.primary{border:0;border-radius:9px;font-weight:700}.secondary{color:#24447d;background:#e5efff;padding:10px 14px}.secondary:disabled{opacity:.6}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:34px 0 20px;display:grid}.metric,.panel{background:#fff;border:1px solid #e5eaf3;border-radius:14px;box-shadow:0 8px 24px #23365b0d}.metric{gap:7px;padding:20px;display:grid}.metric span,.metric small{color:#68768e;font-size:13px}.metric strong{letter-spacing:-.04em;color:#17223b;font-size:25px}.panel{margin-top:20px;padding:24px}.panel-title p{margin-bottom:0}.count{color:#315c9e;background:#e9f1ff;border-radius:100px;place-items:center;min-width:31px;height:31px;padding:0 8px;font-size:13px;font-weight:750;display:grid}table{border-collapse:collapse;width:100%;margin-top:18px;font-size:14px}th{color:#7a879a;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:11px}th,td{border-bottom:1px solid #edf0f5;padding:13px 10px}td{color:#43506a}td b{color:#1c2940}.status{color:#34704d;background:#e7f7ed;border-radius:99px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.caption{margin:18px 0 0;font-size:13px}.empty{color:#79869a;text-align:center;border:1px dashed #cdd6e5;border-radius:10px;margin-top:18px;padding:50px 20px}.notice{color:#9b3a3a;background:#fff0f0;border-radius:9px;justify-content:space-between;gap:12px;margin-top:22px;padding:12px 14px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:18px}.login-page{background:radial-gradient(circle at 0 0,#093d7a,#0000 44%),#02070f;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{color:#fff;background:#050e1cf0;border:1px solid #1c5b9f;border-radius:18px;width:min(100%,440px);padding:36px;box-shadow:0 24px 70px #0077ff3d}.login-logo{border-radius:12px;width:min(100%,240px);margin:-10px auto 8px;display:block}.login-card h1{margin-top:20px;font-size:29px}.login-card label{color:#c9d8ef;gap:7px;margin-top:17px;font-size:13px;font-weight:700;display:grid}.login-card input{color:#12223f;border:1px solid #cfd8e8;border-radius:8px;outline-color:#5b8ee6;padding:12px}.primary{color:#fff;background:#087cf0;width:100%;margin-top:25px;padding:13px}.primary:disabled{opacity:.65}.login-card small{color:#aebed8;text-align:center;margin-top:15px;display:block}.form-panel{background:#f6faff;border:1px solid #dce7f8;border-radius:14px;margin-top:20px;padding:20px 24px}.form-panel h3{color:#26477f;margin:0 0 14px;font-size:15px}.inline-form{flex-wrap:wrap;gap:10px;display:flex}.inline-form input,.inline-form select{background:#fff;border:1px solid #cbd8ee;border-radius:8px;outline-color:#5b8ee6;flex:155px;min-width:135px;padding:10px 11px}.inline-form .primary{flex:none;width:auto;margin:0;padding:10px 14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#315c9e;background:#e9f1ff;border-radius:99px;padding:7px 10px;font-size:13px;font-weight:700}.form-error{color:#a23d3d;margin:12px 0 0}.confirm-import{width:auto;margin-top:18px;padding:11px 16px}.manager-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:20px;display:grid}.request-list{gap:8px;margin-top:16px;display:grid}.request-card{text-align:left;background:#fff;border:1px solid #dfe7f3;border-radius:10px;gap:5px;padding:13px;display:grid}.request-card.active{background:#f2f7ff;border-color:#4c8ee8}.request-card span{color:#68768e;font-size:13px}.recommendation-card{background:#f9fbff;border:1px solid #dce7f8;border-radius:12px;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;padding:18px;display:grid}.recommendation-card h3{color:#17223b;margin:0 0 8px}.recommendation-card p{margin-bottom:10px;font-size:13px}.compact{width:auto;margin:16px 0 0;padding:11px 16px}.communication-filters,.conversation-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.communication-filters select{background:#fff;border:1px solid #cbd8ee;border-radius:8px;padding:10px 12px}.communications-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:20px;display:grid}.conversation-list{gap:8px;display:grid}.conversation-card{text-align:left;background:#fff;border:1px solid #dfe7f3;border-radius:10px;gap:6px;width:100%;padding:13px;display:grid}.conversation-card.active{background:#f2f7ff;border-color:#4c8ee8}.conversation-card span,.conversation-card small{color:#68768e}.channel-label{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.message-stream{background:#f7f9fc;border:1px solid #e3eaf5;border-radius:12px;gap:10px;max-height:540px;margin:16px 0;padding:14px;display:grid;overflow-y:auto}.message{background:#fff;border-radius:12px;max-width:78%;padding:11px 13px;box-shadow:0 2px 8px #1e427812}.message.outbound{background:#e8f1ff;justify-self:end}.message p{white-space:pre-wrap;margin:5px 0 0}.attachment{background:#eef3fa;border-radius:7px;margin-top:7px;padding:5px 8px;font-size:12px;display:inline-block}.reply-form{grid-template-columns:1fr auto;gap:10px;display:grid}.reply-form textarea{resize:vertical;border:1px solid #cbd8ee;border-radius:9px;min-height:82px;padding:11px}.suggestion-card{background:#edf5ff;border:1px solid #a9c8f3;border-radius:12px;gap:9px;margin:14px 0;padding:14px;display:grid}.suggestion-card div{justify-content:space-between;gap:10px;display:flex}.suggestion-card textarea{resize:vertical;border:1px solid #b9cae1;border-radius:9px;min-height:110px;padding:11px}.suggestion-card .primary{width:fit-content;margin:0}.reply-form .primary{width:auto;margin:0}.growth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.stack-form{gap:10px;display:grid}.stack-form input,.stack-form select,.stack-form textarea,.metric-form input{background:#fff;border:1px solid #cbd8ee;border-radius:8px;padding:10px 11px}.stack-form textarea{resize:vertical;min-height:120px}.draft-list{gap:14px;display:grid}.draft-card{background:#f9fbff;border:1px solid #dce7f8;border-radius:12px;grid-template-columns:minmax(0,1.8fr) minmax(140px,.5fr);gap:14px;padding:16px;display:grid}.draft-card h3{margin:0 0 8px}.draft-card p{white-space:pre-wrap}.draft-actions,.metric-form{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.metric-form input{flex:110px;min-width:110px}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:18px}.workspace,.sidebar-footer{display:none}nav{display:flex;overflow-x:auto}.nav{white-space:nowrap;width:fit-content}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:25px 16px}.panel{padding:18px;overflow-x:auto}.manager-grid,.communications-grid,.growth-grid,.draft-card,.recommendation-card,.reply-form{grid-template-columns:1fr}}@media (width<=470px){.metrics{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.secondary{width:100%}}
