/* tema gerado pelo painel (Aparência) */
:root { --primary: #38d72d; --primary-soft: rgba(56, 215, 45, 0.14); --primary-glow: rgba(56, 215, 45, 0.45); --primary-2: #57f486; --primary-3: #9af8b6; --bg: #0a0b0a; --bg-2: #0e0f0e; --surface: #131514; --surface-2: #1c1e1c; --surface-3: #252625; }
:root[data-pg] { --red: #38d72d; --red-2: #31bb27; --panel: #101110; }
:root:not([data-pg]) body { background-image: radial-gradient(1100px 520px at 60% -180px, rgba(56, 215, 45, 0.13), transparent 70%), radial-gradient(700px 400px at 100% 0, rgba(154, 248, 182, 0.04), transparent 70%); }
::selection { background: rgba(56, 215, 45, 0.45); }
.sb-logo { background: linear-gradient(135deg, #57f486 0%, #38d72d 45%, #2fb526 100%); }
.avatar { background: linear-gradient(135deg, #57f486, #2fb526); }
.btn-primary { background: linear-gradient(135deg, #48da3e 0%, #38d72d 50%, #2caa24 100%); }
.btn-primary:hover { background: linear-gradient(135deg, #57f486 0%, #38d72d 50%, #31bb27 100%); }
.btn-outline, .saldo-pill { border-color: rgba(56, 215, 45, 0.45); }
.input:focus { box-shadow: 0 0 0 3px rgba(56, 215, 45, 0.22); }
.dash-hero { background: radial-gradient(120% 140% at 0% 0%, rgba(87, 244, 134, 0.35), transparent 55%), linear-gradient(135deg, #2fb526 0%, #38d72d 45%, #1b6716 100%); border-color: rgba(154, 248, 182, 0.25); }