:root{--bg: #f4f6f9;--ink: #1d2533;--muted: #667085;--line: #e3e9f2;--brand: #2b2f36;--accent: #1f4e79}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}.top{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--brand);color:#fff}.brand{letter-spacing:2px;font-size:18px}.app{opacity:.85}.spacer{flex:1}.pill{font-size:12px;padding:3px 10px;border-radius:999px;background:#fff2}.pill.ok{background:#2e7d32}.pill.err{background:#c62828}.user{font-size:13px}.link{background:none;border:1px solid #ffffff55;color:#fff;border-radius:6px;padding:3px 10px;cursor:pointer;font-size:12px}.tabs{display:flex;gap:4px;padding:10px 20px 0;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:8px 8px 0 0;color:var(--muted);text-decoration:none}.tab.on{color:var(--accent);font-weight:600;border:1px solid var(--line);border-bottom-color:#fff;margin-bottom:-1px;background:#fff}.body{padding:20px;max-width:1280px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}.card h2{margin:0 0 6px;font-size:17px}.muted{color:var(--muted);margin:4px 0}