:root{--bg:#0f1115;--panel:#161a22;--panel2:#1d222c;--border:#2a303c;--text:#e6e9ef;--muted:#8b93a3;--accent:#7c6cff;--accent2:#ffd166;--danger:#ef476f;--ok:#06d6a0}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,PingFang SC,sans-serif}a{color:#8ecae6;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.btn{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.badge{display:inline-block;padding:1px 7px;border-radius:5px;font-size:11px;background:var(--panel2);border:1px solid var(--border);color:var(--muted)}.layout{display:grid;grid-template-columns:260px 1fr 340px;height:100%}.layout.no-detail{grid-template-columns:260px 1fr}.side{background:var(--panel);border-right:1px solid var(--border);overflow:auto;padding:10px}.main{display:flex;flex-direction:column;min-width:0}.detail{background:var(--panel);border-left:1px solid var(--border);overflow:auto}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--accent2);color:#000;padding:8px 14px;border-radius:20px;z-index:100}@media (max-width:900px){.layout{grid-template-columns:1fr}.side,.detail{display:none}}