html,
body {
  background: #020704 !important;
  color: #d9ffd4 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

body {
  background:
    radial-gradient(circle at 16% 18%, rgba(57,255,20,.18), transparent 34%),
    radial-gradient(circle at 86% 82%, rgba(57,255,20,.08), transparent 30%),
    linear-gradient(180deg, #020704 0%, #000 100%) !important;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background:
    repeating-linear-gradient(to bottom, rgba(57,255,20,.05) 0 1px, transparent 1px 4px),
    linear-gradient(90deg, rgba(57,255,20,.025), transparent 24%, transparent 76%, rgba(57,255,20,.025));
  mix-blend-mode: screen;
}

body:after {
  content: "REDPOINT TERMINAL GUI";
  position: fixed;
  left: 12px;
  top: 8px;
  z-index: 999998;
  pointer-events: none;
  color: #39ff14;
  font: 900 12px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 10px rgba(57,255,20,.85);
}

.rp-universal-status {
  position: fixed;
  right: 14px;
  bottom: 10px;
  z-index: 999998;
  pointer-events: none;
  color: rgba(57,255,20,.86);
  font: 900 11px "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace;
  letter-spacing: .08em;
  text-shadow: 0 0 8px rgba(57,255,20,.80);
}

main,
section,
article,
aside,
nav,
header,
footer,
form,
.card,
.panel,
.modal,
.dialog,
.menu,
.dropdown-menu,
.popover,
.toast,
.alert,
.table,
.container,
.container-fluid,
[class*="layout"],
[class*="panel"],
[class*="sidebar"],
[class*="drawer"],
[class*="card"],
[class*="modal"],
[class*="dialog"],
[class*="menu"],
[class*="popover"],
[class*="dropdown"],
[class*="table"],
[class*="toolbar"],
[class*="content"],
[class*="view"],
[class*="page"],
[class*="app"],
[class*="root"] {
  background-color: rgba(2, 14, 8, .88) !important;
  color: #d9ffd4 !important;
  border-color: rgba(57,255,20,.26) !important;
  border-radius: 0 !important;
}

header,
nav,
aside,
.navbar,
.sidebar,
[class*="sidebar"],
[class*="navigation"],
[class*="navbar"],
[class*="topbar"],
[class*="header"] {
  background: rgba(2, 8, 4, .97) !important;
  border-color: rgba(57,255,20,.42) !important;
  box-shadow: 0 0 18px rgba(57,255,20,.10) !important;
}

button,
.btn,
[role="button"],
input,
textarea,
select,
a,
.form-control,
.form-select {
  border-radius: 0 !important;
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

button,
.btn,
[role="button"],
input[type="submit"] {
  background: rgba(57,255,20,.12) !important;
  border: 1px solid rgba(57,255,20,.50) !important;
  color: #d9ffd4 !important;
  box-shadow: 0 0 10px rgba(57,255,20,.12) !important;
}

button:hover,
.btn:hover,
[role="button"]:hover,
a:hover {
  background: rgba(57,255,20,.20) !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(57,255,20,.28) !important;
}

input,
textarea,
select,
.form-control,
.form-select {
  background: rgba(0,18,8,.96) !important;
  color: #d9ffd4 !important;
  border: 1px solid rgba(57,255,20,.48) !important;
  box-shadow: inset 0 0 12px rgba(57,255,20,.08) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus {
  outline: 1px solid rgba(57,255,20,.90) !important;
  box-shadow: 0 0 16px rgba(57,255,20,.22), inset 0 0 12px rgba(57,255,20,.10) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
[class*="title"],
[class*="heading"],
[class*="name"] {
  color: #d9ffd4 !important;
  text-shadow: 0 0 8px rgba(57,255,20,.22);
  font-family: "DejaVu Sans Mono", "Liberation Mono", Consolas, monospace !important;
}

a,
a:visited {
  color: #aaff9a !important;
}

svg,
i,
.icon {
  color: #39ff14 !important;
  stroke: currentColor;
}

img,
video,
canvas,
.avatar,
[class*="avatar"],
[class*="thumbnail"],
[class*="image"] {
  border-radius: 0 !important;
  border-color: rgba(57,255,20,.22) !important;
}

[class*="selected"],
[class*="active"],
[class*="current"] {
  background: rgba(57,255,20,.14) !important;
  border-color: rgba(57,255,20,.64) !important;
}

[class*="danger"],
[class*="error"],
.alert-danger {
  border-color: rgba(255,48,48,.75) !important;
  color: #ffc0c0 !important;
}

[class*="warning"],
.alert-warning {
  border-color: rgba(255,190,40,.75) !important;
  color: #ffe8a0 !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #020704;
}

::-webkit-scrollbar-thumb {
  background: rgba(57,255,20,.50);
  border: 1px solid rgba(57,255,20,.70);
}

@media (max-width: 850px) {
  body:after {
    content: "REDPOINT";
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
  }

  .rp-universal-status {
    display: none;
  }
}