@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --pw-bg: #0F1720;
  --pw-panel: #16212C;
  --pw-panel-2: #1D2A37;
  --pw-border: #26333F;
  --pw-text: #E7ECF2;
  --pw-text-dim: #8FA0AF;
  --pw-amber: #F5A623;
  --pw-red: #E5484D;
  --pw-teal: #35C7B3;
}

body, .wrapper { background: var(--pw-bg) !important; color: var(--pw-text); font-family: 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, .brand-text { font-family: 'Space Grotesk', sans-serif; }

.main-header.navbar { background: var(--pw-panel) !important; border-bottom: 1px solid var(--pw-border); }
.main-header .nav-link { color: var(--pw-text) !important; }

.main-sidebar { background: var(--pw-panel) !important; border-right: 1px solid var(--pw-border); }
.brand-link { border-bottom: 1px solid var(--pw-border) !important; color: var(--pw-amber) !important; }
.nav-sidebar > .nav-item > .nav-link { color: var(--pw-text-dim) !important; }
.nav-sidebar > .nav-item > .nav-link.active { background: var(--pw-panel-2) !important; color: var(--pw-amber) !important; }
.nav-sidebar > .nav-item > .nav-link:hover { background: var(--pw-panel-2) !important; color: var(--pw-text) !important; }
.nav-icon { color: inherit !important; }

.content-wrapper { background: var(--pw-bg) !important; color: var(--pw-text); }
.content-header h1 { color: var(--pw-text); font-weight: 500; }

.card { background: var(--pw-panel) !important; border: 1px solid var(--pw-border) !important; color: var(--pw-text); border-radius: 10px; }
.card-header { background: transparent !important; border-bottom: 1px solid var(--pw-border) !important; color: var(--pw-text); }
.card-title { color: var(--pw-text); }
.card-warning { border-top: none !important; }

.table { color: var(--pw-text); }
.table thead th { border-bottom: 1px solid var(--pw-border) !important; color: var(--pw-text-dim); font-weight: 500; font-size: 12px; text-transform: none; }
.table td { border-top: 1px solid var(--pw-border) !important; }
.table-hover tbody tr:hover { background: var(--pw-panel-2) !important; color: var(--pw-text); }
.table a { color: var(--pw-amber); }

.small-box { border-radius: 10px; opacity: 0.96; }
.small-box .icon { opacity: 0.3; }

.btn-warning { background: var(--pw-amber) !important; border-color: var(--pw-amber) !important; color: #241705 !important; font-weight: 500; }
.btn-light { background: var(--pw-panel-2) !important; border-color: var(--pw-border) !important; color: var(--pw-text) !important; }
.btn-outline-secondary, .btn-outline-success, .btn-outline-danger { border-color: var(--pw-border) !important; color: var(--pw-text-dim) !important; }
.btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-danger:hover { background: var(--pw-panel-2) !important; color: var(--pw-text) !important; }

.form-control, textarea.form-control, select.form-control { background: var(--pw-panel-2) !important; border: 1px solid var(--pw-border) !important; color: var(--pw-text) !important; }
.form-control:focus { border-color: var(--pw-amber) !important; box-shadow: 0 0 0 2px rgba(245,166,35,.2) !important; }
.form-control::placeholder { color: var(--pw-text-dim); }
label { color: var(--pw-text-dim); font-size: 13px; }

.alert-success { background: rgba(53,199,179,0.12); border-color: var(--pw-teal); color: var(--pw-teal); }
.alert-danger { background: rgba(229,72,77,0.12); border-color: var(--pw-red); color: var(--pw-red); }

.login-page, .login-page .wrapper { background: var(--pw-bg) !important; }
.login-box { width: 340px; }
.login-logo { color: var(--pw-text); font-family: 'Space Grotesk', sans-serif; }
.login-logo b { color: var(--pw-amber); }
.login-card-body { background: var(--pw-panel) !important; border: 1px solid var(--pw-border); border-radius: 10px; color: var(--pw-text); }
.login-box-msg { color: var(--pw-text-dim); }