:root{--bg: #f8fff8;--surface: #ffffff;--text: #16301f;--muted: #51785f;--accent: #58c174;--accent-strong: #2b9448;--border: #cde9d6;--shadow: 0 8px 26px rgba(19, 65, 31, .08)}.app.dark{--bg: #0b0f0d;--surface: #151c18;--text: #ebfff0;--muted: #9bcba7;--accent: #69d287;--accent-strong: #8bf0a7;--border: #2c4235;--shadow: 0 10px 28px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;background:radial-gradient(circle at top right,rgba(88,193,116,.16),transparent 48%),var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand{color:var(--text);text-decoration:none;font-size:1.1rem;font-weight:700}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 14px;cursor:pointer}.body{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 60px)}.sidebar{border-right:1px solid var(--border);padding:18px 10px;display:flex;flex-direction:column;gap:8px}.nav{color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:10px}.nav.active,.nav:hover{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow)}.content{padding:24px}h1{margin-top:0;font-size:1.5rem}h3{margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.row{display:flex;flex-wrap:wrap;gap:8px}label{display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:var(--muted)}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:10px;font:inherit;background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%);color:var(--text)}button{background:linear-gradient(130deg,var(--accent),var(--accent-strong));color:#fff;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.06)}.result{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.ok{color:#1c9b49;font-weight:700;margin-bottom:8px}.err{color:#d54848;font-weight:700;margin-bottom:8px}pre{overflow:auto;background:color-mix(in srgb,var(--surface) 85%,black 15%);border-radius:10px;padding:10px}.hint{color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{border:1px solid var(--border);padding:8px;text-align:left;vertical-align:top}.data-table th{background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%)}@media (max-width: 900px){.body{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow:auto}}