@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";body{margin:0;font-family:DM Sans,sans-serif}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}.app-shell{min-height:100vh;background:#f4f7f7}.sidebar{width:254px;background:#102f36;color:#c9d9d9;position:fixed;inset:0 auto 0 0;z-index:5}.main-area{margin-left:254px;min-height:100vh}.content{padding:32px clamp(20px,4vw,54px);max-width:1600px}.brand{padding:28px 26px 22px}.brand-mark{width:36px;height:36px;border-radius:11px;background:#d98a4b;color:#fff;display:grid;place-items:center;font-weight:700}.nav-group{padding:12px 14px}.nav-label{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;color:#78969a;padding:10px 12px}.metric-value{font-family:Space Grotesk;font-size:30px;font-weight:700}.table-wrap{overflow-x:auto}.drop-zone{border:1px dashed #aac4c4;background:#f7fbfb;border-radius:14px;padding:32px;text-align:center;cursor:pointer}@media(max-width:900px){.sidebar{width:72px}.main-area{margin-left:72px}.brand{padding:20px 18px}.brand-copy,.nav-label,.nav-text,.user-copy{display:none}.content{padding:22px 16px}}