@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    --bg-dark: #0a0e17;
    --card-bg: rgba(17, 24, 39, 0.75);
    --border-color: rgba(139, 92, 246, 0.18);
    --primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
    --accent-glow: 0 0 25px rgba(139, 92, 246, 0.35);
}

[x-cloak] {
    display: none !important;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #07090e;
    color: #f1f5f9;
    overflow-x: hidden;
}

/* Glassmorphism card */
.glass-card {
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(139, 92, 246, 0.18);
    border-radius: 1.25rem;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 0 20px -5px rgba(124, 58, 237, 0.1);
    transition: all 0.25s ease;
}

.glass-card:hover {
    border-color: rgba(168, 85, 247, 0.32);
}

.glass-header {
    background: rgba(10, 14, 26, 0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}

/* Glow effects */
.glow-primary {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
}

.glow-purple {
    box-shadow: 0 0 25px rgba(147, 51, 234, 0.45);
}

.glow-emerald {
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.35);
}

/* Telegram preview bubble */
.telegram-bubble {
    background: linear-gradient(135deg, #1e293b 0%, #1e1e38 100%);
    border-left: 4px solid #8b5cf6;
    border-radius: 1rem 1rem 1rem 0.25rem;
    padding: 1rem;
    color: #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    word-break: break-word;
}

.telegram-bubble a {
    color: #60a5fa;
    text-decoration: underline;
    font-weight: 500;
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 92, 246, 0.6);
}

/* Mobile bottom nav safe area */
.bottom-nav-safe {
    padding-bottom: calc(5rem + env(safe-area-inset-bottom, 1rem));
}

/* Button pulse & active feel */
.btn-touch {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 0.875rem;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
}

.btn-touch:active {
    transform: scale(0.97);
}

/* Shimmer animation */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.animate-shimmer {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%);
    background-size: 200% 100%;
    animation: shimmer 2.5s infinite;
}

/* Pulsing badge dot */
@keyframes pulse-dot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.5; }
}

.pulse-dot {
    animation: pulse-dot 1.8s infinite ease-in-out;
}

/* ==========================================================================
   THEME 2: TERMINAL GREEN (Developer Command Center - High Contrast & Crisp)
   ========================================================================== */
.theme-terminal,
.theme-terminal body {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace !important;
    background-color: #070d08 !important;
    color: #e2e8f0 !important;
}

/* Headers, Sidebars, Navigation */
.theme-terminal .glass-header {
    background: #09140b !important;
    border-bottom: 1px solid #16a34a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.theme-terminal aside {
    background: #070e08 !important;
    border-right: 1px solid #14532d !important;
}

.theme-terminal aside nav a {
    font-family: 'JetBrains Mono', monospace !important;
    border-radius: 4px !important;
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

.theme-terminal aside nav a:hover {
    background: #0f2415 !important;
    color: #00ff66 !important;
}

.theme-terminal aside nav a.bg-gradient-to-r {
    background: rgba(34, 197, 94, 0.16) !important;
    border: 1px solid #00ff66 !important;
    color: #00ff66 !important;
    font-weight: 700 !important;
}

/* Cards & Windows (High Contrast Dark Slate-Green) */
.theme-terminal .glass-card,
.theme-terminal .bg-slate-900,
.theme-terminal .bg-slate-950,
.theme-terminal .bg-slate-900\/90,
.theme-terminal .bg-slate-900\/80,
.theme-terminal .bg-slate-950\/90,
.theme-terminal .bg-slate-900\/50,
.theme-terminal .bg-slate-800\/40,
.theme-terminal .bg-slate-800\/60,
.theme-terminal .bg-slate-800\/80 {
    background-color: #0c1810 !important;
    border: 1px solid rgba(34, 197, 94, 0.32) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    color: #e2e8f0 !important;
}

.theme-terminal .glass-card:hover {
    border-color: #00ff66 !important;
    box-shadow: 0 0 15px rgba(0, 255, 102, 0.2) !important;
}

/* Crisp Text & Headings (White for Titles, Neon Green for Accents) */
.theme-terminal h1,
.theme-terminal h2,
.theme-terminal h3,
.theme-terminal h4,
.theme-terminal h5,
.theme-terminal h6 {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.theme-terminal .text-white {
    color: #ffffff !important;
}

.theme-terminal .text-slate-100,
.theme-terminal .text-slate-200,
.theme-terminal .text-slate-300 {
    color: #e2e8f0 !important;
}

.theme-terminal .text-slate-400,
.theme-terminal .text-slate-500 {
    color: #94a3b8 !important;
}

/* Accent Colors */
.theme-terminal .text-purple-300,
.theme-terminal .text-purple-400,
.theme-terminal .text-indigo-300,
.theme-terminal .text-indigo-400 {
    color: #4ade80 !important;
}

.theme-terminal .text-emerald-300,
.theme-terminal .text-emerald-400,
.theme-terminal .text-cyan-300,
.theme-terminal .text-cyan-400 {
    color: #00ff66 !important;
}

.theme-terminal .text-amber-300,
.theme-terminal .text-amber-400 {
    color: #fbbf24 !important;
}

.theme-terminal .text-rose-300,
.theme-terminal .text-rose-400 {
    color: #f87171 !important;
}

.theme-terminal .border-slate-800,
.theme-terminal .border-slate-700,
.theme-terminal .border-purple-500\/10,
.theme-terminal .border-purple-500\/20,
.theme-terminal .border-purple-500\/30 {
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* Terminal Buttons (High Contrast & Sharp) */
.theme-terminal .btn-touch,
.theme-terminal button[type="submit"] {
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
    border: 1px solid #22c55e !important;
    background: #22c55e !important;
    color: #051408 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.3) !important;
    transition: all 0.2s ease !important;
}

.theme-terminal .btn-touch *,
.theme-terminal button[type="submit"] * {
    color: #051408 !important;
    font-weight: 700 !important;
}

.theme-terminal .btn-touch:hover,
.theme-terminal button[type="submit"]:hover {
    background: #00ff66 !important;
    border-color: #00ff66 !important;
    box-shadow: 0 0 18px rgba(0, 255, 102, 0.6) !important;
}

.theme-terminal .btn-touch:active,
.theme-terminal button[type="submit"]:active {
    transform: scale(0.98);
}

/* Secondary Buttons */
.theme-terminal .bg-slate-800,
.theme-terminal .bg-slate-800\/80 {
    background-color: #112215 !important;
    border: 1px solid #16a34a !important;
    color: #86efac !important;
    border-radius: 4px !important;
}
.theme-terminal .bg-slate-800 *,
.theme-terminal .bg-slate-800\/80 * {
    color: #86efac !important;
}

.theme-terminal .bg-slate-800:hover,
.theme-terminal .bg-slate-800\/80:hover {
    background-color: #16331e !important;
    color: #00ff66 !important;
}

/* Inputs, Select, Textareas */
.theme-terminal input,
.theme-terminal select,
.theme-terminal textarea {
    background-color: #050b07 !important;
    border: 1px solid #16a34a !important;
    color: #f8fafc !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.theme-terminal input:focus,
.theme-terminal select:focus,
.theme-terminal textarea:focus {
    border-color: #00ff66 !important;
    box-shadow: 0 0 10px rgba(0, 255, 102, 0.4) !important;
    outline: none !important;
}

.theme-terminal input::placeholder,
.theme-terminal textarea::placeholder {
    color: #64748b !important;
}

/* Badges & Tags */
.theme-terminal .rounded-full,
.theme-terminal .rounded-xl,
.theme-terminal .rounded-2xl {
    border-radius: 4px !important;
}

.theme-terminal span[class*="bg-purple-500"],
.theme-terminal span[class*="bg-blue-500"],
.theme-terminal span[class*="bg-emerald-500"],
.theme-terminal span[class*="bg-amber-500"] {
    background-color: #0a1f0f !important;
    border: 1px solid #22c55e !important;
    color: #4ade80 !important;
}

/* Tables */
.theme-terminal table {
    border-color: #166534 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.theme-terminal table thead tr,
.theme-terminal table th {
    background-color: #0f2214 !important;
    color: #00ff66 !important;
    border-bottom: 2px solid #22c55e !important;
}

.theme-terminal table tbody tr {
    border-bottom: 1px solid #143514 !important;
    color: #e2e8f0 !important;
}

.theme-terminal table tbody tr:hover {
    background-color: #122818 !important;
}

/* Admin Sub Navigation */
.theme-terminal .overflow-x-auto button {
    border-radius: 4px !important;
    border: 1px solid transparent;
    color: #94a3b8;
}

.theme-terminal .overflow-x-auto button.bg-amber-600 {
    background-color: #22c55e !important;
    color: #040905 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.4) !important;
}

/* Terminal Cursor */
.theme-terminal .terminal-cursor::after {
    content: " _";
    animation: blink-cursor 1s infinite;
    color: #00ff66;
    font-weight: bold;
}

@keyframes blink-cursor {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

/* Custom scrollbars for Terminal */
.theme-terminal ::-webkit-scrollbar-track {
    background: #050b07;
}

.theme-terminal ::-webkit-scrollbar-thumb {
    background: #16a34a;
    border-radius: 2px;
}

.theme-terminal ::-webkit-scrollbar-thumb:hover {
    background: #00ff66;
}

/* THEME 2: Mobile Bottom Navigation Bar */
.theme-terminal nav.fixed.bottom-0 {
    background: #071208 !important;
    border-top: 1px solid #16a34a !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.8) !important;
}

.theme-terminal nav.fixed.bottom-0 a,
.theme-terminal nav.fixed.bottom-0 button {
    color: #86efac !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.theme-terminal nav.fixed.bottom-0 a span,
.theme-terminal nav.fixed.bottom-0 button span {
    color: #86efac !important;
}

.theme-terminal nav.fixed.bottom-0 a.text-purple-400,
.theme-terminal nav.fixed.bottom-0 a.text-blue-400,
.theme-terminal nav.fixed.bottom-0 a.text-amber-400,
.theme-terminal nav.fixed.bottom-0 a.text-emerald-400,
.theme-terminal nav.fixed.bottom-0 button.text-purple-400 {
    color: #00ff66 !important;
    font-weight: 700 !important;
}

.theme-terminal nav.fixed.bottom-0 a.text-purple-400 span,
.theme-terminal nav.fixed.bottom-0 a.text-blue-400 span,
.theme-terminal nav.fixed.bottom-0 a.text-amber-400 span,
.theme-terminal nav.fixed.bottom-0 a.text-emerald-400 span,
.theme-terminal nav.fixed.bottom-0 button.text-purple-400 span {
    color: #00ff66 !important;
    font-weight: 700 !important;
}

.theme-terminal nav.fixed.bottom-0 a[href="/campaign"] {
    background: #00ff66 !important;
    color: #040905 !important;
    border: 1px solid #00ff66 !important;
    box-shadow: 0 0 15px rgba(0, 255, 102, 0.4) !important;
    font-weight: 800 !important;
}

.theme-terminal nav.fixed.bottom-0 a[href="/campaign"] i,
.theme-terminal nav.fixed.bottom-0 a[href="/campaign"] span {
    color: #040905 !important;
    font-weight: 800 !important;
}


/* ==========================================================================
   THEME 3: SOFT PINK MODERN (Maximum Readability, High Contrast & Polished)
   ========================================================================== */
.theme-pink,
.theme-pink body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background-color: #fff5f7 !important;
    color: #0f172a !important;
}

/* Header & Sidebar */
.theme-pink .glass-header {
    background: #ffffff !important;
    border-bottom: 2px solid #fecdd3 !important;
    box-shadow: 0 2px 14px rgba(244, 63, 94, 0.06) !important;
}

.theme-pink aside {
    background: #ffffff !important;
    border-right: 1px solid #fecdd3 !important;
}

.theme-pink aside nav a {
    border-radius: 8px !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

.theme-pink aside nav a.bg-gradient-to-r {
    background: #fff1f2 !important;
    border: 1px solid #f472b6 !important;
    color: #be123c !important;
    font-weight: 800 !important;
}

.theme-pink aside nav a:not(.bg-gradient-to-r):hover {
    background: #fff1f2 !important;
    color: #e11d48 !important;
}

/* Header Widgets in Pink */
.theme-pink .glass-header a[href="/deposit"] {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #065f46 !important;
    font-weight: 700 !important;
}
.theme-pink .glass-header a[href="/deposit"] i {
    color: #059669 !important;
}

.theme-pink .glass-header a[href="/plans"] {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #be123c !important;
    font-weight: 700 !important;
}

.theme-pink .glass-header button[title*="Mentions"],
.theme-pink .glass-header button[title*="nhắc tên"],
.theme-pink .glass-header button[title*="Themes"] {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #334155 !important;
}

.theme-pink .glass-header button[title*="Mentions"]:hover,
.theme-pink .glass-header button[title*="Themes"]:hover {
    background: #ffe4e6 !important;
    color: #e11d48 !important;
}

.theme-pink .glass-header span.bg-slate-900 {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #0f172a !important;
}

.theme-pink .glass-header span.bg-slate-900 span.text-white {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.theme-pink .glass-header button[title="Đăng xuất"] {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #be123c !important;
}

/* Transparent / Gradient Text Overrides (Fix invisible text on white) */
.theme-pink .bg-clip-text {
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
    background: none !important;
}

.theme-pink a.bg-clip-text,
.theme-pink .glass-header a.text-transparent {
    -webkit-text-fill-color: #be123c !important;
    color: #be123c !important;
    background: none !important;
    font-weight: 900 !important;
}

/* Rectangular Cards with Soft Corners (Clean Crisp White on Soft Blush) */
.theme-pink .glass-card,
.theme-pink .bg-slate-900,
.theme-pink .bg-slate-950,
.theme-pink .bg-slate-900\/90,
.theme-pink .bg-slate-900\/80,
.theme-pink .bg-slate-950\/90,
.theme-pink .bg-slate-900\/50,
.theme-pink .bg-slate-800\/40,
.theme-pink .bg-slate-800\/60,
.theme-pink .bg-slate-800\/80 {
    background-color: #ffffff !important;
    border: 1px solid #fecdd3 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(244, 63, 94, 0.08) !important;
    color: #0f172a !important;
}

.theme-pink .glass-card:hover {
    border-color: #f472b6 !important;
    box-shadow: 0 6px 25px rgba(244, 63, 94, 0.14) !important;
}

/* High Contrast Headings and Texts */
.theme-pink h1,
.theme-pink h2,
.theme-pink h3,
.theme-pink h4,
.theme-pink h5,
.theme-pink h6 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.theme-pink .text-white:not(.btn-touch *):not(button[type="submit"] *):not(a[href="/campaign"] *) {
    color: #0f172a !important;
}

/* Darker, Clearer Secondary & Helper Text */
.theme-pink .text-slate-400,
.theme-pink .text-slate-500 {
    color: #334155 !important;
    font-weight: 500 !important;
}

.theme-pink .text-slate-300,
.theme-pink .text-slate-200,
.theme-pink .text-slate-100,
.theme-pink .text-slate-50 {
    color: #1e293b !important;
}

/* Saturated Rich Contrast for Color Labels */
.theme-pink .text-purple-100,
.theme-pink .text-purple-200,
.theme-pink .text-purple-300,
.theme-pink .text-purple-400,
.theme-pink .text-indigo-100,
.theme-pink .text-indigo-200,
.theme-pink .text-indigo-300,
.theme-pink .text-indigo-400 {
    color: #7c3aed !important;
    font-weight: 600 !important;
}

.theme-pink .text-amber-100,
.theme-pink .text-amber-200,
.theme-pink .text-amber-300,
.theme-pink .text-amber-400 {
    color: #b45309 !important;
    font-weight: 600 !important;
}

.theme-pink .text-emerald-100,
.theme-pink .text-emerald-200,
.theme-pink .text-emerald-300,
.theme-pink .text-emerald-400 {
    color: #047857 !important;
    font-weight: 600 !important;
}

.theme-pink .text-blue-100,
.theme-pink .text-blue-200,
.theme-pink .text-blue-300,
.theme-pink .text-blue-400 {
    color: #1d4ed8 !important;
    font-weight: 600 !important;
}

.theme-pink .text-rose-100,
.theme-pink .text-rose-200,
.theme-pink .text-rose-300,
.theme-pink .text-rose-400 {
    color: #be123c !important;
    font-weight: 600 !important;
}

.theme-pink .text-sky-100,
.theme-pink .text-sky-200,
.theme-pink .text-sky-300,
.theme-pink .text-sky-400 {
    color: #0369a1 !important;
    font-weight: 600 !important;
}

.theme-pink .text-cyan-100,
.theme-pink .text-cyan-200,
.theme-pink .text-cyan-300,
.theme-pink .text-cyan-400 {
    color: #0e7490 !important;
    font-weight: 600 !important;
}

.theme-pink .border-slate-800,
.theme-pink .border-slate-700,
.theme-pink .border-purple-500\/10,
.theme-pink .border-purple-500\/20,
.theme-pink .border-purple-500\/30 {
    border-color: #fecdd3 !important;
}

/* Rectangular Buttons with Soft Corners (NO Pill Buttons) */
.theme-pink .btn-touch,
.theme-pink button[type="submit"] {
    border-radius: 8px !important;
    background: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 1px solid rgba(244, 63, 94, 0.3) !important;
    box-shadow: 0 4px 14px rgba(244, 63, 94, 0.28) !important;
    transition: all 0.2s ease !important;
}

.theme-pink .btn-touch *,
.theme-pink button[type="submit"] * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.theme-pink .btn-touch:hover,
.theme-pink button[type="submit"]:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(244, 63, 94, 0.36) !important;
}

.theme-pink .btn-touch:active,
.theme-pink button[type="submit"]:active {
    transform: scale(0.98);
}

/* Secondary Buttons */
.theme-pink .bg-slate-800,
.theme-pink .bg-slate-800\/80 {
    background-color: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #be123c !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

.theme-pink .bg-slate-800 *,
.theme-pink .bg-slate-800\/80 * {
    color: #be123c !important;
}

/* Overriding Pill Buttons to Clean Soft Rectangular */
.theme-pink .rounded-full {
    border-radius: 8px !important;
}

.theme-pink .rounded-2xl,
.theme-pink .rounded-3xl {
    border-radius: 12px !important;
}

/* Inputs, Select, Textareas */
.theme-pink input,
.theme-pink select,
.theme-pink textarea {
    background-color: #ffffff !important;
    border: 1px solid #fecdd3 !important;
    color: #0f172a !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
}

.theme-pink input:focus,
.theme-pink select:focus,
.theme-pink textarea:focus {
    border-color: #f43f5e !important;
    box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.18) !important;
    outline: none !important;
}

.theme-pink input::placeholder,
.theme-pink textarea::placeholder {
    color: #64748b !important;
}

/* Badges & Tags */
.theme-pink span[class*="bg-purple-500"],
.theme-pink span[class*="bg-blue-500"],
.theme-pink span[class*="bg-amber-500"] {
    background-color: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #be123c !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

.theme-pink span[class*="bg-emerald-500"] {
    background-color: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #047857 !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

/* Tables */
.theme-pink table {
    border-color: #fecdd3 !important;
}

.theme-pink table thead tr,
.theme-pink table th {
    background-color: #fff1f2 !important;
    color: #881337 !important;
    border-bottom: 2px solid #fecdd3 !important;
    font-weight: 700 !important;
}

.theme-pink table tbody tr {
    border-bottom: 1px solid #ffe4e6 !important;
    color: #0f172a !important;
    font-weight: 500 !important;
}

.theme-pink table tbody tr:hover {
    background-color: #fff5f7 !important;
}

/* Admin Sub Navigation */
.theme-pink .overflow-x-auto {
    background-color: #ffffff !important;
    border: 1px solid #fecdd3 !important;
}

.theme-pink .overflow-x-auto button {
    border-radius: 8px !important;
    color: #475569 !important;
    font-weight: 600 !important;
}

.theme-pink .overflow-x-auto button.bg-amber-600 {
    background-color: #f43f5e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(244, 63, 94, 0.28) !important;
}

/* THEME 3: Mobile Bottom Navigation Bar ("Thanh cuối màn hình") */
.theme-pink nav.fixed.bottom-0 {
    background: #ffffff !important;
    border-top: 2px solid #fecdd3 !important;
    box-shadow: 0 -4px 25px rgba(244, 63, 94, 0.12) !important;
}

.theme-pink nav.fixed.bottom-0 a,
.theme-pink nav.fixed.bottom-0 button {
    color: #475569 !important;
    font-weight: 600 !important;
}

.theme-pink nav.fixed.bottom-0 a span,
.theme-pink nav.fixed.bottom-0 button span {
    color: #475569 !important;
    font-weight: 600 !important;
}

.theme-pink nav.fixed.bottom-0 a.text-purple-400,
.theme-pink nav.fixed.bottom-0 a.text-blue-400,
.theme-pink nav.fixed.bottom-0 a.text-amber-400,
.theme-pink nav.fixed.bottom-0 a.text-emerald-400,
.theme-pink nav.fixed.bottom-0 button.text-purple-400 {
    color: #e11d48 !important;
}

.theme-pink nav.fixed.bottom-0 a.text-purple-400 span,
.theme-pink nav.fixed.bottom-0 a.text-blue-400 span,
.theme-pink nav.fixed.bottom-0 a.text-amber-400 span,
.theme-pink nav.fixed.bottom-0 a.text-emerald-400 span,
.theme-pink nav.fixed.bottom-0 button.text-purple-400 span {
    color: #e11d48 !important;
    font-weight: 800 !important;
}

.theme-pink nav.fixed.bottom-0 a[href="/campaign"] {
    background: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(244, 63, 94, 0.4) !important;
}

.theme-pink nav.fixed.bottom-0 a[href="/campaign"] i,
.theme-pink nav.fixed.bottom-0 a[href="/campaign"] span {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Mobile Drawer / Quick Menu Sheet */
.theme-pink .glass-card.rounded-t-3xl {
    background: #ffffff !important;
    border-top: 2px solid #fecdd3 !important;
}

.theme-pink .glass-card.rounded-t-3xl .text-white {
    color: #0f172a !important;
}

/* Custom scrollbars for Pink */
.theme-pink ::-webkit-scrollbar-track {
    background: #fff1f2;
}

.theme-pink ::-webkit-scrollbar-thumb {
    background: #f472b6;
    border-radius: 4px;
}

.theme-pink ::-webkit-scrollbar-thumb:hover {
    background: #f43f5e;
}

/* Modal and Backdrop Refinements */
.theme-pink .bg-black\/80 {
    background-color: rgba(15, 23, 42, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}

.theme-pink input[type="checkbox"],
.theme-pink input[type="radio"] {
    accent-color: #f43f5e !important;
}

.theme-terminal input[type="checkbox"],
.theme-terminal input[type="radio"] {
    accent-color: #00ff66 !important;
}

/* Theme Switcher Card Highlights */
.theme-preview-card {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    cursor: pointer;
}
.theme-preview-card:hover {
    transform: translateY(-2px);
}
.theme-preview-card.active-theme {
    outline: 2px solid #8b5cf6;
    outline-offset: 2px;
}
.theme-terminal .theme-preview-card.active-theme {
    outline: 2px solid #00ff66 !important;
}
.theme-pink .theme-preview-card.active-theme {
    outline: 2px solid #f43f5e !important;
}

/* Code & Pre Blocks */
.theme-terminal pre,
.theme-terminal code {
    background-color: #050b07 !important;
    border: 1px solid #16a34a !important;
    color: #00ff66 !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.theme-pink pre,
.theme-pink code {
    background-color: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #9f1239 !important;
    border-radius: 6px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Admin Table & Alternate Rows */
.theme-pink tr.bg-slate-950\/50,
.theme-pink .bg-slate-950\/40,
.theme-pink .bg-slate-950\/60 {
    background-color: #fff5f7 !important;
}

.theme-pink .border-slate-800\/60,
.theme-pink .border-slate-800\/80 {
    border-color: #fecdd3 !important;
}

.theme-terminal tr.bg-slate-950\/50,
.theme-terminal .bg-slate-950\/40,
.theme-terminal .bg-slate-950\/60 {
    background-color: #071008 !important;
}