@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#17243c;background:#f3f5f9;font-size:16px;font-synthesis:none;--muted:#65728a;--line:#e4e9f1;--green:#086957}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7b65e8;outline-offset:3px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}.skip,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;padding:16px;background:#fff;z-index:5}.demo-banner{min-height:48px;padding:12px 28px;background:#12223b;color:#f3f6ff;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.75rem}.demo-banner strong{font-weight:600;margin-right:18px}.banner-detail{color:#bdc9dd}.demo-banner a{font-weight:600;white-space:nowrap;text-underline-offset:4px}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 48px)}.sidebar{padding:30px 18px 24px;background:#101d33;color:#fff;display:flex;flex-direction:column}.app-brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:1.18rem;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:30px;height:32px;border-radius:8px;background:#a6eedc;color:#103b32}.demo-tag{font-size:.6rem;letter-spacing:.04em;font-weight:500;color:#adbad2;margin-left:auto}.side-label{color:#9cacc6;font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;margin:42px 14px 12px}.side-link{display:flex;align-items:center;gap:12px;font-size:.85rem;padding:14px 12px;border:1px solid #3b5a67;border-radius:8px;background:#193749;color:#b9f5e3;text-decoration:none;font-weight:600}.side-count{margin-left:auto;padding:3px 7px;border-radius:5px;background:#315052;font-size:.7rem}.side-note{margin:46px 12px 30px;font-size:.8rem;line-height:1.6}.side-note .side-label{margin:0;font-size:.64rem}.side-note ol{padding-left:18px;color:#c1cde1;line-height:2.25;margin:14px 0 24px}.side-note a{color:#a8edda;text-decoration:none;font-size:.75rem}.sidebar-footer{margin-top:auto;padding:22px 10px 0;border-top:1px solid #304055}.sidebar-footer img{max-width:100%;object-fit:contain}.sidebar-footer p{font-size:.72rem;color:#a9b8d0;line-height:1.7}main{min-width:0;padding:36px clamp(22px,3vw,46px) 24px}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:28px}.eyebrow{color:#738099;font-size:.72rem;margin:0 0 14px;font-weight:500}h1{font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.045em;line-height:1.25;margin:0 0 10px}h2{font-size:1.05rem;letter-spacing:-.025em;margin:0 0 7px}h3{font-size:1rem}p{line-height:1.65}.workspace-header>div>p:last-child{color:var(--muted);font-size:.85rem;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6dfea;background:#fff;color:#3b4b64;padding:11px 16px;border-radius:7px;font-size:.8rem;font-weight:600;min-height:42px;white-space:nowrap}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 5px #08695715}.button.subtle{border:0;font-size:.75rem;background:transparent;color:#697990;padding:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 24px;display:grid;gap:10px;box-shadow:0 2px 3px #15284602}.metrics article>span{font-size:.77rem;color:#586880;font-weight:500}.metrics strong{font-size:2rem;letter-spacing:-.045em;line-height:1.1}.metrics small{font-size:.69rem;color:#718097}.metrics article:nth-child(2) strong{color:#7960c3}.metrics article:nth-child(3) strong{color:var(--green)}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.pipeline,.lead-detail{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 4px 18px #12264603}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 22px 17px}.panel-heading p{color:#76849b;font-size:.72rem;margin:0}.filter-bar{display:flex;gap:10px;padding:0 22px 20px}.search-label{flex:1;min-width:0;position:relative}.search-label svg{position:absolute;top:13px;left:12px;color:#7b89a0}.search-label input{width:100%;height:42px;border:1px solid #dce3ed;border-radius:7px;padding:10px 12px 10px 37px;font-size:.75rem;color:#33435c;background:#fbfcfe}.status-filter select{height:42px;border:1px solid #dce3ed;border-radius:7px;color:#50617a;background:#fff;font-size:.75rem;padding:0 10px;max-width:145px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-weight:500;font-size:.67rem;color:#78859a;background:#f8fafc;padding:12px 13px;border-block:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{padding-left:22px}td{padding:17px 13px;border-bottom:1px solid #edf0f5;font-size:.74rem;color:#50617b}td:nth-child(2){max-width:165px}td:nth-child(3){white-space:nowrap;font-weight:600}tr[data-selected=true]{background:#f0faf7}tr[data-selected=true] td:first-child{box-shadow:inset 3px 0 var(--green)}.company-button{border:0;background:none;color:#273852;display:flex;align-items:center;gap:11px;padding:0;text-align:left;min-height:34px;max-width:220px}.company-button>span:last-child{display:grid;gap:5px}.company-button strong{font-size:.77rem;font-weight:600}.company-button small{font-size:.67rem;color:#7c89a0}.avatar{display:grid;place-items:center;flex:0 0 33px;width:33px;height:34px;border-radius:8px;background:#ece8fa;color:#765aaf;font-size:.7rem;font-weight:600}.badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:.65rem;font-weight:600;white-space:nowrap}.badge.new{background:#eef0ff;color:#6551a4}.badge.contacted{background:#eaf2fc;color:#436ba0}.badge.qualified{background:#fff4dc;color:#896017}.badge.won{background:#e1f6ed;color:#247257}.table-footer{display:flex;justify-content:space-between;gap:18px;padding:16px 22px;font-size:.65rem;color:#7a889d}.lead-detail{padding:23px 22px}.detail-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.68rem;color:#78849a}.detail-avatar{width:46px;height:46px;font-size:1rem;margin-bottom:14px}.lead-detail h2{font-size:1.14rem;line-height:1.35}.detail-contact{font-size:.76rem;color:#758299;margin:0 0 22px}.lead-detail dl{margin:22px 0}.lead-detail dl>div{margin-bottom:19px}.lead-detail dt{font-size:.67rem;color:#7b879b;margin-bottom:7px}.lead-detail dd{font-size:.8rem;color:#3c4f69;margin:0;line-height:1.6;overflow-wrap:anywhere}.detail-label{display:block;color:#566881;font-size:.72rem;font-weight:600;margin-bottom:10px}.lead-detail select{width:100%;height:42px;border:1px solid #d5e0e8;border-radius:7px;background:#fafcfb;padding:10px;color:#215b50;font-size:.8rem}.next-step{margin-top:22px;padding:17px 15px;border-radius:7px;background:#f2f7f6;border:1px solid #e2ebe7}.next-step strong{font-size:.7rem;color:#3c665b}.next-step p{font-size:.72rem;color:#60776f;line-height:1.8;margin:7px 0 0}.workspace-status{font-size:.76rem;color:#566b85;min-height:24px;margin:18px 0}.demo-bottom{display:flex;justify-content:space-between;gap:32px;align-items:center;border-top:1px solid #dce3ed;padding-top:20px}.demo-bottom p{font-size:.7rem;max-width:620px;color:#738299;margin:0}.demo-bottom p strong{display:block;color:#4f627d;margin-bottom:5px}.demo-bottom a{font-size:.75rem;white-space:nowrap;color:#216a5e;text-underline-offset:4px;font-weight:600}.empty-state{padding:50px 22px;text-align:center}.empty-state p{color:var(--muted);font-size:.9rem}.no-script{color:#7b342a}dialog{width:min(500px,calc(100% - 32px));border:0;border-radius:15px;padding:28px;box-shadow:0 30px 100px #0004;color:#17243c}dialog::backdrop{background:#101d3388;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.dialog-heading h2{font-size:1.5rem}.dialog-heading .eyebrow{margin-bottom:8px}.close-button{border:0;background:#f2f4f7;border-radius:7px;width:36px;height:36px;font-size:1.5rem;color:#68768a}.form-hint{font-size:.8rem;color:var(--muted);margin-bottom:24px}form>label{display:block;font-size:.8rem;font-weight:600;margin:15px 0 8px}form>input{width:100%;height:44px;border:1px solid #ced8e5;border-radius:6px;padding:11px;font-size:.9rem}form>input[aria-invalid=true]{border-color:#b24444}.field-error{display:block;font-size:.75rem;color:#a83838;margin-top:6px;line-height:1.5}.field-error:empty{display:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}[hidden]{display:none!important}
/* Readable operational type; smaller sizes are reserved for secondary metadata. */
.company-button strong,td,.metrics article>span,.button,.search-label input,.status-filter select,.lead-detail dd,.detail-label,.side-link{font-size:.875rem}
.workspace-header>div>p:last-child{font-size:1rem}
th,.badge,.company-button small,.table-footer,.metrics small,.detail-topline,.detail-contact,.lead-detail dt,.sidebar-footer p,.side-note a,.side-note .side-label,.demo-tag,.next-step strong,.demo-bottom p,.demo-bottom a,.eyebrow{font-size:.75rem}
.next-step p,.form-hint,.workspace-status{font-size:.875rem}
.lead-detail select,form>input{font-size:1rem}
@media(min-width:1600px){main{max-width:1560px;width:100%;margin-inline:auto}.workbench{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1150px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-inline:12px}.app-brand{font-size:1rem;gap:7px}.demo-tag{display:none}.workbench{grid-template-columns:minmax(0,1fr)}.lead-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-topline,.detail-avatar,.detail-contact,.lead-detail h2{grid-column:1}.lead-detail dl{grid-column:2;grid-row:1/5;margin:0}.lead-detail .next-step{grid-column:1/-1}.workspace-header{align-items:start}.workspace-header .button{font-size:.72rem}.metrics{gap:12px}.metrics article{padding:18px}.metrics small{line-height:1.5}.side-note{margin-inline:6px}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.demo-banner{padding:12px 18px;gap:14px;font-size:.7rem}.demo-banner strong{display:block;margin-bottom:5px}.banner-detail{display:block;max-width:230px;line-height:1.6}.demo-banner a{font-size:.7rem;white-space:normal;max-width:90px}main{padding:25px 18px}.workspace-header{flex-direction:column;gap:18px}.workspace-header .button{font-size:.85rem}.metrics{gap:9px}.metrics article{padding:15px 12px}.metrics article>span{font-size:.7rem;line-height:1.6}.metrics strong{font-size:1.5rem}.metrics small{font-size:.65rem}.panel-heading{padding-inline:16px}.filter-bar{padding-inline:16px;flex-wrap:wrap}.search-label{flex-basis:100%}.status-filter{width:100%}.status-filter select{width:100%;max-width:none}th:first-child,td:first-child{padding-left:16px}td,th{padding-inline:10px}.company-button{gap:8px;min-width:145px}.company-button .avatar{display:none}td:nth-child(2){min-width:110px}.table-footer{padding-inline:16px;line-height:1.6}.lead-detail{display:block}.lead-detail dl{margin-block:20px}.demo-bottom{align-items:start;flex-direction:column;gap:15px}.empty-state h3{line-height:1.5}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}