html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: #0b1220; color: #e9eefc; }
a { color: #9cc3ff; text-decoration: none; }
a:hover { color: #c7ddff; }

.navbar, .card { background: #111a2e; border: 1px solid #1e2a45; }
.card { border-radius: 14px; }
.btn-primary { background: #1a2a4b; border-color: #2a3a60; }
.btn-primary:hover, .btn-primary:focus { background: #21345d; border-color: #2a3a60; }

.form-control, .form-select { background: #0b1220; border: 1px solid #223153; color: #e9eefc; }
.form-control:focus, .form-select:focus { background: #0b1220; color: #e9eefc; border-color: #3b5aa0; box-shadow: 0 0 0 .25rem rgba(59,90,160,.25); }

.text-muted { color: #9fb0d0 !important; }

.table {
  --bs-table-color: #e9eefc;
  --bs-table-bg: transparent;
  --bs-table-border-color: #1e2a45;
  --bs-table-striped-color: #e9eefc;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-color: #e9eefc;
  --bs-table-hover-bg: rgba(255, 255, 255, 0.04);
}

:root {
  --kv-z-base: 1;
  --kv-z-fixed-nav: 1030;
  --kv-z-sidebar: 1040;
  --kv-z-dropdown: 2040;
  --kv-z-popover: 2050;
  --kv-z-tooltip: 2060;
  --kv-z-toast: 2070;
  --kv-z-offcanvas-backdrop: 2080;
  --kv-z-offcanvas: 2090;
  --kv-z-modal-backdrop: 30040;
  --kv-z-modal: 30050;
  --kv-z-modal-content: 30060;
}

.sticky-top,
.navbar.fixed-top,
.top-nav,
.top-navbar {
  z-index: var(--kv-z-fixed-nav) !important;
}

.dropdown-menu { z-index: var(--kv-z-dropdown) !important; }
.popover { z-index: var(--kv-z-popover) !important; }
.tooltip { z-index: var(--kv-z-tooltip) !important; }
.toast-container, .toast { z-index: var(--kv-z-toast) !important; }
.offcanvas-backdrop { z-index: var(--kv-z-offcanvas-backdrop) !important; }
.offcanvas { z-index: var(--kv-z-offcanvas) !important; }
.modal-backdrop, .modal-backdrop.show { z-index: var(--kv-z-modal-backdrop) !important; }
.modal { z-index: var(--kv-z-modal) !important; }
.modal .modal-dialog,
.modal .modal-content {
  position: relative;
  z-index: var(--kv-z-modal-content) !important;
}

body.modal-open :where(.card, .panel, .page-card, .section-card):not(.modal *),
body.modal-open :where(.z-index-1, .z-index-2, .z-index-3):not(.modal *) {
  z-index: var(--kv-z-base) !important;
}