*,:before,:after{box-sizing:border-box;margin:0}:root{--bg-primary:#f0f4f8;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f5f5f5;--text-primary:#1a1a2e;--text-secondary:#555;--text-muted:#888;--border-color:#ddd;--border-light:#eee;--shadow:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--accent:#6c5ce7;--accent-hover:#5a4bd1;--success:#00b894;--success-light:#e6f9f3;--danger:#e21b3c;--warning:#ff9800;--gold:gold;--silver:silver;--bronze:#cd7f32;--mc-0:#e21b3c;--mc-1:#1368ce;--mc-2:#26890c;--mc-3:#ffa602;--mc-4:#9b59b6;--mc-5:#e67e22;--radius:12px;--radius-sm:8px;--radius-lg:16px}[data-theme=dark]{--bg-primary:#0f0e17;--bg-card:#1a1a2e;--bg-input:#16213e;--bg-hover:#222240;--text-primary:#fffffe;--text-secondary:#a7a9be;--text-muted:#6b6d84;--border-color:#2e2e4a;--border-light:#242440;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--accent:#7f5af0;--accent-hover:#6b46e5;--success:#2cb67d;--success-light:#1a2e28;--danger:#ff6b6b;--warning:#ffb347}body{-webkit-font-smoothing:antialiased;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes goldPulse{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 40px #ffd700b3}}@keyframes flashSuccess{0%{transform:scale(1)}30%{box-shadow:0 0 12px var(--success);transform:scale(1.08)}to{transform:scale(1)}}@keyframes flashDanger{0%{transform:scale(1)}30%{box-shadow:0 0 12px var(--danger);transform:scale(1.05)}to{transform:scale(1)}}.flash-success{animation:.5s flashSuccess}.flash-danger{animation:.5s flashDanger}@media (width<=768px){.responsive-flex{flex-direction:column!important}.responsive-card{width:auto!important;max-width:100%!important}.responsive-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-nav{flex-wrap:wrap!important}.page-container{padding:12px!important}}