/*! UI Core v1.0.0 | Original STATIC project library | MIT | See LICENSE.txt */

:root { --sc-accent: #d5f795; --sc-surface: #191c20; --sc-border: #343a40; --sc-text: #f4f5f2; --sc-muted: #a4aba9; --sc-radius: 10px; }
.sc-card { box-sizing: border-box; padding: 24px; color: var(--sc-text); background: var(--sc-surface); border: 1px solid var(--sc-border); border-radius: var(--sc-radius); font-family: system-ui, sans-serif; }
.sc-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border: 1px solid transparent; border-radius: 6px; background: var(--sc-accent); color: #17210b; font: 600 14px/1.3 system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.sc-button:hover { filter: brightness(.93); }
.sc-button--secondary { color: var(--sc-text); background: transparent; border-color: var(--sc-border); }
.sc-input { display: block; box-sizing: border-box; width: 100%; padding: 11px 14px; border: 1px solid var(--sc-border); border-radius: 6px; background: #101315; color: var(--sc-text); font: 14px/1.4 system-ui, sans-serif; }
.sc-badge { display: inline-block; padding: 4px 9px; border: 1px solid var(--sc-border); border-radius: 4px; color: var(--sc-accent); font: 500 12px/1.3 system-ui, sans-serif; }
.sc-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 16px; }