:root{color-scheme:light;--bg: #f3f4ee;--panel: #ffffff;--text: #12251f;--muted: #4f6359;--accent: #145a45;--accent-strong: #0e3e30;--danger: #932020;--border: #d8e0db}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#e3ece6,var(--bg));color:var(--text)}#app{min-height:100vh;display:grid;place-items:center;padding:24px}.shell{width:min(960px,100%)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 30px #091d1714}h1,h2{margin:0 0 8px;font-family:Space Grotesk,Segoe UI,sans-serif}p{margin:0 0 12px;color:var(--muted)}form{display:grid;gap:12px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px 12px;background:#fff}textarea{min-height:80px}button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;cursor:pointer}button:hover{background:var(--accent-strong)}button.secondary{background:#e7efeb;color:var(--text)}button.secondary:hover{background:#d5e3dc}.actions{display:flex;flex-wrap:wrap;gap:10px}.notice{border-radius:10px;padding:10px 12px;margin-bottom:12px}.notice.error{background:#fde8e8;color:var(--danger);border:1px solid #f7c9c9}.notice.success{background:#e8f7ef;color:#0f5a3a;border:1px solid #c3e7d0}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric{border:1px solid var(--border);border-radius:12px;padding:12px}.metric strong{display:block;margin-top:8px;font-size:1.6rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:.92rem}.mono{font-family:IBM Plex Mono,Consolas,monospace;font-size:.9rem}small{color:var(--muted)}