:root{--bg: #0b0d10;--surface: #15181d;--border: #242830;--text: #e6e8ed;--text-secondary: #a8aeba;--accent: #5e6ad2}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:500}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:20px 16px;background:var(--surface);display:flex;flex-direction:column}.sidebar nav{flex:1}.sidebar-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.sidebar-footer button{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.sidebar-footer button:hover{color:var(--text);border-color:var(--accent)}.sidebar h1{font-size:14px;margin:0 0 24px;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.sidebar nav a{display:block;padding:8px 10px;color:var(--text);border-radius:6px}.sidebar nav a:hover{background:#ffffff0a;text-decoration:none}.content{padding:32px}.content h2{font-size:20px;margin:0 0 16px}.placeholder{border:1px dashed var(--border);border-radius:8px;padding:32px;color:var(--text-secondary);text-align:center}