:root{color:#1e293b;background:radial-gradient(circle at top left,rgba(253,230,138,.7),transparent 35%),linear-gradient(180deg,#f8fafc,#eff6ff);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#app{height:100vh}a{color:inherit;text-decoration:none}.shell{height:100vh;display:grid;grid-template-columns:clamp(112px,22vw,260px) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:clamp(20px,3vw,32px) 20px;background:#0f172aeb;color:#e2e8f0;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#facc15}.sidebar h1{margin:8px 0 12px;font-size:clamp(24px,3vw,28px)}.muted{color:#94a3b8;line-height:1.6;overflow-wrap:anywhere}.nav{display:grid;gap:12px}.nav a{padding:12px 14px;border-radius:14px;background:#94a3b814}.nav a.router-link-active{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.content{min-width:0;height:100vh;padding:clamp(16px,3vw,28px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.panel{background:#ffffffe0;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:clamp(16px,2.4vw,24px);box-shadow:0 18px 50px #0f172a14}.panel+.panel{margin-top:20px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{border-radius:20px;padding:20px;background:linear-gradient(135deg,#fff,#fff7ed);border:1px solid rgba(251,146,60,.2)}.metric strong{display:block;font-size:28px;margin-top:8px}.section-title{margin:0 0 16px;font-size:22px}.input,.textarea,.button{width:100%;border-radius:14px;border:1px solid #cbd5e1;padding:12px 14px;font:inherit}.textarea{min-height:140px;resize:vertical}.button{cursor:pointer;background:linear-gradient(135deg,#0f766e,#0f172a);color:#fff;border:none}.button.secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.row{display:grid;gap:12px}.row.inline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.list{display:grid;gap:12px}.list-item{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;overflow-wrap:anywhere}.label{margin-bottom:8px;font-size:13px;color:#475569}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ecfccb;color:#3f6212;font-size:12px}@media(max-width:960px){.shell{grid-template-columns:104px minmax(0,1fr)}.sidebar{padding:18px 12px}.sidebar h1{font-size:20px}.nav a{padding:10px 12px;font-size:14px}}@media(max-width:560px){body{overflow:auto}#app{height:auto;min-height:100vh}.shell{min-height:100vh;height:auto;grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;padding:18px 16px}.grid.two,.grid.three,.row.inline{grid-template-columns:1fr}.content{height:auto;padding:14px;overflow:visible}.section-title{font-size:20px}}