:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#152033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.top{height:64px;background:#fff;border-bottom:1px solid #e7ebf0;display:flex;align-items:center;padding:0 24px;gap:14px;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800;color:#2256d8}.pill{background:#eef4ff;color:#3158b8;border-radius:999px;padding:7px 12px;font-size:13px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}.side{background:#152033;padding:18px 12px}.side button,.side a{display:block;width:100%;border:0;background:transparent;color:#d7e2f6;text-align:left;padding:12px 14px;border-radius:10px;margin:3px 0;cursor:pointer;text-decoration:none;font-size:15px}.side button:hover,.side a:hover,.side .active{background:#274166;color:#fff}.main{padding:24px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:18px;box-shadow:0 8px 20px rgba(24,54,96,.05)}.metric{font-size:30px;font-weight:800;margin-top:10px}.panel{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:20px;margin-top:18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea{border:1px solid #cfd9e8;border-radius:10px;padding:10px 12px;font:inherit}textarea{min-height:90px}.btn{border:0;background:#2256d8;color:#fff;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:700}.btn.secondary{background:#eef3fb;color:#264469}.btn.danger{background:#c83b45}.btn:disabled{opacity:.5}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}.muted{color:#6d7a8f}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#eef4ff,#f6fbff)}.loginbox{width:min(420px,90vw);background:#fff;border-radius:22px;padding:32px;box-shadow:0 24px 70px rgba(26,62,120,.14)}.loginbox input{width:100%;margin:7px 0 14px}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.module-card{background:#fff;border:1px solid #e0e8f3;border-radius:16px;padding:18px}.module-icon{font-size:30px}.viewer{width:100%;height:68vh;border:1px solid #d7dfeb;border-radius:16px;background:#fff}.code{font-size:34px;letter-spacing:5px;font-weight:900;color:#2256d8}.toast{position:fixed;right:20px;bottom:20px;background:#152033;color:#fff;padding:12px 16px;border-radius:10px;z-index:99}@media(max-width:760px){.layout{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:8px}.side button,.side a{width:auto;white-space:nowrap}.main{padding:14px}.viewer{height:62vh}}