@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
body, html { font-family: "VT323", monospace !important; font-size: 18px; background: #e6edf6 url("/images/background.png") center / cover fixed !important; color: #c9d6e6; }
body *, input, button, select { font-family: "VT323", monospace !important; }
a { color: #4a6a8a; }
.nav-bar, .nav-list, .nav-wrap, nav, .navbar, .app-title, .panel-heading { background: #0b0610 !important; color: #968794 !important; border-color: #b8cbe0 !important; }
.nav-bar a, .nav-list a, .nav-list li a, .nav-wrap a, nav a { color: #4a6a8a !important; }
.nav-list a:hover, .nav-list a.active, .nav-list li.active a { color: #a9becb !important; background: #160c20 !important; }
.wrap, .panel, .panel-body, .row, .col-8, .col-4, .col-12, table, thead, tbody, tr, td, th, .container, .page-header, .chart-wrap, .panel-content { background-color: #0b0610 !important; color: #c9d6e6 !important; border-color: #2a2233 !important; }
.panel-title, h2, h3, h4, .panel h2, .panel-heading h2 { background: #9c9c9c !important; color: #3f0909 !important; border-left: 5px solid #9c9c9c; padding: 2px 0 2px 10px; font-size: 20px; }
.panel-desc, .panel-title small, .panel-desc *, small { color: #5f7fa3 !important; }
th, thead th { color: #968794 !important; font-weight: normal; }
.bar, .bar-fill, rect, .bars rect { fill: #4a6a8a; background-color: #4a6a8a !important; }
.r-bar, .bars { background: #4a6a8a !important; }
.panel-actions a, .panel-actions i, .icon { color: #968794 !important; }
.btn, button { background: #9c9c9c !important; color: #3f0909 !important; border: 1px solid #b8cbe0 !important; border-radius: 0 !important; }
.fa, svg text { fill: #a9becb; }
.app-loading-status, .loading-container { background: #0b0610 !important; color: #c9d6e6 !important; }
.back-to-status { position: fixed; right: 12px; bottom: 10px; z-index: 999; background: #0b0610; padding: 3px 10px; border: 1px solid #b8cbe0; }