:root{--color-primary:#008060;--color-primary-hover:#006e52;--color-background:#f6f6f7;--color-surface:#ffffff;--color-text:#202223;--color-text-muted:#6d7175;--color-border:#e1e3e5;--color-dark:#202223;--color-dark-text:#ffffff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-background);color:var(--color-text)}.container{max-width:1100px;margin:0 auto;padding:40px 20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.metric{font-size:28px;font-weight:700;margin-top:8px}.muted{color:var(--color-text-muted);font-size:14px}button{border:0;border-radius:10px;padding:10px 14px;background:var(--color-primary);color:#ffffff;cursor:pointer}button:hover{background:var(--color-primary-hover)}pre{background:var(--color-dark);color:var(--color-dark-text);padding:14px;border-radius:10px;overflow:auto}@media (max-width:800px){.grid{grid-template-columns:1fr}}