:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#17212b;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;padding:30px 18px;background:#102a43;color:#d9e7f2;display:flex;flex-direction:column}.brand-mark{display:flex;gap:12px;align-items:center;padding:0 12px 36px}.brand-mark>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#55b7a6;color:#102a43;font-weight:800}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:15px;color:#fff}.brand-mark small{margin-top:3px;color:#8eabbf;font-size:11px}.nav-item{width:100%;border:0;border-radius:9px;padding:12px;display:flex;gap:12px;align-items:center;color:#aac3d2;background:transparent;text-align:left;margin:3px 0}.nav-item:hover,.nav-item.active{color:#fff;background:#1e405d}.nav-icon{width:22px;text-align:center;color:#72c7b6;font-weight:700}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid #264660;color:#b6ccda;font-size:12px;line-height:1.7}.sidebar-footer span{color:#7694a9;font-size:11px}.main-content{flex:1;max-width:1260px;margin:0 auto;padding:36px 54px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px}.eyebrow{color:#4b8f8b;font-size:11px;letter-spacing:.12em;font-weight:800}h1,h2,p{margin:0}h1{margin-top:7px;font-size:30px;letter-spacing:-.02em}h2{margin:16px 0 12px;font-size:clamp(27px,4vw,45px);line-height:1.12;letter-spacing:-.035em}.avatar{border:1px solid #d5e0e7;border-radius:50%;width:40px;height:40px;background:#fff;color:#4b8f8b;font-weight:800}.page-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.hero-panel,.progress-panel,.quick-panel,.content-panel{background:#fff;border:1px solid #e1e9ee;border-radius:12px;box-shadow:0 10px 30px #1a374d0d}.hero-panel{min-height:360px;padding:38px;background:linear-gradient(135deg,#fff,#edf8f5)}.hero-panel p,.content-panel p{color:#6d7f8d;line-height:1.7}.primary{margin-top:28px;padding:12px 17px;border:0;border-radius:8px;background:#2f8f83;color:#fff;font-weight:700}.primary span,.quick-grid button span{margin-left:8px}.progress-panel{padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700}.section-heading strong{color:#2f8f83;font-size:24px}.muted{color:#93a2ad;font-size:12px;font-weight:500}.progress-track{height:9px;margin:25px 0 13px;overflow:hidden;border-radius:9px;background:#e5eff0}.progress-track span{display:block;height:100%;border-radius:inherit;background:#55b7a6}.progress-panel p{color:#748592;font-size:13px}.stats{display:flex;gap:30px;margin-top:34px}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{margin-top:4px;color:#8b9aa5;font-size:12px}.quick-panel{grid-column:1 / -1;padding:28px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.quick-grid button{min-height:74px;border:1px solid #e1e9ee;border-radius:8px;background:#fbfcfd;color:#304656;text-align:left;padding:14px}.quick-grid button:hover{border-color:#75b9ae;background:#f2fbf8}.content-panel{min-height:360px;padding:42px}.empty-copy{max-width:600px}@media(max-width:820px){.sidebar{width:76px;padding:20px 10px}.brand-mark{padding:0 9px 28px}.brand-mark div,.nav-item span:last-child,.sidebar-footer{display:none}.nav-item{justify-content:center}.main-content{padding:28px 20px}.page-grid{grid-template-columns:1fr}.quick-panel{grid-column:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}}