:root{color-scheme:light;--bg: #f4f7fb;--panel: #ffffff;--text: #1b2b42;--muted: #6a7a93;--line: #d8e1ee;--brand: #005f73;--brand-strong: #0a9396;--warn: #bb3e03;--success: #2a9d8f}*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,var(--bg) 100%);color:var(--text)}button,input,select,textarea{font:inherit}.login-shell,.app-shell{min-height:100vh}.login-shell{display:flex;align-items:center;justify-content:center;padding:24px}.login-card,.panel{background:var(--panel);border:1px solid rgba(15,23,42,.06);box-shadow:0 24px 60px #0f172a14;border-radius:24px}.login-card{width:min(420px,100%);padding:28px}.app-shell{display:grid;grid-template-columns:240px 1fr}.sidebar{background:linear-gradient(180deg,#022b3a,#033d52);color:#fff;padding:24px 18px}.sidebar h1{margin:0 0 12px;font-size:22px}.sidebar p{margin:0 0 20px;font-size:13px;color:#ffffffb8}.sidebar button{width:100%;margin-bottom:10px;border:0;border-radius:14px;padding:12px 14px;text-align:left;color:#fff;background:#ffffff14;cursor:pointer}.sidebar button.active{background:#fff3}.main{padding:24px;display:grid;gap:18px}.toolbar,.grid-two{display:grid;gap:16px}.grid-two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{padding:20px}.panel h2,.panel h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}.field textarea{min-height:88px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:10px 14px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff}.btn-secondary{background:#e8eef8;color:var(--text)}.btn-warn{background:#ffe7dc;color:var(--warn)}.message{padding:12px 14px;border-radius:12px;background:#eef8ff;color:var(--brand)}.message.error{background:#fff0eb;color:var(--warn)}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{color:var(--muted);font-weight:600}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#eef4ff;color:var(--brand);font-size:12px}.tag.success{background:#dff8f1;color:var(--success)}.tag.warn{background:#fff0e1;color:var(--warn)}.detail-card{display:grid;gap:12px}.detail-card code,.payload{white-space:pre-wrap;word-break:break-word;background:#f7f9fd;padding:10px 12px;border-radius:12px}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10}}