:root {
  --bb-accent: #2563eb;
  --bb-dark: #08111f;
  --bb-dark-2: #0f172a;
}
body { background: #f5f7fb; color: #0f172a; }
.navbar.bg-dark, footer.bg-black { background: linear-gradient(135deg, #08111f, #0f172a) !important; }
.hero {
  background: radial-gradient(circle at top right, rgba(37,99,235,.25), transparent 30%), linear-gradient(135deg, #08111f, #0f172a);
  color: white;
  padding: 5rem 0;
}
.card-soft { border: 0; border-radius: 1.2rem; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08); }
.metric-card { border-radius: 1rem; padding: 1.25rem; background: white; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); }
.auction-card .badge-status { position: absolute; top: 1rem; right: 1rem; }
.auction-card { overflow: hidden; }
.auction-image { height: 200px; object-fit: cover; width: 100%; background: linear-gradient(45deg, #dbeafe, #bfdbfe); }
.table thead th { white-space: nowrap; }
.form-section { background:white; border-radius:1.2rem; padding:1.25rem; box-shadow:0 10px 30px rgba(15,23,42,.06); }
.site-thumb { width: 100%; height: 90px; object-fit: cover; border-radius: .85rem; border: 1px solid #e2e8f0; cursor: pointer; }
.gallery-thumb-btn { border: 0; background: transparent; padding: 0; width: 100%; }
.hero-stat { min-height: 118px; }
.section-kicker { letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; color: #64748b; }
.big-figure { font-size: 2rem; font-weight: 700; }
.detail-hero { position: relative; min-height: 340px; background-size: cover; background-position: center; }
.detail-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,17,31,.15), rgba(8,17,31,.72)); }
.detail-hero-content { position: relative; z-index: 2; }
.badge-soft { background: #dbeafe; color: #1d4ed8; }

.countdown-badge { display:inline-flex; align-items:center; gap:.4rem; padding:.45rem .7rem; border-radius:999px; background:#dbeafe; color:#1d4ed8; font-weight:700; font-size:.9rem; }
.countdown-inline { font-weight:700; color:#1d4ed8; }
.countdown-ended { color:#b91c1c !important; }
.gallery-grid-main { width:100%; height:320px; object-fit:cover; border-radius:1rem; border:1px solid #e2e8f0; }
.gallery-grid-thumb { width:100%; height:96px; object-fit:cover; border-radius:.9rem; border:1px solid #e2e8f0; }
.lightbox-shell { background:#020617; color:#fff; }
.lightbox-shell .modal-content { background:#020617; border:1px solid rgba(255,255,255,.08); border-radius:1.25rem; }
.lightbox-stage { width:100%; max-height:72vh; object-fit:contain; background:#020617; border-radius:1rem; }
.lightbox-thumb { border:1px solid rgba(255,255,255,.15); background:transparent; border-radius:.8rem; padding:.1rem; width:84px; height:64px; }
.lightbox-thumb img { width:100%; height:100%; object-fit:cover; border-radius:.65rem; }
.lightbox-thumb.active { border-color:#60a5fa; box-shadow:0 0 0 2px rgba(96,165,250,.2); }
.auction-actions { white-space:nowrap; }