@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');:root{--blue:#2fbecb;--violet:#c87894;--navy:#3a2822;--ink:#34241f;--text:#5c647c;--line:#e6e9f2;--soft:#fff8f3;--grad:linear-gradient(105deg,var(--blue),var(--violet))}*{box-sizing:border-box}body{background:var(--soft);color:var(--ink);font-family:Manrope,sans-serif;margin:0}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 20px}.brand{align-items:center;display:flex;margin-bottom:38px}.brand img{height:42px;width:48px}.brand b{font:700 23px Space Grotesk;letter-spacing:-.06em}.brand span{color:#9c62ec}.sidebar small{color:#8894bd;font-size:7px;font-weight:800;letter-spacing:.14em}.sidebar nav{display:grid;gap:7px;margin-top:12px}.sidebar nav button{background:transparent;border:0;border-radius:11px;color:#aeb6d1;font-size:9px;font-weight:700;padding:12px;text-align:left}.sidebar nav button.active{background:linear-gradient(105deg,#2fbecb33,#c8789455);color:#fff}.main{padding:28px 3.5vw}.top{align-items:center;display:flex;justify-content:space-between}.top h1{font:600 30px Space Grotesk;letter-spacing:-.05em;margin:0}.top p{color:var(--text);font-size:10px}.avatar{background:var(--grad);border:0;border-radius:50%;color:#fff;font-weight:800;height:42px;width:42px}.notice{background:#eef4ff;border:1px solid #dff8f8;border-radius:15px;color:#254b88;font-size:10px;margin:24px 0;padding:14px}.stats{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat small{color:var(--text);font-size:7px;font-weight:800;letter-spacing:.1em}.stat b{display:block;font:600 25px Space Grotesk;margin-top:9px}.grid{display:grid;gap:15px;grid-template-columns:1.4fr .6fr;margin-top:15px}.card h2{font:600 17px Space Grotesk;margin:0 0 15px}.task{align-items:center;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:32px 1fr auto;padding:12px 0}.task i{align-items:center;background:#fff0f6;border-radius:9px;display:flex;font-style:normal;height:32px;justify-content:center}.task b{font-size:9px}.task small{color:var(--text);display:block;font-size:7px;margin-top:2px}.task strong{color:var(--violet);font-size:8px}.logout{background:none;border:1px solid #ffffff28;border-radius:10px;color:#aeb6d1;font-size:8px;margin-top:30px;padding:10px;width:100%}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{padding:12px 16px}.brand{margin:0}.sidebar>small,.sidebar nav{display:none}.logout{position:absolute;right:15px;top:10px;width:auto;margin:0}.main{padding:22px 14px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}