/* ===== GLOBAL ===== */
body {
  background: #000;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: rgba(255,255,255,0.8);
}
a {
  color: #22c55e;
  text-decoration-color: rgba(34,197,94,0.3);
}
a:hover {
  color: #4ade80;
}
label {
  color: rgba(255,255,255,0.6);
}
h1, h2, h3, h4, h5, h6, strong, th {
  color: #22c55e;
  font-weight: 600;
}

/* ===== CONTAINER ===== */
.container {
  max-width: 580px;
}
.wrap {
  background: #0a0a0a;
  padding: 32px;
  border: 1px solid rgba(34,197,94,0.2);
  border-radius: 8px;
  box-shadow: none;
}

/* ===== HEADER / LOGO ===== */
.header {
  border-bottom: 1px dashed rgba(255,255,255,0.1);
  padding-bottom: 16px;
  margin-bottom: 28px;
}
.header .logo {
  text-align: center;
}
.header .logo img {
  max-width: 48px;
  border-radius: 50%;
}
.header .logo a::after {
  content: "kodmaster";
  display: block;
  color: #22c55e;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 8px;
}

/* ===== BUTTON ===== */
.button, button, [type="submit"], [type="button"] {
  background: #16a34a;
  padding: 12px 28px;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  min-width: 140px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: background 0.15s;
}
.button:hover, button:hover {
  background: #22c55e;
  color: #fff;
}
.button.button-outline {
  background: transparent;
  border: 1px solid rgba(34,197,94,0.4);
  color: #22c55e;
}
.button.button-outline:hover {
  background: rgba(34,197,94,0.1);
  border-color: #22c55e;
  color: #22c55e;
}

/* ===== BACK BUTTONS / ARROWS ===== */
a[href*="javascript"], a[href*="#"], [onclick] {
  color: #22c55e;
}
/* SVG icons */
svg, svg *, .icon, .icon *, [class*="icon-"], [class*="Icon"] {
  fill: #22c55e !important;
  stroke: #22c55e !important;
  color: #22c55e !important;
}
/* Unicode arrows */
[class*="arrow"], [class*="chevron"], [class*="back"], [class*="prev"], [class*="next"] {
  color: #22c55e;
}

/* ===== FORM ===== */
input[type="text"], input[type="email"], input[type="password"], select, textarea {
  background: rgba(0,0,0,0.8);
  border: 1px solid rgba(34,197,94,0.3);
  border-radius: 6px;
  color: #fff;
  padding: 10px 14px;
  box-shadow: none;
  font-size: 0.95em;
  transition: border-color 0.15s;
}
input:focus, textarea:focus, select:focus {
  border-color: #22c55e;
  outline: none;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.15);
}
input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,0.3);
}
input[disabled] {
  opacity: 0.5;
}

/* ===== LOGIN ===== */
.login .submit {
  margin-top: 24px;
}
.login button {
  width: 100%;
  font-weight: 600;
}

/* ===== HOME OPTIONS ===== */
.home-options {
  margin-top: 28px;
  text-align: center;
}
.home-options a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  margin: 0 8px;
  font-size: 0.9em;
}
.home-options a:hover {
  color: #22c55e;
}

/* ===== ARCHIVE ===== */
.archive .date {
  color: rgba(255,255,255,0.4);
}
.lists .description {
  color: rgba(255,255,255,0.4);
}

/* ===== PAGINATION ===== */
.pg-page {
  color: rgba(255,255,255,0.5);
}
.pg-page:hover {
  color: #22c55e;
}
.pg-page.pg-selected {
  color: #22c55e;
  text-decoration: underline;
}

/* ===== UNSUBSCRIBE ===== */
.unsub-all {
  border-top: 1px dashed rgba(255,255,255,0.1);
}

/* ===== FOOTER ===== */
footer {
  color: rgba(255,255,255,0.25);
  font-size: 0.75em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
footer a {
  color: rgba(255,255,255,0.25);
}
footer a:hover {
  color: #22c55e;
}

/* ===== SECTION / CENTER ===== */
.center {
  text-align: center;
}
.section {
  margin-bottom: 30px;
}

/* ===== ERROR ===== */
.error {
  color: #ef4444;
}
small, .small {
  font-size: 0.875em;
}
.right {
  text-align: right;
}
.row {
  margin-bottom: 20px;
}

/* ===== LISTS (SUBSCRIBE PAGE) ===== */
.lists {
  list-style: none;
  padding: 0;
  color: rgba(255,255,255,0.7);
}
.lists li {
  margin: 0 0 5px 0;
}

/* ===== ADMIN: SIDEBAR ===== */
.app-header {
  background: #0a0a0a !important;
  border-bottom: 1px dashed rgba(255,255,255,0.1) !important;
}
.sidebar {
  background: #0a0a0a !important;
  border-right: 1px dashed rgba(255,255,255,0.1) !important;
}
.sidebar-inner {
  background: #0a0a0a !important;
}
.menu-item {
  color: rgba(255,255,255,0.6) !important;
}
.menu-item:hover,
.menu-item.active {
  color: #22c55e !important;
  background: rgba(34,197,94,0.08) !important;
}

/* ===== ADMIN: CONTENT ===== */
.app-main {
  background: #000 !important;
}
.content-area {
  background: #000 !important;
}

/* ===== ADMIN: CARDS ===== */
.card {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.15) !important;
  border-radius: 8px !important;
}
.card-header {
  border-bottom: 1px dashed rgba(255,255,255,0.08) !important;
  color: #22c55e !important;
  font-weight: 600 !important;
}

/* ===== ADMIN: TABLES ===== */
.data-table, .table {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.12) !important;
}
.data-table th, .table th {
  background: rgba(34,197,94,0.06) !important;
  color: #22c55e !important;
  border-bottom: 1px solid rgba(34,197,94,0.15) !important;
  text-transform: uppercase !important;
  font-size: 0.8em !important;
  font-weight: 600 !important;
}
.data-table td, .table td {
  border-bottom: 1px dashed rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.7) !important;
}
.data-table tr:hover, .table tr:hover {
  background: rgba(34,197,94,0.03) !important;
}

/* ===== ADMIN: BUTTONS ===== */
.btn {
  border-radius: 6px !important;
  font-weight: 500 !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
}
.btn-primary {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}
.btn-primary:hover {
  background: #22c55e !important;
}
.btn-secondary, .btn-default {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.7) !important;
}
.btn-secondary:hover, .btn-default:hover {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}
.btn-danger {
  background: rgba(239,68,68,0.12) !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: BADGES ===== */
.badge, .tag {
  border-radius: 4px !important;
  font-size: 0.8em !important;
  padding: 2px 8px !important;
}
.badge-success, .tag-success {
  background: rgba(34,197,94,0.12) !important;
  color: #22c55e !important;
}
.badge-warning, .tag-warning {
  background: rgba(250,204,21,0.12) !important;
  color: #eab308 !important;
}
.badge-error, .badge-danger, .tag-error, .tag-danger {
  background: rgba(239,68,68,0.12) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: MODAL ===== */
.modal-content {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.2) !important;
  border-radius: 8px !important;
}
.modal-header {
  border-bottom: 1px dashed rgba(255,255,255,0.08) !important;
  color: #22c55e !important;
}
.modal-footer {
  border-top: 1px dashed rgba(255,255,255,0.08) !important;
}
.modal-backdrop {
  background: rgba(0,0,0,0.8) !important;
}

/* ===== ADMIN: TOAST / ALERT ===== */
.toast, .toast-body, .notification {
  border-radius: 8px !important;
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.2) !important;
  color: rgba(255,255,255,0.8) !important;
}
.alert-success, .message-success {
  background: rgba(34,197,94,0.08) !important;
  border: 1px solid rgba(34,197,94,0.25) !important;
  color: #22c55e !important;
}
.alert-danger, .message-error {
  background: rgba(239,68,68,0.08) !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: STATS ===== */
.stat-value, .stat-number {
  color: #fff !important;
  font-weight: 700 !important;
}
.stat-label {
  color: rgba(255,255,255,0.5) !important;
}

/* ===== ADMIN: TABS ===== */
.tabs, .tab-bar {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.tab, .tab-item {
  color: rgba(255,255,255,0.5) !important;
}
.tab.active, .tab-item.active, .tab:hover, .tab-item:hover {
  color: #22c55e !important;
  border-bottom-color: #22c55e !important;
}

/* ===== ADMIN: INPUT ===== */
.input-group input, .form-control, .input, .TextInput {
  background: rgba(0,0,0,0.8) !important;
  border: 1px solid rgba(34,197,94,0.25) !important;
  color: #fff !important;
  border-radius: 6px !important;
}
.input-group input:focus, .form-control:focus, .input:focus, .TextInput:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.12) !important;
  outline: none !important;
}
.form-label, .field-label {
  color: rgba(255,255,255,0.6) !important;
}

/* ===== ADMIN: PAGINATOR ===== */
.paginator, .pagination {
  text-align: center;
}
.paginator .page-item a, .pagination a {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.5) !important;
}
.paginator .page-item a:hover, .pagination a:hover {
  background: rgba(34,197,94,0.1) !important;
  color: #22c55e !important;
}
.paginator .page-item.active a, .pagination .active a {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}

/* ===== ADMIN: SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #000;
}
::-webkit-scrollbar-thumb {
  background: rgba(34,197,94,0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(34,197,94,0.3);
}

/* ===== ADMIN: MISC ===== */
.dropdown, .dropdown-content, .popover {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.15) !important;
}
.overlay {
  background: rgba(0,0,0,0.8) !important;
}
.spinner, .loader {
  border-color: rgba(34,197,94,0.15) !important;
  border-top-color: #22c55e !important;
}
.empty, .empty-state, .no-data {
  color: rgba(255,255,255,0.3) !important;
}
.help, .hint, .description {
  color: rgba(255,255,255,0.4) !important;
}
.divider, .separator, hr {
  border-color: rgba(255,255,255,0.08) !important;
}

/* ===== ADMIN: APP HEADER TITLE ===== */
.app-header h1, .app-header h2, .app-header .title, .header-title {
  color: #22c55e !important;
}
.brand, .app-name {
  color: #22c55e !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

/* ===== ADMIN: MAKE ALL TEXT VISIBLE ===== */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Ensure no invisible text on dark bg */
:not(input):not(textarea):not(select) {
  text-shadow: none !important;
}
CSS
/* ===== GLOBAL ===== */
body {
  background: #000;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: rgba(255,255,255,0.8);
}
a {
  color: #22c55e;
  text-decoration-color: rgba(34,197,94,0.3);
}
a:hover {
  color: #4ade80;
}
label {
  color: rgba(255,255,255,0.6);
}
h1, h2, h3, h4, h5, h6, strong, th {
  color: #22c55e;
  font-weight: 600;
}

/* ===== CONTAINER ===== */
.container {
  max-width: 580px;
}
.wrap {
  background: #0a0a0a;
  padding: 32px;
  border: 1px solid rgba(34,197,94,0.2);
  border-radius: 8px;
  box-shadow: none;
}

/* ===== HEADER / LOGO ===== */
.header {
  border-bottom: 1px dashed rgba(255,255,255,0.1);
  padding-bottom: 16px;
  margin-bottom: 28px;
}
.header .logo {
  text-align: center;
}
.header .logo img {
  max-width: 48px;
  border-radius: 50%;
}
.header .logo a::after {
  content: "kodmaster";
  display: block;
  color: #22c55e;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 8px;
}

/* ===== BUTTON ===== */
.button, button, [type="submit"], [type="button"] {
  background: #16a34a;
  padding: 12px 28px;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  min-width: 140px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: background 0.15s;
}
.button:hover, button:hover {
  background: #22c55e;
  color: #fff;
}
.button.button-outline {
  background: transparent;
  border: 1px solid rgba(34,197,94,0.4);
  color: #22c55e;
}
.button.button-outline:hover {
  background: rgba(34,197,94,0.1);
  border-color: #22c55e;
  color: #22c55e;
}

/* ===== BACK BUTTONS / ARROWS ===== */
a[href*="javascript"], a[href*="#"], [onclick] {
  color: #22c55e;
}
/* SVG icons */
svg, svg *, .icon, .icon *, [class*="icon-"], [class*="Icon"] {
  fill: #22c55e !important;
  stroke: #22c55e !important;
  color: #22c55e !important;
}
/* Unicode arrows */
[class*="arrow"], [class*="chevron"], [class*="back"], [class*="prev"], [class*="next"] {
  color: #22c55e;
}

/* ===== FORM ===== */
input[type="text"], input[type="email"], input[type="password"], select, textarea {
  background: rgba(0,0,0,0.8);
  border: 1px solid rgba(34,197,94,0.3);
  border-radius: 6px;
  color: #fff;
  padding: 10px 14px;
  box-shadow: none;
  font-size: 0.95em;
  transition: border-color 0.15s;
}
input:focus, textarea:focus, select:focus {
  border-color: #22c55e;
  outline: none;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.15);
}
input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,0.3);
}
input[disabled] {
  opacity: 0.5;
}

/* ===== LOGIN ===== */
.login .submit {
  margin-top: 24px;
}
.login button {
  width: 100%;
  font-weight: 600;
}

/* ===== HOME OPTIONS ===== */
.home-options {
  margin-top: 28px;
  text-align: center;
}
.home-options a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  margin: 0 8px;
  font-size: 0.9em;
}
.home-options a:hover {
  color: #22c55e;
}

/* ===== ARCHIVE ===== */
.archive .date {
  color: rgba(255,255,255,0.4);
}
.lists .description {
  color: rgba(255,255,255,0.4);
}

/* ===== PAGINATION ===== */
.pg-page {
  color: rgba(255,255,255,0.5);
}
.pg-page:hover {
  color: #22c55e;
}
.pg-page.pg-selected {
  color: #22c55e;
  text-decoration: underline;
}

/* ===== UNSUBSCRIBE ===== */
.unsub-all {
  border-top: 1px dashed rgba(255,255,255,0.1);
}

/* ===== FOOTER ===== */
footer {
  color: rgba(255,255,255,0.25);
  font-size: 0.75em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
footer a {
  color: rgba(255,255,255,0.25);
}
footer a:hover {
  color: #22c55e;
}

/* ===== SECTION / CENTER ===== */
.center {
  text-align: center;
}
.section {
  margin-bottom: 30px;
}

/* ===== ERROR ===== */
.error {
  color: #ef4444;
}
small, .small {
  font-size: 0.875em;
}
.right {
  text-align: right;
}
.row {
  margin-bottom: 20px;
}

/* ===== LISTS (SUBSCRIBE PAGE) ===== */
.lists {
  list-style: none;
  padding: 0;
  color: rgba(255,255,255,0.7);
}
.lists li {
  margin: 0 0 5px 0;
}

/* ===== ADMIN: SIDEBAR ===== */
.app-header {
  background: #0a0a0a !important;
  border-bottom: 1px dashed rgba(255,255,255,0.1) !important;
}
.sidebar {
  background: #0a0a0a !important;
  border-right: 1px dashed rgba(255,255,255,0.1) !important;
}
.sidebar-inner {
  background: #0a0a0a !important;
}
.menu-item {
  color: rgba(255,255,255,0.6) !important;
}
.menu-item:hover,
.menu-item.active {
  color: #22c55e !important;
  background: rgba(34,197,94,0.08) !important;
}

/* ===== ADMIN: CONTENT ===== */
.app-main {
  background: #000 !important;
}
.content-area {
  background: #000 !important;
}

/* ===== ADMIN: CARDS ===== */
.card {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.15) !important;
  border-radius: 8px !important;
}
.card-header {
  border-bottom: 1px dashed rgba(255,255,255,0.08) !important;
  color: #22c55e !important;
  font-weight: 600 !important;
}

/* ===== ADMIN: TABLES ===== */
.data-table, .table {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.12) !important;
}
.data-table th, .table th {
  background: rgba(34,197,94,0.06) !important;
  color: #22c55e !important;
  border-bottom: 1px solid rgba(34,197,94,0.15) !important;
  text-transform: uppercase !important;
  font-size: 0.8em !important;
  font-weight: 600 !important;
}
.data-table td, .table td {
  border-bottom: 1px dashed rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.7) !important;
}
.data-table tr:hover, .table tr:hover {
  background: rgba(34,197,94,0.03) !important;
}

/* ===== ADMIN: BUTTONS ===== */
.btn {
  border-radius: 6px !important;
  font-weight: 500 !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
}
.btn-primary {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}
.btn-primary:hover {
  background: #22c55e !important;
}
.btn-secondary, .btn-default {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.7) !important;
}
.btn-secondary:hover, .btn-default:hover {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}
.btn-danger {
  background: rgba(239,68,68,0.12) !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: BADGES ===== */
.badge, .tag {
  border-radius: 4px !important;
  font-size: 0.8em !important;
  padding: 2px 8px !important;
}
.badge-success, .tag-success {
  background: rgba(34,197,94,0.12) !important;
  color: #22c55e !important;
}
.badge-warning, .tag-warning {
  background: rgba(250,204,21,0.12) !important;
  color: #eab308 !important;
}
.badge-error, .badge-danger, .tag-error, .tag-danger {
  background: rgba(239,68,68,0.12) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: MODAL ===== */
.modal-content {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.2) !important;
  border-radius: 8px !important;
}
.modal-header {
  border-bottom: 1px dashed rgba(255,255,255,0.08) !important;
  color: #22c55e !important;
}
.modal-footer {
  border-top: 1px dashed rgba(255,255,255,0.08) !important;
}
.modal-backdrop {
  background: rgba(0,0,0,0.8) !important;
}

/* ===== ADMIN: TOAST / ALERT ===== */
.toast, .toast-body, .notification {
  border-radius: 8px !important;
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.2) !important;
  color: rgba(255,255,255,0.8) !important;
}
.alert-success, .message-success {
  background: rgba(34,197,94,0.08) !important;
  border: 1px solid rgba(34,197,94,0.25) !important;
  color: #22c55e !important;
}
.alert-danger, .message-error {
  background: rgba(239,68,68,0.08) !important;
  border: 1px solid rgba(239,68,68,0.25) !important;
  color: #ef4444 !important;
}

/* ===== ADMIN: STATS ===== */
.stat-value, .stat-number {
  color: #fff !important;
  font-weight: 700 !important;
}
.stat-label {
  color: rgba(255,255,255,0.5) !important;
}

/* ===== ADMIN: TABS ===== */
.tabs, .tab-bar {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.tab, .tab-item {
  color: rgba(255,255,255,0.5) !important;
}
.tab.active, .tab-item.active, .tab:hover, .tab-item:hover {
  color: #22c55e !important;
  border-bottom-color: #22c55e !important;
}

/* ===== ADMIN: INPUT ===== */
.input-group input, .form-control, .input, .TextInput {
  background: rgba(0,0,0,0.8) !important;
  border: 1px solid rgba(34,197,94,0.25) !important;
  color: #fff !important;
  border-radius: 6px !important;
}
.input-group input:focus, .form-control:focus, .input:focus, .TextInput:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.12) !important;
  outline: none !important;
}
.form-label, .field-label {
  color: rgba(255,255,255,0.6) !important;
}

/* ===== ADMIN: PAGINATOR ===== */
.paginator, .pagination {
  text-align: center;
}
.paginator .page-item a, .pagination a {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.5) !important;
}
.paginator .page-item a:hover, .pagination a:hover {
  background: rgba(34,197,94,0.1) !important;
  color: #22c55e !important;
}
.paginator .page-item.active a, .pagination .active a {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #fff !important;
}

/* ===== ADMIN: SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #000;
}
::-webkit-scrollbar-thumb {
  background: rgba(34,197,94,0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(34,197,94,0.3);
}

/* ===== ADMIN: MISC ===== */
.dropdown, .dropdown-content, .popover {
  background: #0a0a0a !important;
  border: 1px solid rgba(34,197,94,0.15) !important;
}
.overlay {
  background: rgba(0,0,0,0.8) !important;
}
.spinner, .loader {
  border-color: rgba(34,197,94,0.15) !important;
  border-top-color: #22c55e !important;
}
.empty, .empty-state, .no-data {
  color: rgba(255,255,255,0.3) !important;
}
.help, .hint, .description {
  color: rgba(255,255,255,0.4) !important;
}
.divider, .separator, hr {
  border-color: rgba(255,255,255,0.08) !important;
}

/* ===== ADMIN: APP HEADER TITLE ===== */
.app-header h1, .app-header h2, .app-header .title, .header-title {
  color: #22c55e !important;
}
.brand, .app-name {
  color: #22c55e !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

/* ===== ADMIN: MAKE ALL TEXT VISIBLE ===== */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Ensure no invisible text on dark bg */
:not(input):not(textarea):not(select) {
  text-shadow: none !important;
}