:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--line: #d8deea;--text: #1d2838;--muted: #5a6474;--brand: #0058cc}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#eaf2ff,#f5f7fb 40%)}button,input,select{font:inherit}a{color:var(--brand)}.shell{min-height:100vh}.topbar{height:60px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);font-weight:700;text-decoration:none}.topbar-right{display:flex;gap:14px;align-items:center}.content-wrap{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 60px)}.sidebar{border-right:1px solid var(--line);background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:10px}.sidebar a{text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:8px}.sidebar a.active{color:var(--text);background:#e8f0ff}.main-panel{padding:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.stack{display:flex;flex-direction:column;gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split.stretch{grid-template-columns:1fr 2fr}.inline-form{display:flex;gap:8px;align-items:center}input,select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:38px}button{border:none;background:var(--brand);color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px;vertical-align:top}.centered{min-height:100vh;display:grid;place-items:center}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list button{width:100%;text-align:left;background:#eef4ff;color:#133c73;display:flex;flex-direction:column;gap:2px}.message-body{white-space:pre-wrap;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfcff;min-height:240px}@media(max-width:900px){.content-wrap{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.split,.split.stretch{grid-template-columns:1fr}}