:root{--bg:#f4f5f7;--panel:#ffffff;--border:#d7dbe0;--border-strong:#b7bdc6;--text:#1c2128;--text-muted:#5b6470;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--ok:#16a34a;--header:#eceef1;--row-hover:#eef4ff;--shadow:0 1px 3px rgba(0,0,0,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:13px;cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 12px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--header)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{border-color:var(--danger);color:var(--danger)}input,select,textarea{font-family:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.35);outline-offset:-1px;border-color:var(--accent)}.app-shell{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:48px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-shrink:0}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 10px;border-radius:6px;color:var(--text-muted)}.topbar nav a:hover{background:var(--header)}.topbar nav a.active{background:var(--accent);color:#fff}.topbar .spacer{flex:1 1}.content{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.page-pad{padding:16px;overflow:auto;height:100%}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.muted{color:var(--text-muted)}.badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;border:1px solid var(--border-strong)}table.cfg{border-collapse:collapse;width:100%}table.cfg td,table.cfg th{border:1px solid var(--border);padding:6px 8px;text-align:left}table.cfg th{background:var(--header)}.error-box{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:6px}.error-box,.ok-box{padding:8px 12px;margin-bottom:12px}.ok-box{background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:6px}