:root{color-scheme:light;--bg:#f2fcfa;--surface:#fff;--ink:#173b43;--muted:#6f858a;--line:#d7ebe7;--teal:#149e93;--teal-light:#d9f5ef;--blue:#3764df;--yellow:#f3c849;--purple:#917ae6;--coral:#ee806d;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{width:100%;display:block}.skip{position:fixed;left:1rem;top:-4rem;z-index:10;background:var(--teal);color:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}:focus-visible{outline:3px solid #efa92c;outline-offset:3px}.demo-bar{background:#173b43;color:#b8e9df}.demo-bar>div{width:min(100% - 48px,1440px);margin:auto;min-height:31px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.1em}.demo-bar a{text-decoration:none;color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:calc(100vh - 31px);padding:30px 19px;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 34px;font:650 20px var(--display);letter-spacing:-.07em;text-decoration:none}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--teal);color:#fff;font:700 19px Georgia,serif;transform:rotate(-7deg)}.workspace{margin:0 11px 15px;color:#9aafb2;font-size:8px;font-weight:700;letter-spacing:.16em}.side-link{display:flex;align-items:center;gap:12px;margin:4px 0;padding:12px;border-radius:9px;color:#74888e;text-decoration:none;font-size:11px}.side-link.active{background:var(--teal-light);color:var(--teal);font-weight:650}.side-link b{margin-left:auto;font-size:9px;font-weight:500;color:#9eafb0}.side-icon{width:17px;text-align:center;font-size:15px}.side-bottom{position:absolute;right:18px;bottom:20px;left:18px}.profile{display:flex;align-items:center;gap:9px;padding:13px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dce7ff;color:#4361bd;font-size:9px;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{font-size:8px;color:var(--muted);margin-top:3px}.profile i{font-style:normal;margin-left:auto;color:var(--muted)}.side-note{display:flex;gap:10px;margin-top:16px;padding:14px;border:1px solid #dcebd8;border-radius:11px;background:#f2fbe7}.side-note>span{color:#d0a626;font-size:17px}.side-note strong,.side-note small{display:block}.side-note strong{font-size:9px}.side-note small{font-size:8px;line-height:1.5;color:#84946f;margin-top:4px}.main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,58px)}.top-left{display:flex;align-items:center;gap:15px}.crumb{display:flex;gap:9px;align-items:center;font-size:11px}.crumb span{color:#9aaeb0}.crumb b{font-weight:400;color:#d0dedf}.crumb strong{font-weight:600}.menu-button{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--ink)}.top-right{display:flex;align-items:center;gap:13px}.icon-button{border:0;background:none;font-size:17px;color:#718c8f;position:relative}.icon-button i{position:absolute;top:0;right:0;width:5px;height:5px;background:var(--coral);border-radius:50%;border:1px solid white}.demo-tag{border:1px solid #e8dcb0;border-radius:999px;background:#fff8dc;color:#92752a;font-size:8px;padding:7px 10px;letter-spacing:.04em}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#dbedeb;color:var(--teal);font-size:10px;font-weight:700}.content{max-width:1370px;margin:auto;padding:41px clamp(22px,4vw,58px) 55px}.welcome{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.welcome-kicker{font-size:8px;color:#8aa1a4;letter-spacing:.12em}.welcome h1{font:600 29px var(--display);letter-spacing:-.06em;margin-top:9px}.welcome h1 span{color:var(--yellow);font-size:21px}.welcome-copy{font-size:11px;color:var(--muted);margin-top:7px}.welcome-actions{display:flex;align-items:center;gap:8px}.view-switch,.new-button{min-height:39px;border-radius:8px;padding:0 13px;font-size:9px}.view-switch{border:1px solid var(--line);background:#fff;color:#718689}.view-switch span{margin-left:15px}.new-button{border:0;background:var(--teal);color:#fff;font-weight:600}.metrics{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:13px}.metric{position:relative;overflow:hidden;min-height:147px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.metric-featured{background:var(--teal);color:#fff;border-color:var(--teal)}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.08em;color:#8aa0a3}.metric-featured .metric-top{color:#bcebe2}.metric-top i{font-style:normal;font-size:15px;color:var(--teal)}.metric-featured .metric-top i{color:#e1ff91}.metric strong{display:block;position:relative;z-index:1;font:600 39px var(--display);letter-spacing:-.08em;margin-top:22px}.metric strong small{font-size:20px}.metric p{position:relative;z-index:1;font-size:9px;color:#899c9f;margin-top:7px}.metric p b{color:var(--teal);font-weight:600}.metric-featured p{color:#c4ede7}.metric-featured p b{color:#e2ff9b}.metric-shape{position:absolute;right:-16px;bottom:-31px;width:130px;height:130px;border:20px solid #40afa3;border-radius:45%;transform:rotate(35deg)}.mini-bars{position:absolute;bottom:17px;right:16px;display:flex;gap:4px;align-items:end}.mini-bars i{display:block;width:5px;background:#d7f3ef;border-radius:5px}.mini-bars i:nth-child(1){height:13px}.mini-bars i:nth-child(2){height:22px}.mini-bars i:nth-child(3){height:16px}.mini-bars i:nth-child(4){height:30px}.mini-bars i:nth-child(5){height:38px;background:var(--teal)}.mini-line{position:absolute;right:14px;bottom:22px;width:70px;height:34px;border-top:2px solid var(--blue);transform:skewY(-22deg);opacity:.7}.capacity-ring{position:absolute;right:17px;bottom:14px;width:46px;height:46px;display:grid;place-items:center;border:5px solid #e1e7fb;border-top-color:var(--purple);border-right-color:var(--purple);border-radius:50%;transform:rotate(34deg)}.capacity-ring span{font-size:7px;color:var(--purple);transform:rotate(-34deg)}.panels{display:grid;grid-template-columns:1.42fr .8fr;gap:13px;margin-top:14px}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:13px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:20px 21px 0}.eyebrow{color:var(--teal);font-size:8px;letter-spacing:.1em;font-weight:700}.panel h2{font:600 19px var(--display);letter-spacing:-.04em;margin-top:7px}.dots{border:0;background:none;color:#8ea2a5;letter-spacing:2px}.chart-wrap{padding:23px 20px 17px}.chart{height:200px;position:relative;padding-left:31px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#edf5f3 40px,#edf5f3 41px)}.chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-y{position:absolute;left:0;top:-5px;bottom:-7px;display:flex;flex-direction:column;justify-content:space-between;color:#a5b7b9;font-size:8px}.chart-x{display:flex;justify-content:space-between;color:#99adaf;font-size:8px;padding:12px 2px 0 32px}.donut-wrap{display:flex;align-items:center;gap:20px;padding:39px 23px 42px}.donut{position:relative;display:grid;place-items:center;flex:none;width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--teal) 0 58%,var(--yellow) 58% 82%,var(--purple) 82% 94%,#e7eeee 94%)}.donut:after{content:"";position:absolute;inset:17px;background:#fff;border-radius:50%}.donut span{position:relative;z-index:1;font:600 24px var(--display);letter-spacing:-.06em}.donut span small{display:block;text-align:center;font:8px var(--sans);color:var(--muted);letter-spacing:0}.legend-list{display:grid;gap:14px;flex:1}.legend-list>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:9px;color:#71888b}.legend-list i{display:block;width:8px;height:8px;border-radius:50%}.legend-list b{font-weight:600;color:var(--ink)}.teal{background:var(--teal)}.yellow{background:var(--yellow)}.purple{background:var(--purple)}.gray{background:#dfe8e7}.projects{margin-top:14px}.projects-head{align-items:center;padding-bottom:19px}.projects-head h2 span{font:9px var(--sans);color:#9badad;letter-spacing:0}.projects-head h2 span b{font-weight:600;color:var(--teal)}.project-tools{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:0 9px;height:32px;color:#8ba2a4}.search input{border:0;outline:0;width:120px;font-size:9px;color:var(--ink);background:transparent}.filters{display:flex;gap:5px}.filter{border:1px solid transparent;background:transparent;border-radius:5px;color:#8da1a3;font-size:9px;padding:7px 10px}.filter[aria-pressed=true]{border-color:#cae7e3;color:var(--teal);background:var(--teal-light);font-weight:600}.project-list{padding:0 21px}.project-row{display:grid;grid-template-columns:36px 1.45fr .75fr .65fr 18px;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #edf4f2}.project-thumb{width:34px;height:34px;overflow:hidden;border-radius:9px;background:#dcefeb}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-name{font-size:10px;font-weight:600}.project-meta{font-size:8px;color:#92a4a5;margin-top:5px}.project-meta span{margin:0 4px;color:#c6d5d5}.owner{display:flex;align-items:center;gap:7px;color:#768b8d;font-size:9px}.owner-dot{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eef3fb;color:#6378ba;font-size:7px;font-weight:700}.status{width:max-content;padding:6px 9px;border-radius:999px;background:#e3f6ed;color:#438260;font-size:8px;font-weight:600}.status.review{background:#eee9ff;color:#7862c5}.status.upcoming{background:#fff6db;color:#9c7a25}.project-arrow{color:#9aafb0;font-size:16px}.bottom-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:13px;margin-top:14px}.focus-card{position:relative;overflow:hidden;min-height:210px;border-radius:13px;background:#d7f2eb;padding:24px 26px}.focus-card h2{font:600 25px/1.1 var(--display);letter-spacing:-.06em;margin-top:11px}.focus-card h2 span{color:var(--teal)}.focus-card p{font-size:10px;color:#6c8988;margin-top:10px}.focus-button{display:flex;align-items:center;gap:15px;border:0;background:none;color:var(--teal);font-size:9px;font-weight:600;padding:0;margin-top:21px}.focus-button i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #92c9c0;border-radius:50%;font-style:normal}.focus-button[aria-pressed=true] i{background:var(--teal);color:#fff}.focus-graphic{position:absolute;right:30px;bottom:15px;width:180px;height:170px}.focus-graphic span{position:absolute;right:15px;top:0;color:#a3d9ce;font:600 65px var(--display);letter-spacing:-.1em}.focus-graphic i{position:absolute;inset:35px 11px 7px 22px;border:21px solid #a9ddd4;border-radius:45% 55% 50% 40%;transform:rotate(24deg)}.focus-graphic b{position:absolute;right:20px;bottom:26px;font-size:34px;color:#f0c840}.quote-card{position:relative;border-radius:13px;background:#ffefc2;padding:27px 24px}.quote-mark{font:60px Georgia,serif;color:#e4bf52;line-height:.7}.quote-card p{font:500 17px/1.32 var(--display);letter-spacing:-.04em;margin-top:19px;max-width:220px}.quote-card small{display:block;margin-top:22px;font-size:7px;letter-spacing:.08em;color:#9c8450}.footnote{font-size:8px;color:#9aadaf;line-height:1.7;margin-top:18px}.content-footer{display:flex;justify-content:space-between;gap:20px;padding:18px clamp(22px,4vw,58px) 27px;border-top:1px solid var(--line);color:#8aa0a2;font-size:8px}.content-footer a{text-decoration:none;color:var(--teal)}
@media(max-width:1100px){.shell{grid-template-columns:208px 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.donut-wrap{padding-block:25px}.bottom-grid{grid-template-columns:1fr}.focus-graphic{right:90px}.project-row{grid-template-columns:36px 1.5fr .65fr .65fr 18px}}
@media(max-width:720px){.demo-bar>div{width:calc(100% - 36px);font-size:6px}.shell{display:block}.sidebar{display:none;position:fixed;z-index:10;inset:31px auto 0 0;width:260px;height:calc(100vh - 31px);box-shadow:10px 0 35px #12343a18}.sidebar.open{display:block}.side-bottom{position:static;margin-top:30px}.menu-button{display:block}.topbar{height:69px;padding:0 18px}.crumb{font-size:10px}.top-right{gap:7px}.demo-tag{font-size:7px;padding:6px 8px}.avatar{width:29px;height:29px}.content{padding:29px 18px 42px}.welcome{align-items:flex-start;flex-direction:column;gap:17px}.welcome h1{font-size:25px}.welcome-actions{width:100%;justify-content:space-between}.welcome-actions button{font-size:8px}.metrics{gap:8px}.metric{padding:14px;min-height:130px}.metric strong{font-size:31px}.metric-top{font-size:7px}.metric p{font-size:8px}.metric-shape{transform:scale(.75) rotate(35deg);right:-30px;bottom:-35px}.panels{margin-top:10px;gap:10px}.panel-head{padding:17px 15px 0}.chart-wrap{padding:18px 14px 13px}.chart{height:165px}.donut-wrap{justify-content:center;padding:26px 12px 30px}.donut{width:120px;height:120px}.project-tools{flex-direction:column;align-items:flex-end;gap:6px}.projects-head{align-items:flex-start}.search input{width:100px}.project-list{padding:0 14px}.project-row{grid-template-columns:32px 1fr auto 17px;gap:9px;padding:13px 0}.project-thumb{width:31px;height:31px}.owner{grid-column:2;font-size:8px}.status{grid-column:3;grid-row:1/3;font-size:7px;padding:5px 7px}.project-arrow{grid-column:4;grid-row:1/3}.project-meta{font-size:7px}.project-name{font-size:9px}.focus-card{min-height:235px;padding:22px 20px}.focus-graphic{right:4px;bottom:5px;opacity:.75}.quote-card{min-height:170px}.content-footer{font-size:7px;padding-inline:18px}}
@media(max-width:390px){.metrics{grid-template-columns:1fr 1fr}.metric{min-height:118px}.metric strong{font-size:27px}.metric p{font-size:7px}.metric-top{font-size:6px}.metric-top i{font-size:12px}.project-tools{width:100%}.search{width:100%}.search input{flex:1}.projects-head{gap:13px}.donut-wrap{gap:12px}.donut{width:105px;height:105px}.legend-list{gap:10px}.quote-card p{font-size:15px}.focus-graphic{right:-25px}}
.project-row.hidden{display:none!important}.sidebar{overflow-y:auto}.sidebar.open .brand{padding-right:35px}.sidebar-close{display:none}.sidebar.open .sidebar-close{display:grid;position:absolute;top:20px;right:17px;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white;font-size:20px}.empty-state{font-size:12px;color:var(--muted);padding:22px 0}.project-row .project-arrow{pointer-events:none}
@media(max-width:390px){.crumb>span,.crumb>b{display:none}.top-right .icon-button{display:none}.top-right,.avatar{flex-shrink:0}.top-left{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}