:root{--bg: #edf0ea;--panel: rgba(255, 252, 247, .92);--ink: #18201b;--muted: #5c6b62;--line: #c9d2c8;--accent: #0f7a5a;--accent-soft: #d7efe6;--danger: #b42318;--ok: #0f7a5a;--shadow: 0 18px 40px rgba(24, 32, 27, .08);--radius: 14px;--mono: "IBM Plex Mono", monospace;--sans: "Outfit", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,#f4f6f1,var(--bg))}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;border-radius:10px;border:1px solid var(--line);background:#fffdf9}button{height:40px;padding:0 14px;cursor:pointer;background:var(--ink);color:#f7faf7;border-color:var(--ink);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,select{height:40px;padding:0 12px;width:100%}label.field{display:grid;gap:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.mono{font-family:var(--mono);font-size:.82rem}.empty{color:var(--muted);text-align:center;padding:24px 8px}.err{color:var(--danger)}.ok{color:var(--ok)}