:root{--blue:#2459df;--ink:#1b2942;--muted:#788397;--line:#e7ebf2;--bg:#f7f9fc;--green:#1c9474;--display:"Avenir Next","Helvetica Neue",Arial,sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{position:absolute;width:0;height:0}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7ba3ff}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 19px 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 31px}.brand-symbol{width:37px;height:40px;border-radius:10px;background:var(--blue);color:white;font-size:36px;font-weight:750;line-height:36px;text-align:center;position:relative}.brand-symbol span{position:absolute;font-size:18px;right:2px;top:-5px}.brand strong{font-size:29px;line-height:25px;letter-spacing:-1.4px}.brand strong>span{display:block;letter-spacing:2.8px;font-size:9px;color:#8d97a8;font-weight:500;margin-top:6px;line-height:10px}.workspace{display:flex;gap:10px;align-items:center;padding:14px 11px;background:#f7f9fc;border:1px solid var(--line);border-radius:8px;margin-bottom:30px;font-size:12px;font-weight:650}.workspace-icon{background:#e6edff;color:var(--blue);padding:10px 8px;border-radius:6px}.workspace small,.profile small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.2px;color:#9aa3b3;padding:0 14px;margin-bottom:11px}.lower{margin-top:35px}nav{display:grid;gap:6px}nav a,nav button{display:flex;align-items:center;text-align:left;gap:12px;height:44px;padding:0 14px;font-size:12px;color:#647088;border-radius:7px}nav .active{background:#edf2ff;color:var(--blue);font-weight:650}nav a:hover,nav button:hover{background:#f0f4fb}nav a>span{margin-left:auto;border-radius:4px;background:#e2e9fb;padding:2px 6px;font-size:10px}.question{border:1.5px solid;border-radius:50%;height:18px;width:18px;text-align:center;line-height:16px}.sidebar-bottom{margin-top:auto;padding-top:36px}.sandbox{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:13px 12px;margin-bottom:20px}.sandbox i,.hero-tag i,.map-caption i,.tiny-dot,.list-footer i{display:inline-block;background:#42b797;width:6px;height:6px;border-radius:50%;margin-right:6px}.sandbox small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 0;font-size:11px}.profile>span,.avatar{background:#eaf0fa;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px;font-weight:650}.profile small{font-size:9px}.main-shell{margin-left:238px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px}.breadcrumbs{color:var(--muted)}.breadcrumbs span{margin:0 14px;color:#bbc2cf}.breadcrumbs b{font-weight:500;color:var(--ink)}.top-right{display:flex;gap:17px;align-items:center;color:var(--muted)}.demo-pill{font-size:9px;letter-spacing:1px;color:#6d81a7;border:1px solid #dee5f2;border-radius:4px;padding:4px 6px}.menu{display:none}main{max-width:1590px;margin:auto;padding:36px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.1px;color:#8390a6;font-weight:600}h1{font-family:var(--display);font-size:29px;letter-spacing:-1px;margin:10px 0 10px;line-height:1.25}p{color:var(--muted);line-height:1.7;margin:0}.page-heading p{font-size:12px}.primary{background:var(--blue);color:white;padding:12px 16px;display:inline-flex;gap:7px;align-items:center;border-radius:7px;font-weight:550;font-size:12px;white-space:nowrap;box-shadow:0 4px 8px #2459df12}.primary:hover{background:#1748c5}.primary svg{width:16px;height:16px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:349px;background:#edf3ff;border:1px solid #dce6fa;border-radius:12px;overflow:hidden}.hero-copy{padding:33px 35px}.hero-tag{font-size:9px;letter-spacing:1px;color:#5674ad;font-weight:650}.hero-tag i{background:#4874d7;width:5px;height:5px}h2{margin:0}.hero h2{font-family:var(--display);font-size:39px;letter-spacing:-1.3px;line-height:1.14;font-weight:650;margin:21px 0 15px;color:#20458d}.hero-copy p{font-size:12px;color:#6f83a6;line-height:1.8}.hero-button{display:inline-flex;align-items:center;gap:19px;margin-top:22px;border:1px solid #cbd9f1;background:#fff9;border-radius:6px;padding:10px 13px;color:#2756ad;font-size:11px;font-weight:600}.hero-button:hover{background:white}.hero-button svg{width:15px;height:15px}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:9px;color:#6b83ae}.hero-foot em{font-style:normal;color:#a3b6d7}.hero-map{position:relative;background-image:radial-gradient(#bccce5 1px,transparent 1px);background-size:16px 16px;padding:20px 24px 14px;border-left:1px solid #dbe5f6;display:flex;flex-direction:column;align-items:center}.map-caption{font-size:8px;letter-spacing:.4px;display:flex;justify-content:space-between;width:100%;color:#6f83a6}.map-caption i{width:5px;height:5px;background:#7693c7}.map-track{width:100%;max-width:348px;padding-top:20px}.map-node{width:232px;margin:auto;background:white;box-shadow:0 4px 10px #24436e06;border:1px solid #d7e2f5;border-radius:7px;display:flex;align-items:center;gap:10px;padding:11px;font-size:11px;font-weight:550}.map-node.first{border-color:#a5bfee}.map-node small{display:block;font-size:8px;color:#93a0b6;font-weight:400;margin-top:4px}.node-icon{width:30px;height:30px;display:grid;place-items:center;color:#4472c9;background:#eef4ff;border-radius:6px;font-size:24px}.node-icon svg{width:17px;height:17px}.node-check{margin-left:auto;font-size:10px;color:#39a585;background:#edf8f2;border-radius:50%;padding:3px}.connector{text-align:center;height:22px;color:#96acd1;font-size:18px;line-height:22px}.decision{margin:auto;width:174px;background:#e4edff;border:1px solid #bdcff1;border-radius:5px;text-align:center;padding:10px 4px;font-size:10px;color:#4266a9}.branches{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.branch-label{display:block;font-size:8px;color:#7d91ad;padding-top:6px}.branch-line{display:block;color:#a1b2ce;font-size:15px;line-height:16px}.branch-node{background:#fdfefe;border:1px solid #dbe3f0;border-radius:6px;font-size:10px;padding:12px 4px;color:#7f8ba2}.branch-node.approved{color:#319679;border-color:#b9dece;background:#f3fbf7}.map-note{font-size:8px;color:#8296b7;margin-top:19px}.tiny-dot{width:4px;height:4px;background:#7596cd}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 29px;border:1px solid var(--line);background:white;border-radius:9px;padding:21px 0}.metrics>div{display:flex;align-items:center;gap:13px;padding:0 22px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metric-icon{height:40px;width:40px;flex-shrink:0;border-radius:9px;display:grid;place-items:center}.blue{background:#eef3ff;color:#6088db}.green{background:#edf8f4;color:#44a68a}.orange{background:#fff6e8;color:#d59b41;font-weight:700;font-size:22px}.violet{background:#f3effc;color:#9980cc}.metrics div>div>span{font-size:10px;color:var(--muted)}.metrics strong{display:block;font-size:26px;font-weight:600;margin-top:5px;line-height:1}.metrics strong small{font-size:10px;color:#9da6b6;font-weight:400;margin-left:5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:23px}.process-panel,.quick-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;scroll-margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 19px;gap:10px}.section-title h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.section-title h2>span{font-size:10px;color:#8695b0;background:#f1f4f9;border-radius:4px;padding:3px 6px;margin-left:5px}.section-title p{font-size:10px;margin-top:7px}.text-button{font-size:10px;white-space:nowrap;color:#7a8aa7}.text-button span{margin-left:7px}.list-controls{padding:0 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tabs{display:flex;gap:3px;background:#f5f7fb;border-radius:5px;padding:3px}.tabs button{font-size:10px;padding:6px 10px;color:#8490a5;border-radius:4px;white-space:nowrap}.tabs .selected{background:white;box-shadow:0 1px 4px #273d6612;color:#355992}.search{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;padding:6px 9px;width:166px}.search svg{height:14px;width:14px;color:#9aa7bd}.search input{min-width:0;width:100%;border:0;outline:0;font-size:10px;color:var(--ink);background:transparent}.search:focus-within{outline:2px solid #7ba3ff}.search input::placeholder{color:#a0aabd}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#fafbfd}th{font-size:8px;font-weight:550;letter-spacing:.6px;color:#98a3b6;padding:11px 12px;border-top:1px solid #f0f2f7;border-bottom:1px solid #f0f2f7}th:first-child{padding-left:23px}td{padding:17px 12px;border-bottom:1px solid #f0f2f7;font-size:11px}td:first-child{padding-left:23px}td:nth-child(2){color:#929eb1;font-size:10px}td:last-child{padding-right:21px}.process-link{display:flex;align-items:center;gap:10px;padding:0;text-align:left}.process-link:hover strong{color:var(--blue)}.row-icon{border:1px solid #e7edf6;border-radius:7px;background:#f8faff;color:#829cc3;width:33px;height:36px;display:grid;place-items:center}.row-icon svg{width:16px;height:16px}.process-link strong{font-size:11px;font-weight:550;display:block}.process-link small{font-size:8px;color:#9ba7b9;display:block;margin-top:5px;letter-spacing:.4px}.status{font-size:9px;white-space:nowrap;border-radius:4px;padding:5px 7px;display:inline-block}.status.passed{background:#edf8f3;color:#3c9a7d}.status.review{background:#fff6e9;color:#c39347}.status.draft{background:#f0f3f8;color:#8995a8}.row-open{color:#99a7be}.list-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 22px;font-size:8px;color:#a1aabd}.list-footer i{width:4px;height:4px;background:#acb8ce}.list-footer button{font-size:9px;color:#527bc3;white-space:nowrap}.quick-panel .section-title{padding-bottom:8px}.quick-action{display:flex;align-items:center;gap:12px;text-align:left;width:calc(100% - 40px);margin:0 20px;padding:17px 0;border-bottom:1px solid #eef1f6}.quick-action:hover strong{color:var(--blue)}.quick-action .step{font-size:10px;color:#8099c0;background:#f1f5fb;border:1px solid #e6edf7;border-radius:6px;width:30px;height:32px;display:grid;place-items:center;flex-shrink:0}.quick-action strong{font-size:11px;font-weight:550}.quick-action p{font-size:9px;line-height:1.6;margin-top:5px}.quick-action>span:last-child{margin-left:auto;color:#9aa8bc}.tip{margin:18px 20px;padding:13px;background:#f6f9ff;border:1px solid #e6edfb;border-radius:6px;display:flex;gap:10px}.tip>svg{width:17px;height:17px;color:#688ac9}.tip strong{font-size:9px;color:#5d78a8;font-weight:550}.tip p{font-size:9px;line-height:1.7;margin:6px 0;color:#91a0b9}.tip button{color:#587ec0;font-size:9px;padding:0}footer{display:flex;justify-content:space-between;padding:25px 0;font-size:9px;color:#a0aabe}footer b{font-size:14px;letter-spacing:-.6px;margin-right:8px;color:#8a9bb7}footer i{font-style:normal;margin:0 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);border-radius:14px;width:min(640px,calc(100% - 30px));padding:26px;box-shadow:0 25px 100px #152b5530;color:var(--ink)}dialog::backdrop{background:#15274566;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-header button{color:#8291a9;padding:7px}.dialog-header button:hover{background:#f2f5fb;border-radius:4px}dialog h2{font-size:24px;margin-bottom:12px}dialog p{font-size:13px}dialog label{display:block;font-size:12px;margin:20px 0 7px}dialog input,dialog select{width:100%;padding:12px;border:1px solid #dbe2ee;border-radius:6px;background:white;color:var(--ink)}.form-actions{display:flex;justify-content:flex-end;margin-top:25px}.detail-steps{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.detail-steps span{padding:10px;border:1px solid #dce6fa;background:#f4f7fe;border-radius:6px;font-size:11px}.detail-list{padding-left:20px;font-size:13px;color:#71809b;line-height:2}.template-choice{display:block;border:1px solid var(--line);border-radius:7px;text-align:left;padding:17px;width:100%;margin-top:12px}.template-choice:hover{background:#f2f6ff;border-color:#9eb8ed}.template-choice strong{display:block;margin-bottom:6px;font-size:13px}.template-choice small{font-size:11px;color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#203554;color:white;padding:14px 22px;border-radius:8px;font-size:12px;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1550px){main{padding-top:42px}.hero{min-height:370px}.hero h2{font-size:44px}.hero-copy{padding:36px 42px}.map-track{padding-top:30px}.map-note{margin-top:27px}}@media(max-width:1200px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.main-shell{margin-left:208px}main{padding:28px 25px 0}.topbar{padding:0 25px}.hero-copy{padding:30px 25px}.hero h2{font-size:35px}.metrics>div{padding:0 13px;gap:9px}.metric-icon{width:33px;height:36px}.metrics div>div>span{font-size:9px}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(245px,1fr);gap:17px}.section-title{padding-left:17px;padding-right:17px}.list-controls{padding-left:17px;padding-right:17px}.search{width:135px}.quick-action{gap:8px}.process-link strong{font-size:10px}.list-footer>span{max-width:190px;line-height:1.5}}@media(max-width:1000px){.content-grid{grid-template-columns:1fr}.quick-panel{display:grid;grid-template-columns:1fr 1fr}.quick-panel .section-title{grid-column:1/-1}.tip{margin-top:12px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics>div:nth-child(2){border:0}.hero-copy{padding:25px 20px}.hero h2{font-size:31px}.hero-map{padding:18px 14px}.hero-foot{gap:7px;font-size:8px}.map-node{width:190px}.branches{gap:10px}.map-caption>span:last-child{display:none}.hero-tag{font-size:8px}.page-heading h1{font-size:25px}.page-heading p{max-width:340px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px;box-shadow:12px 0 30px #1f365520}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:60px;padding:0 20px;gap:15px}.menu{display:block;font-size:20px;color:#61708b}.breadcrumbs{margin-right:auto}.top-domain{display:none}.top-right{gap:10px}main{padding:26px 20px 0}.hero{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>.primary{font-size:0;padding:11px;margin-top:21px}.page-heading>.primary svg{width:20px;height:20px}.hero-copy{padding:25px 18px}.hero h2{font-size:30px}.hero-copy p{font-size:11px}.hero-foot{flex-wrap:wrap;line-height:1.7;gap:6px}.hero-foot em{display:none}.hero-foot span{display:block;flex-basis:100%}.hero-map{justify-content:center;padding:16px 10px}.map-caption{font-size:7px}.map-node{width:100%;font-size:9px;padding:9px 7px;gap:6px}.node-icon{width:24px;height:27px}.map-track{padding-top:17px}.decision{width:90%;font-size:9px}.branches{gap:7px}.branch-node{font-size:8px;padding:9px 3px}.map-note{font-size:7px;line-height:1.7}.hero-button{font-size:10px;gap:6px;padding:9px}.hero-tag{font-size:7px;line-height:1.8}.metrics{padding:17px 0;margin:17px 0 22px;gap:18px}.metrics>div{padding:0 13px}.metrics strong{font-size:24px}.metrics div>div>span{font-size:9px}.metric-icon{width:30px;height:33px}.quick-panel{display:block}.quick-action{padding:18px 0}.quick-action strong{font-size:12px}.quick-action p{font-size:10px}footer{gap:18px;line-height:1.8}footer>span:last-child{display:none}.list-controls{gap:8px}.tabs button{padding:6px 8px}.search{width:130px}td{padding:16px 7px}td:first-child,th:first-child{padding-left:15px}.process-link{gap:7px}.row-icon{width:28px;height:33px}.process-link strong{font-size:10px}th{padding:10px 7px;font-size:7px}.status{font-size:8px;padding:5px}.section-title h2{font-size:14px}.text-button{font-size:9px}.list-footer{padding:13px 15px}.list-footer>span{max-width:190px}.table-wrap{overflow-x:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:500px){.hero{grid-template-columns:1fr}.hero-copy{padding:25px}.hero h2{font-size:35px}.hero-tag{font-size:8px}.hero-foot{flex-wrap:nowrap;gap:10px}.hero-foot span{flex-basis:auto;font-size:8px}.hero-map{border-left:0;border-top:1px solid #dbe5f6;padding:18px 25px}.map-caption{font-size:8px}.map-node{width:220px;font-size:11px;padding:10px;gap:10px}.map-node small{font-size:9px}.node-icon{width:30px;height:30px}.decision{width:174px;font-size:10px}.branch-node{font-size:10px;padding:11px 3px}.map-note{font-size:8px}.process-link strong{font-size:11px}.metrics div>div>span{font-size:10px}.section-title p{font-size:11px}}