:root {
  --npn-bg:#030503;
  --npn-panel:rgba(8,15,9,.94);
  --npn-panel2:rgba(12,22,14,.96);
  --npn-border:rgba(119,255,135,.28);
  --npn-green:#77ff87;
  --npn-coyote:#b59d68;
  --npn-text:#ecffe8;
  --npn-muted:#9fb19a;
  --npn-red:#ff4d4d;
}

html, body {
  background:
    radial-gradient(circle at 20% 10%, rgba(119,255,135,.10), transparent 28%),
    radial-gradient(circle at 78% 14%, rgba(181,157,104,.10), transparent 24%),
    linear-gradient(90deg, rgba(119,255,135,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(119,255,135,.025) 1px, transparent 1px),
    linear-gradient(180deg,#0a100b,#020302) !important;
  background-size:auto,auto,42px 42px,42px 42px,auto !important;
  color:var(--npn-text) !important;
}

#__next, main, body > div {
  color:var(--npn-text) !important;
}

div, section, article, aside, nav, header, footer, form {
  border-color:var(--npn-border) !important;
}

[class*="card"], [class*="Card"], [class*="modal"], [class*="Modal"],
[class*="dialog"], [class*="Dialog"], [class*="popover"], [class*="Popover"],
[class*="drawer"], [class*="Drawer"], [class*="sidebar"], [class*="Sidebar"],
article, li {
  background:
    linear-gradient(135deg, rgba(119,255,135,.035), transparent 34%),
    linear-gradient(180deg,var(--npn-panel),rgba(3,7,4,.98)) !important;
  border-color:var(--npn-border) !important;
  box-shadow:0 0 24px rgba(119,255,135,.08) !important;
}

input, textarea, select, [contenteditable="true"] {
  background:rgba(2,6,3,.88) !important;
  color:var(--npn-text) !important;
  border:1px solid rgba(119,255,135,.25) !important;
  border-radius:10px !important;
}

button, a[role="button"] {
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  border-color:rgba(119,255,135,.32) !important;
}

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

h1, h2, h3, h4, h5, h6 {
  color:var(--npn-text) !important;
  text-transform:none;
  letter-spacing:.4px !important;
}

.npn-military-header {
  position:sticky;
  top:0;
  z-index:99999;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 14px;
  background:
    linear-gradient(90deg, rgba(119,255,135,.18), rgba(181,157,104,.08)),
    rgba(3,7,4,.96);
  border-bottom:1px solid rgba(119,255,135,.35);
  box-shadow:0 0 26px rgba(119,255,135,.12);
  color:var(--npn-text);
  font-family:Arial,Helvetica,sans-serif;
}

.npn-military-title {
  font-size:13px;
  font-weight:1000;
  letter-spacing:1px;
  text-transform:uppercase;
}

.npn-military-title b {
  color:var(--npn-green);
}

.npn-military-status {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.npn-military-pill {
  border:1px solid rgba(119,255,135,.35);
  background:rgba(119,255,135,.09);
  color:var(--npn-green);
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.npn-military-watermark {
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1;
  pointer-events:none;
  font-size:42px;
  font-weight:1000;
  letter-spacing:3px;
  color:rgba(119,255,135,.045);
  text-transform:uppercase;
}

* {
  scrollbar-color:rgba(119,255,135,.45) rgba(2,6,3,.8);
}

@media(max-width:900px) {
  .npn-military-header {
    flex-direction:column;
    align-items:flex-start;
  }

  .npn-military-watermark {
    font-size:26px;
    right:12px;
    bottom:12px;
  }
}