@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;background:#f4f6fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#111827;flex-direction:column;width:250px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 34px;display:flex}.brand>div:last-child{gap:2px;display:grid}.brand strong{font:700 15px Manrope}.brand span,.sidebar-foot span{color:#94a3b8;font-size:12px}.mark{background:linear-gradient(135deg,#6d5dfc,#3dc5b7);border-radius:11px;place-items:center;width:38px;height:38px;font:800 13px Manrope;display:grid}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#9ca3af;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#242f43}.sidebar-foot{border-top:1px solid #263146;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.sidebar-foot>div:last-child{display:grid}.avatar{color:#4c3fd0;background:#d9d6fe;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.main{min-height:100vh;margin-left:250px;padding:44px clamp(24px,5vw,72px)}.page-head{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:.13em;font-weight:700;color:#6d5dfc!important;margin:0 0 8px!important;font-size:12px!important}.page-head h1{color:#111827;letter-spacing:-.04em;margin:0;font:800 clamp(28px,3vw,42px) Manrope}.page-head p{color:#6b7280;margin:7px 0 0;font-size:16px}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#5b4bea;box-shadow:0 7px 18px #5b4bea33}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#202a3b;background:#fff;border:1px solid #d7dce5}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}.metric,.panel,.empty{background:#fff;border:1px solid #e3e7ee;border-radius:16px;box-shadow:0 3px 12px #18203308}.metric{padding:22px}.metric span{color:#667085;font-size:14px}.metric strong{margin:11px 0 7px;font:800 30px Manrope;display:block}.metric small{color:#98a2b3}.grid-two{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.panel{min-height:310px;padding:24px}.panel-title{justify-content:space-between;display:flex}.panel h2,.empty h2,.modal h2{margin:0 0 4px;font:700 18px Manrope}.panel p,.empty p,.modal p{color:#7a8495;margin:0;line-height:1.55}.chart-empty{color:#a2aaba;align-content:center;place-items:center;gap:12px;height:220px;display:grid}.chart-empty svg{width:36px;height:36px}.progress-list{margin-top:24px;display:grid}.progress-list div{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:17px 0;display:flex}.empty{text-align:center;align-content:center;place-items:center;min-height:430px;padding:40px;display:grid}.empty p{max-width:470px;margin:8px auto 22px}.empty-icon{color:#6554ec;background:#eeecff;border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:18px;display:grid}.backdrop{z-index:50;background:#0b1220aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(500px,100%);padding:34px;position:relative;box-shadow:0 30px 80px #0004}.modal h2{font-size:26px}.modal>p:not(.eyebrow){margin:9px 0 22px}.close,.mobile-close,.mobile-menu{cursor:pointer;background:0 0;border:0}.close{color:#667085;position:absolute;top:18px;right:18px}.drop{cursor:pointer;background:#fafbfc;border:1.5px dashed #bac2cf;border-radius:14px;align-content:center;place-items:center;gap:7px;min-height:155px;margin-bottom:16px;display:grid}.drop svg{color:#6353e8}.drop span{color:#98a2b3;font-size:13px}.drop input{display:none}.wide{width:100%}.mobile-menu,.mobile-close{display:none}.mobile-menu{z-index:12;color:#fff;background:#111827;border-radius:9px;padding:9px;position:fixed;top:15px;left:15px}@media (width<=900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.mobile-menu,.mobile-close{display:block}.mobile-close{color:#fff;position:absolute;top:13px;right:13px}.main{margin-left:0;padding-top:72px}.page-head{flex-direction:column}.page-head .primary{width:100%}}@media (width<=540px){.metrics{grid-template-columns:1fr}.main{padding-left:16px;padding-right:16px}.metric{padding:18px}}