@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#151922;font-synthesis:none;--blue:#135fdf;--line:#dfe4eb;--muted:#6d7481;--amber:#e69512;--green:#198647;background:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}.app-shell{grid-template-columns:205px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:26px 12px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px 32px;font-size:19px;font-weight:700;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:5px;display:grid}.nav-item{color:#4c5461;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 13px;font:500 14px inherit;display:flex}.nav-item:hover{background:#f5f7fa}.nav-item.active{color:var(--blue);box-shadow:inset -3px 0 var(--blue);background:#edf4ff}.sidebar-bottom{margin-top:auto}.demo-note{color:#737b88;border-top:1px solid var(--line);padding:16px 12px 0;font-size:11px;line-height:1.45}.demo-note span{color:#9ba1aa}main{min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;padding:20px 26px 18px 30px;display:flex}.topbar h1{letter-spacing:-.04em;margin:0;font-size:28px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.select-wrap{position:relative}.select-wrap select{appearance:none;background:#fff;border:1px solid #d7dce3;border-radius:8px;padding:11px 38px 11px 13px;font:500 13px inherit}.select-wrap svg{pointer-events:none;position:absolute;top:13px;right:12px}.icon-button,.primary,.outline,.wide-outline,.text-button{cursor:pointer;font:600 13px inherit}.icon-button{background:#fff;border:1px solid #d7dce3;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.primary{background:var(--blue);color:#fff;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:0 5px 14px #135fdf2e}.avatar{background:#eef0f3;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.toast{z-index:5;color:#fff;background:#132034;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex;position:fixed;top:87px;left:50%;transform:translate(-45%);box-shadow:0 10px 30px #0a173733}.toast button{color:#a9c5ff;cursor:pointer;background:0 0;border:0;margin-left:8px;font:600 11px inherit}.workspace{grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100vh - 100px);display:grid}.overview-pane{min-width:0;padding:22px 26px 34px 30px}.pulse-bar{border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;height:142px;padding:18px 36px;display:flex}.pulse-item{grid-template-rows:auto auto;grid-template-columns:52px 1fr;column-gap:13px;min-width:158px;display:grid}.pulse-icon{border-radius:50%;grid-row:1/3;place-items:center;width:52px;height:52px;display:grid}.pulse-icon svg{width:23px}.pulse-item strong{font-size:26px;line-height:1.1}.pulse-item small{color:#4f5662;font-size:12px}.pulse-item.blue .pulse-icon{background:var(--blue);color:#fff}.pulse-item.amber .pulse-icon{color:var(--amber);border:2px solid var(--amber)}.pulse-item.green .pulse-icon{color:var(--green);border:2px solid var(--green)}.pulse-line{width:14%;height:2px;margin:0 17px 26px}.blue-line{background:linear-gradient(90deg,var(--blue),#91b7f3)}.green-line{background:linear-gradient(90deg,#f2bb5d,var(--green))}.section-block,.automation-section{margin-top:26px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.section-title h2,.timeline-header h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-title p,.timeline-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.section-title>span{color:#9299a4;font-size:11px}.table-wrap{border:1px solid var(--line);border-radius:9px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;color:#4c535f;padding:10px 12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #e8ebef;padding:11px 12px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#f7f9fc}tbody tr.selected{box-shadow:inset 3px 0 var(--blue);background:#edf4ff}td:first-child{white-space:nowrap;align-items:center;gap:9px;display:flex}.radio{background:#fff;border:1px solid #cbd2dc;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.radio i{background:var(--blue);border-radius:50%;width:7px;height:7px}td small{color:var(--muted);margin-top:3px;display:block}.overdue{color:#d88300!important}.tracking{color:var(--blue);text-overflow:ellipsis;max-width:135px;overflow:hidden}.risk{border-radius:20px;padding:4px 10px;font-size:11px;display:inline-block}.risk.high{color:#be451e;background:#fff0eb}.risk.medium{color:#a96704;background:#fff5dc}.risk.low{color:#16733f;background:#e8f6ed}.outline{color:var(--blue);white-space:nowrap;background:#fff;border:1px solid #9dbdf2;border-radius:6px;padding:7px 9px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.table-foot{color:#747b86;justify-content:space-between;padding:9px 12px;font-size:11px;display:flex}.automation-path{align-items:center;display:flex}.path-step{border:1px solid var(--line);min-height:77px;color:var(--blue);border-radius:8px;flex:1;align-items:flex-start;gap:9px;padding:12px 10px;display:flex;position:relative}.path-step.watch{color:var(--amber)}.path-step strong{color:#202630;font-size:11px;display:block}.path-step span{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.35;display:block}.path-step em{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;bottom:-8px;right:9px}.path-step.watch em{background:var(--amber)}.arrow{color:#7c8491;padding:0 5px}.timeline-pane{border-left:1px solid var(--line);min-width:0;padding:24px 20px}.timeline-header{justify-content:space-between;align-items:flex-start;display:flex}.customer-card{background:#f7f9fc;border:1px solid #e6eaf0;border-radius:9px;grid-template-columns:44px 1fr 20px;align-items:center;gap:10px;margin:20px 0;padding:13px;display:grid}.customer-avatar{color:#1b4f98;background:#dfeeff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.customer-card strong,.customer-card span{display:block}.customer-card strong{font-size:13px}.customer-card span{color:var(--muted);margin-top:2px;font-size:10px}.timeline{position:relative}.timeline:before{content:"";background:#d8dee7;width:1px;position:absolute;top:15px;bottom:20px;left:16px}.timeline-item{grid-template-columns:34px 1fr;gap:12px;padding:7px 0 18px;display:grid;position:relative}.timeline-icon{z-index:1;color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.timeline-icon.blue{background:var(--blue)}.timeline-icon.purple{background:#8450bd}.timeline-icon.green{background:#24934d}.timeline-title{justify-content:space-between;gap:8px;padding-top:2px;display:flex}.timeline-title strong{font-size:12px}.timeline-title time{color:#7f8691;white-space:nowrap;font-size:10px}.timeline-item p{margin:6px 0 2px;font-size:11px;line-height:1.45}.timeline-item div>span{color:var(--muted);font-size:10px}.wide-outline{width:100%;color:var(--blue);background:#fff;border:1px solid #84adf2;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:11px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.app-shell{grid-template-columns:76px 1fr}.brand{padding:0 8px 28px;font-size:0}.sidebar .nav-item span,.demo-note{display:none}.nav-item{justify-content:center}.workspace{grid-template-columns:1fr}.timeline-pane{border-left:0;border-top:1px solid var(--line)}.pulse-line{width:8%}}@media (width<=720px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:auto;padding:10px 14px;display:flex;position:static}.brand{padding:0;font-size:17px}.sidebar nav,.sidebar-bottom{display:none}.topbar{align-items:flex-start;height:auto;padding:16px}.topbar p,.top-actions .select-wrap,.top-actions .icon-button,.avatar{display:none}.overview-pane,.timeline-pane{padding:18px 14px}.pulse-bar{justify-content:space-between;gap:10px;height:auto;padding:16px}.pulse-item{text-align:center;min-width:0;display:block}.pulse-icon{width:40px;height:40px;margin:auto}.pulse-item strong,.pulse-item small{display:block}.pulse-line{display:none}.table-wrap{overflow:auto}table{min-width:720px}.automation-path{padding-bottom:10px;overflow:auto}.path-step{min-width:145px}.workspace{display:block}.toast{top:70px;left:12px;right:12px;transform:none}.primary{padding:10px 12px}}