/* ===== ГАРАЖ 24/7 — Cyberpunk Theme ===== */
/* Все значения прямые — без CSS переменных, чтобы Bootstrap не перебивал */

/* ===== BASE ===== */
html { background: #0a0a0a !important; }

body {
  background: #0a0a0a !important;
  color: #e8e8e8 !important;
  font-family: 'Inter', sans-serif !important;
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 0;
}

/* Сканлайн */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);
}

.container, .container-fluid { position: relative; z-index: 1; }

/* ===== NAVBAR ===== */
.rt-navbar,
nav.rt-navbar,
.navbar.rt-navbar {
  background: #0d0d0d !important;
  border-bottom: 2px solid #39ff14 !important;
  padding: 10px 0 !important;
}
.rt-brand {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1.6rem !important;
  color: #39ff14 !important;
  letter-spacing: 3px !important;
  text-shadow: 0 0 12px rgba(57,255,20,.4) !important;
  text-decoration: none !important;
}
.rt-brand:hover { color: #ffffff !important; }

.navbar-nav .nav-link {
  color: #666666 !important;
  font-size: .85rem !important;
  letter-spacing: .5px !important;
  transition: color .2s !important;
}
.navbar-nav .nav-link:hover { color: #39ff14 !important; }

/* Мобильное меню */
.navbar-collapse {
  background: #0d0d0d !important;
  border-top: 1px solid rgba(57,255,20,.2) !important;
  padding: 8px 0 !important;
  margin: 8px -12px -12px !important;
}
.navbar-toggler {
  border: 1px solid rgba(57,255,20,.4) !important;
  background: transparent !important;
}
.navbar-toggler-icon { filter: invert(1) sepia(1) saturate(10) hue-rotate(80deg) !important; }
.navbar-toggler:focus { box-shadow: 0 0 0 2px rgba(57,255,20,.3) !important; }

/* badge в navbar */
.navbar .badge { background: #39ff14 !important; color: #000 !important; }

/* ===== HERO ===== */
.rt-hero {
  background: #111111 !important;
  border: 1px solid #39ff14 !important;
  border-radius: 4px !important;
  padding: 28px 24px !important;
  margin-bottom: 16px !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(57,255,20,.2), inset 0 0 40px rgba(57,255,20,.02) !important;
}
.rt-hero::before {
  content: '';
  position: absolute; top: 0; right: 0;
  width: 200px; height: 100%;
  background: linear-gradient(135deg, transparent 60%, rgba(57,255,20,.05));
  pointer-events: none;
}
.rt-hero::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #39ff14, transparent);
}
.rt-hero h1 {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 2.4rem !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  letter-spacing: 2px !important;
}
.rt-hero h1 span { color: #39ff14 !important; text-shadow: 0 0 20px rgba(57,255,20,.5) !important; }
.rt-hero p { color: #555 !important; font-size: .85rem !important; }

/* ===== КНОПКИ ===== */
.btn-rt,
a.btn-rt,
button.btn-rt {
  background: #39ff14 !important;
  color: #000000 !important;
  border: none !important;
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 2px !important;
  border-radius: 3px !important;
  padding: 10px 20px !important;
  transition: all .2s !important;
  box-shadow: 0 0 16px rgba(57,255,20,.3) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.btn-rt:hover {
  background: #ffffff !important;
  color: #000 !important;
  box-shadow: 0 0 24px rgba(255,255,255,.3) !important;
  transform: translateY(-1px) !important;
}
.btn-rt:active { transform: translateY(0) !important; }

.btn-rt-outline,
a.btn-rt-outline,
button.btn-rt-outline {
  background: transparent !important;
  border: 1px solid #39ff14 !important;
  color: #39ff14 !important;
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 2px !important;
  border-radius: 3px !important;
  padding: 9px 20px !important;
  transition: all .2s !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.btn-rt-outline:hover {
  background: rgba(57,255,20,.1) !important;
  color: #39ff14 !important;
  box-shadow: 0 0 12px rgba(57,255,20,.2) !important;
}

/* Bootstrap кнопки — переопределяем для совместимости */
.btn-warning { background: #39ff14 !important; color: #000 !important; border-color: #39ff14 !important; }
.btn-success { background: #39ff14 !important; color: #000 !important; border-color: #39ff14 !important; }
.btn-outline-warning { border-color: #39ff14 !important; color: #39ff14 !important; }
.btn-outline-success { border-color: #39ff14 !important; color: #39ff14 !important; }
.btn-outline-danger  { border-color: #ef4444 !important; color: #f87171 !important; background: transparent !important; }
.btn-outline-danger:hover { background: #ef4444 !important; color: #fff !important; }

/* ===== КАТЕГОРИИ ===== */
.cat-row-btn {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: 3px solid #39ff14 !important;
  border-radius: 3px !important;
  padding: 14px 18px !important;
  color: #e8e8e8 !important;
  text-decoration: none !important;
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1.1rem !important;
  letter-spacing: 2px !important;
  transition: all .2s !important;
}
.cat-row-btn:hover {
  border-color: #39ff14 !important;
  background: rgba(57,255,20,.06) !important;
  color: #39ff14 !important;
  box-shadow: 0 0 16px rgba(57,255,20,.15) !important;
  transform: translateX(3px) !important;
}
.cat-icon { font-size: 1.4rem; width: 32px; text-align: center; flex-shrink: 0; }

/* ===== КАРТОЧКИ ИНСТРУМЕНТОВ ===== */
.rt-card {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 3px !important;
  overflow: hidden;
  transition: all .25s;
  animation: fadeUp .3s ease both;
}
.rt-card:hover {
  border-color: #39ff14 !important;
  box-shadow: 0 0 20px rgba(57,255,20,.2) !important;
  transform: translateY(-3px) !important;
}
.rt-card-img-placeholder {
  background: #1a1a1a !important;
  height: 150px;
  display: flex; align-items: center; justify-content: center;
  font-size: 3rem;
  border-bottom: 1px solid rgba(57,255,20,.15);
}
.rt-card-body { padding: 14px; background: #111111 !important; }
.rt-card-title {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 1.5px !important;
  color: #e8e8e8 !important;
  margin-bottom: 4px !important;
}
.rt-price {
  font-family: 'Share Tech Mono', 'Courier New', monospace !important;
  font-size: 1.1rem !important;
  color: #39ff14 !important;
  text-shadow: 0 0 8px rgba(57,255,20,.4) !important;
}
.rt-price small { font-size: .65rem !important; color: #555 !important; }

/* ===== ТЕРМИНАЛ ===== */
.terminal-block {
  background: #111111 !important;
  border: 1px solid #39ff14 !important;
  border-radius: 3px !important;
  padding: 16px !important;
  box-shadow: 0 0 20px rgba(57,255,20,.15) !important;
  color: #e8e8e8 !important;
}
.terminal-label {
  font-family: 'Share Tech Mono', 'Courier New', monospace !important;
  font-size: .7rem !important;
  color: #39ff14 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.terminal-value {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1.5rem !important;
  letter-spacing: 2px !important;
  color: #ffffff !important;
}
.slot-count {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 2.2rem !important;
  color: #39ff14 !important;
  text-shadow: 0 0 15px rgba(57,255,20,.5) !important;
  line-height: 1 !important;
}

/* ===== ПРОФИЛЬ / GENERIC CARD ===== */
.profile-card {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 3px !important;
  padding: 20px !important;
  color: #e8e8e8 !important;
}
.profile-card p, .profile-card span, .profile-card div { color: inherit; }

/* ===== БАЛАНС ===== */
.balance-block {
  background: #111111 !important;
  border: 1px solid #39ff14 !important;
  border-radius: 3px !important;
  padding: 20px !important;
  box-shadow: 0 0 20px rgba(57,255,20,.15) !important;
}
.balance-amount {
  font-family: 'Share Tech Mono', 'Courier New', monospace !important;
  font-size: 2.2rem !important;
  color: #39ff14 !important;
  text-shadow: 0 0 12px rgba(57,255,20,.4) !important;
}

/* ===== ФОРМЫ ===== */
.form-control,
input.form-control,
textarea.form-control,
select.form-select {
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #e8e8e8 !important;
  border-radius: 3px !important;
}
.form-control:focus,
.form-select:focus {
  background: #0d0d0d !important;
  border-color: #39ff14 !important;
  color: #e8e8e8 !important;
  box-shadow: 0 0 0 2px rgba(57,255,20,.25) !important;
}
.form-control::placeholder { color: #444 !important; }
.form-label {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: .72rem !important;
  color: #39ff14 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
.input-group-text {
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #39ff14 !important;
}
.form-select option { background: #0d0d0d !important; color: #e8e8e8 !important; }

/* ===== AUTH ===== */
.auth-card {
  background: #111111 !important;
  border: 1px solid #39ff14 !important;
  border-radius: 3px !important;
  max-width: 420px;
  margin: 40px auto;
  box-shadow: 0 0 40px rgba(57,255,20,.2) !important;
  overflow: hidden;
}
.auth-header {
  background: #000000 !important;
  border-bottom: 2px solid #39ff14 !important;
  padding: 28px !important;
  text-align: center !important;
}
.auth-header h3 {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  letter-spacing: 3px !important;
  color: #39ff14 !important;
  text-shadow: 0 0 15px rgba(57,255,20,.4) !important;
  font-size: 1.6rem !important;
}
.auth-header p { color: #555 !important; }
.auth-body { padding: 28px !important; }

/* ===== ТАБЛИЦЫ ===== */
.rt-table { width: 100%; border-collapse: separate; border-spacing: 0 4px; }
.rt-table th {
  color: #39ff14 !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-family: 'Share Tech Mono', monospace !important;
  padding: 6px 12px !important;
}
.rt-table td {
  background: #111111 !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  padding: 12px !important;
  font-size: .88rem !important;
  color: #e8e8e8 !important;
}
.rt-table tr td:first-child { border-left: 1px solid rgba(255,255,255,.06) !important; border-radius: 2px 0 0 2px !important; }
.rt-table tr td:last-child  { border-right: 1px solid rgba(255,255,255,.06) !important; border-radius: 0 2px 2px 0 !important; }
.rt-table tr:hover td { background: rgba(57,255,20,.05) !important; border-color: rgba(57,255,20,.15) !important; }

/* ===== BADGES ===== */
.badge, span.badge { font-family: 'Share Tech Mono', monospace !important; border-radius: 2px !important; }
.badge-pending   { background: rgba(234,179,8,.15) !important; color: #fbbf24 !important; border: 1px solid rgba(234,179,8,.3) !important; }
.badge-active    { background: rgba(57,255,20,.1) !important;  color: #39ff14 !important; border: 1px solid rgba(57,255,20,.3) !important; }
.badge-completed { background: rgba(59,130,246,.1) !important; color: #60a5fa !important; border: 1px solid rgba(59,130,246,.3) !important; }
.badge-cancelled { background: rgba(239,68,68,.1) !important;  color: #f87171 !important; border: 1px solid rgba(239,68,68,.3) !important; }
.badge-approved  { background: rgba(57,255,20,.1) !important;  color: #39ff14 !important; border: 1px solid rgba(57,255,20,.3) !important; }
.badge-rejected  { background: rgba(239,68,68,.1) !important;  color: #f87171 !important; border: 1px solid rgba(239,68,68,.3) !important; }
.bg-warning { background: #39ff14 !important; color: #000 !important; }
.bg-success { background: rgba(57,255,20,.15) !important; color: #39ff14 !important; }
.bg-danger  { background: rgba(239,68,68,.15) !important; color: #f87171 !important; }

/* ===== CAT PILL ===== */
.cat-pill {
  display: inline-block !important;
  background: rgba(57,255,20,.1) !important;
  color: #39ff14 !important;
  border: 1px solid rgba(57,255,20,.3) !important;
  border-radius: 2px !important;
  padding: 2px 10px !important;
  font-size: .7rem !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 1px !important;
}

/* ===== PAGE HEADER ===== */
.page-header {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: 3px solid #39ff14 !important;
  border-radius: 2px !important;
  padding: 16px 20px !important;
  margin-bottom: 20px !important;
}
.page-header h1 {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 3px !important;
  margin: 0 !important;
  color: #e8e8e8 !important;
}

/* ===== STAT CARDS ===== */
.stat-card {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 2px !important;
  padding: 16px !important;
  text-align: center !important;
  transition: border-color .2s !important;
  color: #e8e8e8 !important;
}
.stat-card:hover { border-color: #39ff14 !important; }
.stat-card .stat-value {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 1.8rem !important; font-weight: 700 !important;
}
.stat-card .stat-label {
  color: #555 !important; font-size: .72rem !important;
  font-family: 'Share Tech Mono', monospace !important;
  letter-spacing: 1px !important; text-transform: uppercase !important;
  margin-top: 4px !important;
}

/* ===== SECTION TITLE ===== */
.rt-section-title {
  font-family: 'Bebas Neue', 'Impact', sans-serif !important;
  font-size: 1.5rem !important; letter-spacing: 3px !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #e8e8e8 !important;
}
.rt-section-title span { color: #39ff14 !important; text-shadow: 0 0 10px rgba(57,255,20,.3) !important; }

/* ===== ALERTS ===== */
.alert { border-radius: 3px !important; }
.alert-success { background: rgba(57,255,20,.08) !important; border-color: #39ff14 !important; color: #39ff14 !important; }
.alert-danger  { background: rgba(239,68,68,.08) !important; border-color: #ef4444 !important; color: #f87171 !important; }
.alert-warning { background: rgba(234,179,8,.08) !important; border-color: #eab308 !important; color: #fbbf24 !important; }
.alert-info    { background: rgba(59,130,246,.08) !important; border-color: #3b82f6 !important; color: #60a5fa !important; }
.btn-close { filter: invert(1) !important; }

/* ===== TEXT COLORS ===== */
.text-muted     { color: #555 !important; }
.text-success   { color: #39ff14 !important; }
.text-warning   { color: #39ff14 !important; }
.text-danger    { color: #f87171 !important; }
.text-info      { color: #60a5fa !important; }
.text-primary   { color: #818cf8 !important; }
.text-white     { color: #ffffff !important; }
.fw-bold, .fw-600 { font-weight: 700 !important; }

/* ===== MODAL ===== */
.modal-content {
  background: #111111 !important;
  border: 1px solid rgba(57,255,20,.3) !important;
  border-radius: 4px !important;
  color: #e8e8e8 !important;
}
.modal-header { border-bottom: 1px solid rgba(57,255,20,.2) !important; }
.modal-footer { border-top:   1px solid rgba(57,255,20,.2) !important; }
.modal-title  { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: 2px !important; color: #39ff14 !important; }
.modal-backdrop { background: rgba(0,0,0,.85) !important; }

/* ===== FOOTER ===== */
.rt-footer { background: #0d0d0d !important; border-top: 1px solid rgba(57,255,20,.2) !important; margin-top: 60px !important; }
.rt-footer-brand { font-family: 'Bebas Neue', sans-serif !important; font-size: 1.3rem !important; letter-spacing: 3px !important; color: #39ff14 !important; }
.footer-link { color: #444 !important; text-decoration: none !important; line-height: 2.2 !important; }
.footer-link:hover { color: #39ff14 !important; }

/* ===== НИЖНИЙ БАР ===== */
.mobile-bottom-nav {
  position: fixed !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 9999 !important;
  background: #0d0d0d !important;
  border-top: 2px solid #39ff14 !important;
  box-shadow: 0 -4px 24px rgba(57,255,20,.25) !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom)) !important;
}
.mobile-nav-item {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 3px !important;
  color: #444 !important; text-decoration: none !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: .58rem !important; letter-spacing: 1px !important;
  padding: 4px 6px !important; min-width: 50px !important; flex: 1 !important;
  transition: all .2s !important; position: relative !important;
}
.mobile-nav-item i { font-size: 1.35rem !important; transition: all .2s !important; }
.mobile-nav-item.active { color: #39ff14 !important; }
.mobile-nav-item.active i { color: #39ff14 !important; filter: drop-shadow(0 0 6px #39ff14) !important; transform: translateY(-3px) !important; }
.mobile-nav-item.active::after {
  content: '' !important; position: absolute !important;
  bottom: -8px !important; left: 50% !important;
  transform: translateX(-50%) !important;
  width: 24px !important; height: 2px !important;
  background: #39ff14 !important; box-shadow: 0 0 8px #39ff14 !important;
  border-radius: 1px !important;
}
.mobile-nav-item:not(.active):hover { color: rgba(57,255,20,.6) !important; }
.mobile-nav-item:not(.active):hover i { transform: translateY(-2px) !important; }

@media (max-width: 991px) { body { padding-bottom: 76px !important; } }
@media (min-width: 992px) { .mobile-bottom-nav { display: none !important; } body { padding-bottom: 0 !important; } }

/* ===== ADMIN SIDEBAR ===== */
.admin-sidebar { background: #0d0d0d !important; border-right: 1px solid rgba(57,255,20,.2) !important; }
.admin-nav-link { color: #444 !important; font-family: 'Share Tech Mono', monospace !important; font-size: .8rem !important; letter-spacing: 1px !important; padding: 12px 20px !important; border-left: 2px solid transparent !important; transition: all .2s !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.admin-nav-link:hover, .admin-nav-link.active { color: #39ff14 !important; background: rgba(57,255,20,.06) !important; border-left-color: #39ff14 !important; }

/* Admin mobile nav */
.admin-mobile-nav { background: #0d0d0d !important; border-top: 2px solid #39ff14 !important; box-shadow: 0 -4px 15px rgba(57,255,20,.2) !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; }
.admin-mobile-nav a { font-family: 'Share Tech Mono', monospace !important; font-size: .58rem !important; color: #444 !important; text-decoration: none !important; }
.admin-mobile-nav a.active { color: #39ff14 !important; }

/* ===== UPLOAD ===== */
.img-upload-area { border: 1px dashed rgba(57,255,20,.3) !important; border-radius: 3px !important; padding: 20px !important; text-align: center !important; cursor: pointer !important; background: #1a1a1a !important; transition: border-color .2s !important; }
.img-upload-area:hover { border-color: #39ff14 !important; }
.img-upload-preview { border: 1px solid rgba(57,255,20,.3) !important; border-radius: 3px !important; }

/* ===== QR PAGE ===== */
.qr-page, .cell-card { background: #111111 !important; }
.btn-open { background: #39ff14 !important; color: #000 !important; font-family: 'Bebas Neue', sans-serif !important; letter-spacing: 2px !important; border-radius: 3px !important; box-shadow: 0 0 20px rgba(57,255,20,.3) !important; border: none !important; }
.btn-open:hover { background: #fff !important; color: #000 !important; }
.btn-cancel-rent { border: 1px solid #ef4444 !important; color: #f87171 !important; font-family: 'Bebas Neue', sans-serif !important; letter-spacing: 2px !important; border-radius: 3px !important; background: transparent !important; }
.btn-cancel-rent:hover { background: #ef4444 !important; color: #fff !important; }
.timer-block { background: linear-gradient(135deg, rgba(6,78,59,.5), #0d0d0d) !important; border: 1px solid #39ff14 !important; }
.timer-digits { font-family: 'Share Tech Mono', 'Courier New', monospace !important; color: #39ff14 !important; text-shadow: 0 0 20px rgba(57,255,20,.5) !important; }

/* ===== ANIMATIONS ===== */
@keyframes fadeUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
.rt-card:nth-child(1){animation:fadeUp .3s ease both}
.rt-card:nth-child(2){animation:fadeUp .3s .05s ease both}
.rt-card:nth-child(3){animation:fadeUp .3s .1s ease both}
.rt-card:nth-child(4){animation:fadeUp .3s .15s ease both}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#0a0a0a}
::-webkit-scrollbar-thumb{background:#39ff14;border-radius:2px}

/* ===== MOBILE ===== */
@media (max-width:575px){
  .rt-hero{padding:20px 16px!important}
  .rt-hero h1{font-size:1.8rem!important}
  .auth-card{margin:16px auto!important}
  .auth-body{padding:18px!important}
  .profile-card{padding:14px!important}
  .page-header{padding:12px 14px!important}
  .page-header h1{font-size:1.2rem!important}
  .balance-amount{font-size:1.8rem!important}
  .container{padding-left:10px!important;padding-right:10px!important}
  .rt-table{min-width:480px}
  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(hover:none) and (pointer:coarse){
  .btn,.btn-rt,.btn-rt-outline,.cat-row-btn{min-height:46px!important}
  .form-control,.form-select{min-height:46px!important;font-size:16px!important}
}
@media(max-width:991px){
  .navbar-nav .nav-link{padding:10px 20px!important;border-bottom:1px solid rgba(57,255,20,.1)!important}
  .admin-sidebar{display:none!important}
  .admin-main{padding:12px!important;padding-bottom:70px!important}
  .rt-table thead{display:none}
  .rt-table,.rt-table tbody,.rt-table tr,.rt-table td{display:block!important;width:100%!important}
  .rt-table tr{background:#111!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:3px!important;margin-bottom:8px!important;padding:12px!important;position:relative!important}
  .rt-table td{background:transparent!important;border:none!important;padding:2px 0!important;border-radius:0!important}
  .rt-table td:last-child{position:absolute!important;top:10px!important;right:10px!important}
}

/* ===== NAVBAR — обновлённый ===== */
.rt-navbar {
  background: #0d0d0d !important;
  border-bottom: 2px solid #39ff14 !important;
  position: sticky !important; top: 0 !important; z-index: 500 !important;
  box-shadow: 0 2px 20px rgba(57,255,20,.15) !important;
}
.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  gap: 10px;
  max-width: 960px;
  margin: 0 auto;
}
.rt-brand {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.2rem !important;
  color: #39ff14 !important;
  letter-spacing: 2px !important;
  text-shadow: 0 0 10px rgba(57,255,20,.4) !important;
  flex-shrink: 0;
}
.rt-brand span { white-space: nowrap; }
.nav-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Баланс */
.nav-balance {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: 'Share Tech Mono', monospace;
  font-size: .78rem;
  color: #39ff14 !important;
  text-decoration: none !important;
  letter-spacing: 1px;
  white-space: nowrap;
}
.nav-balance svg { stroke: #39ff14; flex-shrink: 0; }

/* Кнопка пополнить */
.nav-deposit-btn {
  display: inline-block;
  background: #39ff14 !important;
  color: #000 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: .85rem !important;
  letter-spacing: 2px !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 0 10px rgba(57,255,20,.3);
  transition: all .2s;
}
.nav-deposit-btn:hover { background: #fff !important; color: #000 !important; }

/* Кнопка админки */
.nav-admin-btn {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border: 1px solid rgba(57,255,20,.4);
  border-radius: 8px;
  color: #39ff14 !important; text-decoration: none !important;
  transition: all .2s;
}
.nav-admin-btn svg { stroke: #39ff14; }
.nav-admin-btn:hover { background: rgba(57,255,20,.1); }

/* Войти / Регистрация */
.nav-login-btn {
  font-family: 'Share Tech Mono', monospace;
  font-size: .78rem; letter-spacing: 1px;
  color: #555 !important; text-decoration: none !important;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  transition: all .2s;
}
.nav-login-btn:hover { color: #39ff14 !important; border-color: rgba(57,255,20,.3); }
.nav-reg-btn {
  font-family: 'Bebas Neue', sans-serif;
  font-size: .85rem; letter-spacing: 2px;
  background: transparent !important;
  color: #39ff14 !important; text-decoration: none !important;
  padding: 6px 12px;
  border: 1px solid rgba(57,255,20,.4);
  border-radius: 8px;
  transition: all .2s;
}
.nav-reg-btn:hover { background: rgba(57,255,20,.1) !important; }

/* Алерты */
.rt-alert {
  padding: 10px 14px; border-radius: 8px; font-size: .88rem;
  font-family: 'Share Tech Mono', monospace; letter-spacing: .5px;
}
.rt-alert-ok  { background: rgba(57,255,20,.08); border: 1px solid rgba(57,255,20,.3); color: #39ff14; }
.rt-alert-err { background: rgba(239,68,68,.08);  border: 1px solid rgba(239,68,68,.3);  color: #f87171; }

@media (max-width: 400px) {
  .rt-brand span { display: none; }
  .nav-deposit-btn { font-size: .75rem !important; padding: 5px 8px !important; }
  .nav-balance { font-size: .72rem; }
}