:root {
    --rw-bg-1: #0f172a;
    --rw-bg-2: #1e293b;
    --rw-panel: rgba(15, 23, 42, 0.82);
    --rw-panel-2: rgba(30, 41, 59, 0.88);
    --rw-line: rgba(125, 211, 252, 0.35);
    --rw-text: #e2f3ff;
    --rw-muted: #b0c7dd;
    --rw-cyan: #67e8f9;
    --rw-blue: #60a5fa;
    --rw-gold: #fde68a;
    --rw-green: #6ee7b7;
    --rw-pink: #f9a8d4;
}

/* Particles: handled by /assets/js/energy-particles.js (canvas) */
body.home-rework,
.melior body {
    position: relative;
    overflow-x: hidden;
}


/* Keep top content header pinned on panel pages */
.melior #page-container.page-header-fixed #page-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
}

.melior #page-container.page-header-fixed #main-container {
    padding-top: 84px;
}

/* Landing page (index.php) */
body.home-rework {
    background-size: cover;
    color: var(--rw-text);
}

.home-rework header {
    background: linear-gradient(90deg, rgba(2, 6, 23, 0.8), rgba(15, 23, 42, 0.85));
    border-bottom: 1px solid var(--rw-line);
    box-shadow: 0 8px 24px rgba(2, 6, 23, 0.35);
}

.home-rework .logo span {
    font-weight: 800;
    letter-spacing: 0.4px;
    color: var(--rw-cyan);
    text-shadow: 0 0 10px rgba(103, 232, 249, 0.35);
}

.home-rework nav a {
    color: #dbeafe;
}

.home-rework nav a:hover {
    color: var(--rw-gold);
}

.home-rework .login-btn {
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    box-shadow: 0 0 14px rgba(14, 165, 233, 0.45);
}

.home-rework .fancy-button {
    border: 1px solid rgba(125, 211, 252, 0.35);
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.85), rgba(14, 116, 144, 0.85));
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.35);
}

.home-rework .fancy-button:hover {
    box-shadow: 0 18px 32px rgba(2, 6, 23, 0.45);
}

.home-rework footer {
    background: rgba(2, 6, 23, 0.72);
    border-top: 1px solid var(--rw-line);
}

/* Main panel theme (user.php + pages/*) */
.melior #page-container {
    background: transparent;
}

.melior #page-header,
.melior #sidebar,
.melior .block,
.melior .modal-content {
    border: 1px solid var(--rw-line);
    box-shadow: 0 10px 28px rgba(2, 6, 23, 0.3);
}

.melior #page-header {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.94), rgba(30, 41, 59, 0.9)) !important;
}

.melior #sidebar {
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.94), rgba(15, 23, 42, 0.9));
}

.melior .nav-main-header a,
.melior .nav-main a {
    border-radius: 10px;
}

.melior .nav-main-header a:hover,
.melior .nav-main-header a:focus,
.melior .nav-main-header a.active,
.melior .nav-main a:hover,
.melior .nav-main a:focus,
.melior .nav-main a.active {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #f8fbff !important;
}

.melior .block {
    background: linear-gradient(180deg, var(--rw-panel), var(--rw-panel-2));
    color: var(--rw-text);
}

.melior .block-header {
    background: rgba(15, 23, 42, 0.92) !important;
    border-bottom: 1px solid var(--rw-line);
}

.melior .block-title,
.melior h1,
.melior h2,
.melior h3,
.melior h4,
.melior h5,
.melior h6 {
    color: var(--rw-cyan) !important;
}

.melior .text-muted,
.melior .block-title small {
    color: var(--rw-muted) !important;
}

.melior .btn,
.melior .btn-secondary,
.melior .btn-dual-secondary {
    border-radius: 10px;
}

.melior .btn-primary,
.melior .submit-form,
.melior .btn-dual-secondary:hover,
.melior .btn-dual-secondary:focus {
    background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
    border-color: rgba(103, 232, 249, 0.55) !important;
    color: #f8fbff !important;
}

.melior .form-control,
.melior .custom-select {
    background: rgba(15, 23, 42, 0.75);
    color: #dbeafe;
    border: 1px solid rgba(125, 211, 252, 0.35);
}

.melior .form-control:focus,
.melior .custom-select:focus {
    border-color: rgba(103, 232, 249, 0.75);
    box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.18);
}

.melior .table {
    color: #e5f3ff;
}

.melior .table th {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.85), rgba(14, 165, 233, 0.78));
    color: #f8fbff;
    border-color: rgba(147, 197, 253, 0.4);
}

.melior .table td {
    border-color: rgba(148, 163, 184, 0.24);
}

.melior .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(30, 41, 59, 0.4);
}

.melior .badge,
.melior .label {
    border-radius: 999px;
}

/* Keep ranking header sticky inside ranking scroll area */