:root{--nav:#102a24;--green:#1f6a56;--mint:#dff2e9;--ink:#17211f;--muted:#65736f;--line:#dce4e1;--bg:#f4f7f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}aside{position:fixed;inset:0 auto 0 0;width:260px;background:var(--nav);color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;padding:0 10px}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#51b998;font-weight:800}.brand b{font-size:17px}.context{margin:28px 10px 18px;padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b}.context small,.context strong{display:block}.context small{color:#a9c5bc;font-size:10px;letter-spacing:.08em}.context strong{margin-top:3px}nav{display:grid;gap:5px}nav a{display:flex;gap:12px;align-items:center;color:#c9d9d4;text-decoration:none;padding:11px 13px;border-radius:9px}nav a:hover,nav a.active{background:#ffffff12;color:white}nav a span{width:20px;text-align:center}.account{margin-top:auto;padding:14px 10px 0;border-top:1px solid #ffffff1c;display:flex;gap:10px;align-items:center}.account>span,.profile{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d9eee7;color:var(--green);font-weight:800;border:0}.account small,.account b{display:block}.account small{color:#9fbbb2}main{margin-left:260px;min-height:100vh;padding:0 40px 40px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header p,header h1{margin:0}header p{font-size:12px;color:var(--muted)}header h1{font-size:21px}.menu{display:none}.hero{margin:32px 0 22px;padding:30px 34px;border-radius:18px;background:linear-gradient(120deg,#edf8f3,#dfeee8);display:flex;align-items:center;justify-content:space-between}.hero small,.panel small{font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:800}.hero h2{font-size:30px;margin:5px 0}.hero p{margin:0;color:var(--muted)}button{font:inherit}.primary{border:0;border-radius:10px;background:var(--green);color:#fff;padding:12px 18px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 6px 20px #173d3110}.stats small,.stats strong,.stats em{display:block}.stats strong{font-size:20px;margin:12px 0 2px}.stats em{font-style:normal;color:var(--muted);font-size:13px}.dot{float:right;width:9px;height:9px;border-radius:50%}.green{background:#2fb080}.blue{background:#4b8dde}.amber{background:#d89b39}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.panel-head{display:flex;justify-content:space-between}.panel h3{margin:4px 0 16px}.panel-head button{border:0;background:none;color:var(--green)}.empty{text-align:center;padding:38px 10px;border-top:1px solid var(--line)}.empty span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--green)}.empty h4{margin:12px 0 2px}.empty p{margin:0;color:var(--muted)}.shortcuts>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:12px 0;border-top:1px solid var(--line)}.shortcuts>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--mint);color:var(--green)}.shortcuts a small,.shortcuts a b{display:block}.shortcuts a small{color:var(--muted)}.shortcuts i{margin-left:auto;font-size:22px;color:#8a9793}.notice{margin-top:18px;padding:15px 18px;background:#fff8e8;border:1px solid #eddaa7;border-radius:12px}.notice b{margin-right:12px}.notice span{color:#6b624d}@media(max-width:900px){aside{transform:translateX(-100%);z-index:3;transition:.2s}body.nav-open aside{transform:none}main{margin:0;padding:0 20px 30px}.menu{display:block;border:0;background:none;font-size:24px}.stats,.grid{grid-template-columns:1fr}.hero{align-items:flex-start;gap:20px;flex-direction:column}.hero h2{font-size:25px}}@media(max-width:520px){main{padding:0 14px 24px}.hero{padding:24px}.stats{gap:12px}header{height:72px}.notice b,.notice span{display:block}}