@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#17272b;--muted:#758481;--paper:#f6f8f5;--line:#e3ebe6;--mint:#cce9d9;--green:#4d9b78;--coral:#e8876c;--navy:#1e3438}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button{font:inherit;border:0;background:0;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #8bd0ae;outline-offset:3px}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--navy);color:#eff8f0;padding:27px 16px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:0 11px 32px}.brand strong{display:block;font-size:18px;letter-spacing:-.05em}.brand em{display:block;color:#9ab4ae;font:12px 'DM Mono';font-style:normal;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--mint);color:var(--navy);border-radius:11px 11px 11px 3px;font:700 17px Fraunces}.workspace{border-top:1px solid #ffffff1a;padding:23px 11px 14px;color:#8ea8a2;font:10px 'DM Mono';letter-spacing:.12em}.workspace span{float:right;color:var(--mint);font-size:15px}nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;border-radius:9px;color:#aac1bc;text-align:left;font-size:14px}.nav:hover{background:#ffffff12;color:#fff}.nav.active{background:#d4ecdd;color:var(--navy);font-weight:600}.nav b{margin-left:auto;background:var(--coral);color:#fff;border-radius:12px;padding:3px 7px;font:11px 'DM Mono'}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #ffffff1a;padding:18px 8px 0;display:flex;gap:9px;align-items:center}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d48a73;color:#fff;font:10px 'DM Mono'}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#8ea8a2;font-size:11px;margin-top:3px}main{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 46px;display:flex;align-items:center;justify-content:space-between}.crumb{color:var(--muted);font-size:13px}.crumb span{padding:0 10px;color:#bcc9c4}.crumb strong{color:var(--ink)}.top-right{display:flex;gap:25px;align-items:center}.period{font-size:12px;color:var(--muted)}.period i,.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.period strong{color:var(--ink)}.bell{font-size:20px;color:#7c8b8a;position:relative}.bell i{position:absolute;width:6px;height:6px;background:var(--coral);border-radius:50%;right:-2px;top:0}.content{max-width:1380px;margin:auto;padding:39px 46px 60px}.eyebrow,label{font:500 10px 'DM Mono';letter-spacing:.12em;color:#899995}.eyebrow{margin-bottom:13px}.headline{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.headline h1{margin:0 0 8px;font:700 39px/1.05 Fraunces,Georgia,serif;letter-spacing:-.05em}.headline p{margin:0;color:var(--muted);font-size:15px}.primary{background:var(--ink);color:#fff;border-radius:7px;padding:12px 18px;font-weight:600}.primary:hover{background:#28454a}.metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px;margin-bottom:25px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 38px #2339390a}.metric{padding:21px 22px;min-height:157px}.metric.dark{background:var(--ink);color:#f4fbf5;border-color:var(--ink);position:relative;overflow:hidden}.metric label{color:#80918e}.dark label{color:#a2bcb3}.metric label small{font:10px 'DM Mono';letter-spacing:0;margin-left:7px;padding:4px 6px;border-radius:5px;color:#7fc79c;background:#6fb68d26}.metric label small.soft{color:#668274;background:#eef5ef}.metric label small.alert{color:#c86b54;background:#fff0eb}.metric strong{display:block;margin-top:17px;font:700 33px Fraunces;letter-spacing:-.05em}.metric strong span{font-size:21px}.metric strong.coral{color:var(--coral);font-size:35px}.metric p{margin:8px 0 0;color:#82908e;font-size:12px}.dark .metric p{color:#9db4ae}.metric p b{padding:0 6px;color:#c5d6d0}.spark{position:absolute;right:20px;bottom:20px;color:#8bcaa7;font:22px 'DM Mono';letter-spacing:-4px}.progress{height:6px;background:#edf2ee;border-radius:10px;margin-top:19px;overflow:hidden}.progress:after{content:'';display:block;width:78%;height:100%;background:var(--green);border-radius:10px}.caption{display:flex;justify-content:space-between;margin-top:7px;color:#9aa7a4;font:10px 'DM Mono'}.link{color:var(--coral);font-size:12px;font-weight:600;padding:0}.metric .link{margin-top:17px}.columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 16px}.panel-head h2,.next h2{font:700 20px Fraunces;margin:5px 0 0;letter-spacing:-.03em}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px 23px;text-align:left;border-top:1px solid #eef2ef}th{font:500 9px 'DM Mono';letter-spacing:.1em;color:#9aa6a3}td{font-size:12px;color:#526361}td:first-child{font-weight:600;color:var(--ink)}.muted{color:#98a5a2!important}.status{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font:10px 'DM Mono'}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.review{background:#fff3da;color:#ba8c35}.status.approved{background:#e7f5ec;color:#428862}.status.closed{background:#edf1f0;color:#6c7c79}.arrow{color:#9caaa6;font-size:18px}.muted{color:#9ca9a5}.activity-list{padding:0 23px 16px}.activity-list>div{display:flex;gap:11px;padding:13px 0;border-top:1px solid #eef2ef}.event{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}.event.mint{background:#e0f3e7;color:var(--green)}.event.amber{background:#fff3da;color:#bd8e33}.event.blue{background:#e5f0f7;color:#4b85a4}.event.coral{background:#fff0eb;color:#ca735c}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:12px}.activity-list small{color:#98a5a2;font-size:11px;margin-top:4px}.next{margin-top:15px;background:#e0f1e5;border-radius:10px;padding:20px 23px;display:flex;align-items:center;gap:16px}.next>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b7ddc4;color:#2f7658;font-size:20px}.next>div{flex:1}.next h2{font-size:17px}.next p{margin:5px 0 0;color:#527064;font-size:12px}.secondary{border:1px solid #9fc8ac;color:#317053;padding:10px 14px;border-radius:6px;white-space:nowrap}.toast{position:fixed;right:25px;bottom:22px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:6px;opacity:0;transform:translateY(20px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1000px){.sidebar{width:200px}.content,.topbar{padding-left:28px;padding-right:28px}.metrics{grid-template-columns:1fr 1fr}.metric.dark{grid-column:span 2}.columns{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 5px 27px}.brand>span:last-child,.workspace,.nav span,.nav b,.profile span:not(.avatar){display:none}.nav{justify-content:center;padding:12px 0}.topbar{padding:0 18px}.period{display:none}.content{padding:27px 18px}.headline{align-items:start;flex-direction:column;gap:18px}.headline h1{font-size:32px}.metrics{display:block}.metric{margin-bottom:12px}.columns{display:block}.activity{margin-top:15px}.next{align-items:start;flex-wrap:wrap}.next .secondary{margin-left:50px}}