:root {
  --c-primary: #FFE500;
  --c-primary-hover: #E6D400;
  --c-dark: #cfcfce;
  --c-btn-text: #000000;
  --c-secondary-btn: #6c757d;
  --c-secondary-btn-hover: #5a6268;
  --c-danger: #dc3545;
  --c-danger-hover: #c82333;
  --c-nav-bg: #f8f9fa;
  --c-nav-border: #e0e0e0;
  --c-card-bg: #ffffff;
  --c-text: #333333;
  --c-text-muted: #666666;
  --c-link: #c8a800;
  --c-success-bg: #d4edda;
  --c-success-text: #155724;
  --c-success-border: #c3e6cb;
  --c-warning-bg: #fff3cd;
  --c-warning-text: #eb6105;
  --c-info-bg: #d1ecf1;
  --c-info-text: #0c5460;
}
body { background: #cccccc; }
.header { background: linear-gradient(135deg, #FFE500 0%, #000000 100%); }
.nav { background: #f8f9fa; border-bottom-color: #e0e0e0; }
.container { background: #ffffff; }
.btn:not(.btn-secondary):not(.btn-danger):not([style]) { background: #FFE500; color: #000000; }
.btn:not(.btn-secondary):not(.btn-danger):not([style]):hover { background: #E6D400; }
.btn-secondary { background: #6c757d !important; color: #fff !important; }
.btn-secondary:hover { background: #5a6268 !important; }
.btn-danger { background: #dc3545 !important; color: #fff !important; }
.btn-danger:hover { background: #c82333 !important; }
.badge-success { background: #d4edda; color: #155724; }
.badge-warning { background: #fff3cd; color: #eb6105; }
.badge-info { background: #d1ecf1; color: #0c5460; }
.badge-active { background: #d4edda; color: #155724; }
.success, .alert-success { background: #d4edda; color: #155724; border-color: #c3e6cb; }
.alert-error { background: #f8d7da; color: #721c24; border-color: #f5c6cb; }
/* Public nav & footer */
.pub-nav { background: #111111; padding: 0 28px; display: flex; justify-content: space-between; align-items: stretch; min-height: 52px; }
.pub-brand { font-size: 16px; font-weight: 800; color: #FFE500; text-decoration: none; letter-spacing: -0.3px; display: flex; align-items: center; flex-shrink: 0; }
.pub-brand:hover { opacity: 0.85; text-decoration: none; }
.pub-nav-links { display: flex; align-items: stretch; }
.pub-nav-links a { color: rgba(255,255,255,0.75); text-decoration: none; font-weight: 500; font-size: 14px; padding: 0 14px; display: flex; align-items: center; border-bottom: 3px solid transparent; padding-bottom: 3px; transition: color 0.15s, border-color 0.15s; }
.pub-nav-links a:hover { color: #fff; border-bottom-color: #FFE500; text-decoration: none; }
.pub-nav-admin { color: rgba(255,255,255,0.28) !important; font-size: 12px !important; font-weight: 400 !important; border-bottom: none !important; padding-bottom: 0 !important; }
.pub-nav-admin:hover { color: rgba(255,255,255,0.55) !important; border-bottom: none !important; }
.pub-footer { padding: 14px 28px; background: #111111; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; align-items: center; }
.pub-footer a { color: rgba(255,255,255,0.4); text-decoration: none; font-size: 12px; font-weight: 500; letter-spacing: 0.4px; text-transform: uppercase; transition: color 0.15s; }
.pub-footer a:hover { color: rgba(255,255,255,0.8); text-decoration: none; }
/* Admin nav */
.container:has(.admin-nav) { overflow: visible; }
.admin-nav { background: #111111; padding: 0 28px; display: flex; justify-content: space-between; align-items: stretch; min-height: 52px; border-radius: 12px 12px 0 0; position: relative; z-index: 100; }
.admin-brand { font-size: 15px; font-weight: 800; color: #FFE500; text-decoration: none; display: flex; align-items: center; margin-right: 8px; flex-shrink: 0; }
.admin-brand:hover { opacity: 0.85; text-decoration: none; }
.admin-nav-left { display: flex; align-items: stretch; }
.admin-nav-right { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
/* Dropdown groups */
.admin-dropdown { position: relative; display: flex; align-items: stretch; }
.admin-dropdown-toggle { background: none; border: none; color: rgba(255,255,255,0.75); font-size: 14px; font-weight: 500; font-family: inherit; padding: 0 13px 3px; cursor: pointer; display: flex; align-items: center; gap: 4px; border-bottom: 3px solid transparent; transition: color 0.15s, border-color 0.15s; white-space: nowrap; }
.admin-dropdown-toggle:hover, .admin-dropdown.open .admin-dropdown-toggle { color: #fff; border-bottom-color: #FFE500; }
.admin-dropdown-toggle svg { width: 10px; height: 10px; fill: currentColor; transition: transform 0.15s; }
.admin-dropdown.open .admin-dropdown-toggle svg { transform: rotate(180deg); }
.admin-dropdown-menu { display: none; position: absolute; top: calc(100% + 1px); left: 0; background: #1c1c1c; border-radius: 0 0 8px 8px; min-width: 180px; z-index: 999; box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
.admin-dropdown.open .admin-dropdown-menu { display: block; }
.admin-dropdown-menu a { display: block; color: rgba(255,255,255,0.7); text-decoration: none; padding: 10px 16px; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.06); transition: background 0.12s, color 0.12s; }
.admin-dropdown-menu a:last-child { border-bottom: none; }
.admin-dropdown-menu a:hover { background: rgba(255,255,255,0.09); color: #fff; text-decoration: none; }
.admin-user { color: rgba(255,255,255,0.35); font-size: 12px; }
.admin-nav-right a { color: rgba(255,255,255,0.55); font-size: 13px; text-decoration: none; white-space: nowrap; }
.admin-nav-right a:hover { color: #fff; }

body::after {
  content: 'DEV MODE';
  position: fixed;
  top: 22px;
  right: -32px;
  background: #dc3545;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 5px 45px;
  transform: rotate(45deg);
  z-index: 99999;
  pointer-events: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}