:root { --brand:#4F46E5; --brand-dark:#4338CA; --bg:#F2F3F8; --ink:#1F2330; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--ink); -webkit-tap-highlight-color: transparent; }
input, button { font-family: inherit; }
button { cursor: pointer; }
.br-app-root { width: 100%; min-height: 100vh; background: var(--bg); }

/* Layout responsivo desktop x mobile */
.br-sidebar { display: flex; }
.br-bottomnav { display: none; }
.br-topbar { display: none; }
.br-stats-grid { grid-template-columns: repeat(3, 1fr); }
.br-content-pad { padding: 32px 40px; }

@media (max-width: 860px) {
  .br-sidebar { display: none !important; }
  .br-bottomnav { display: flex !important; }
  .br-topbar { display: flex !important; padding: 14px 16px !important; }
  .br-stats-grid { grid-template-columns: 1fr; }
  .br-content-pad { padding: 16px; padding-bottom: 96px; }
}

.br-row-hover:hover { background: #FAFAFE; }
.br-nav:hover { filter: brightness(0.98); }
.br-btn-primary:hover { background: var(--brand-dark) !important; }
.br-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background:#111318; color:#fff; padding:12px 18px; border-radius:12px; font-size:13px; z-index:50; box-shadow:0 10px 30px rgba(0,0,0,0.25); }
@media (max-width: 860px) { .br-toast { bottom: 96px; } }