@import url("/css/dark.css?3060737993");
    :root {
    --theme-primary-rgb: 39,44,48;
    --theme-secondary-rgb: 108,117,125;

    --theme-bg-page-rgb: 34,34,34;
    --theme-bg-primary-rgb: 52,58,64;
    --theme-bg-secondary-rgb: 33,37,41;

            --theme-community-logo-url: url(/img/logo-vyx.png);
        }


    :root {
        --theme-gradient: rgba(var(--theme-primary-rgb), var(--theme-opacity));
    }




    :root {
        --theme-border-radius: 0.25rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

:root {
  --retro-green: #4ade80;
  --retro-green-dim: #16a34a;
  --retro-green-dark: #052e16;
  --retro-bg: #0a0f0a;
  --retro-surface: #0f1a0f;
  --retro-border: #1a3a1a;
}

body, html {
  background-color: var(--retro-bg) !important;
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--retro-green) !important;
}

.navbar, nav, header {
  background-color: var(--retro-surface) !important;
  border-bottom: 1px solid var(--retro-border) !important;
  box-shadow: none !important;
}

.navbar a, nav a, .nav-link {
  color: var(--retro-green) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85em;
}

.navbar a:hover, nav a:hover {
  color: #fff !important;
  background: var(--retro-border) !important;
}

.card, .box, [class*="card"] {
  background-color: var(--retro-surface) !important;
  border: 1px solid var(--retro-border) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--retro-green) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Share Tech Mono', monospace !important;
}

.btn-primary, [class*="btn-primary"] {
  background-color: transparent !important;
  border: 1px solid var(--retro-green) !important;
  color: var(--retro-green) !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  box-shadow: none !important;
}

.btn-primary:hover {
  background-color: var(--retro-green) !important;
  color: var(--retro-bg) !important;
}

input, select, textarea {
  background-color: var(--retro-bg) !important;
  border: 1px solid var(--retro-border) !important;
  color: var(--retro-green) !important;
  border-radius: 0 !important;
  font-family: 'Share Tech Mono', monospace !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--retro-green) !important;
  box-shadow: none !important;
  outline: none !important;
}

table thead {
  background-color: var(--retro-border) !important;
  color: var(--retro-green) !important;
}

table tbody tr:hover {
  background-color: var(--retro-surface) !important;
}

a {
  color: var(--retro-green-dim) !important;
}

a:hover {
  color: var(--retro-green) !important;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--retro-bg); }
::-webkit-scrollbar-thumb { background: var(--retro-border); }