*{box-sizing:border-box}

:root{
--bg:#070b10;
--bg2:#0c1219;
--card:#111922;
--card2:#151f29;
--border:#24313d;
--text:#f5f7fa;
--muted:#8c99a6;
--gold:#f5b301;
--gold2:#ffcf4a;
--green:#35d07f;
--red:#ff6262;
--blue:#4da3ff;
--shadow:0 18px 50px rgba(0,0,0,.35)
}

html{scroll-behavior:smooth}

body{
margin:0;
background:
radial-gradient(circle at 15% -10%,rgba(245,179,1,.10),transparent 30%),
radial-gradient(circle at 100% 10%,rgba(77,163,255,.08),transparent 28%),
var(--bg);
color:var(--text);
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
min-height:100vh
}

a{color:inherit}

button,input,textarea,select{font:inherit}

.container,.main-container,.page-container{
width:min(1180px,calc(100% - 28px));
margin:auto
}

.card,.forum,.topic,.job,.category,.panel,.box{
background:linear-gradient(145deg,rgba(21,31,41,.98),rgba(12,18,25,.98));
border:1px solid var(--border);
box-shadow:0 10px 35px rgba(0,0,0,.18);
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}

.card:hover,.forum:hover,.topic:hover,.job:hover,.category:hover{
transform:translateY(-3px);
border-color:rgba(245,179,1,.42);
box-shadow:var(--shadow)
}

.header,header{
background:rgba(7,11,16,.88);
border-bottom:1px solid rgba(255,255,255,.07);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px)
}

.header-row{
width:min(1180px,calc(100% - 28px));
margin:auto
}

.button,.btn,button,.apply,.primary{
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#101010;
border:0;
font-weight:900;
cursor:pointer;
box-shadow:0 8px 25px rgba(245,179,1,.15);
transition:.2s ease
}

.button:hover,.btn:hover,button:hover,.apply:hover,.primary:hover{
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(245,179,1,.25)
}

input,textarea,select{
background:#0e151d;
color:var(--text);
border:1px solid #293744;
outline:none;
transition:.2s ease
}

input:focus,textarea:focus,select:focus{
border-color:var(--gold);
box-shadow:0 0 0 3px rgba(245,179,1,.08)
}

h1,h2,h3{letter-spacing:-.02em}

.section-title{font-weight:900}

.muted,.description,.meta,.small{color:var(--muted)}

.badge,.tag,.status{
border-radius:999px;
font-weight:800
}

.status-approved,.online{color:var(--green)}
.status-pending{color:var(--gold)}

.job{border-radius:22px}
.job-title{font-weight:950}

.job-category{
color:var(--gold);
text-transform:uppercase;
letter-spacing:.05em
}

.salary{color:var(--green)}

.government-job{
position:relative;
overflow:hidden
}

.government-job::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:linear-gradient(var(--gold),var(--blue))
}

.empty{
border:1px dashed #334250;
background:rgba(17,25,34,.65);
color:var(--muted)
}

::selection{
background:rgba(245,179,1,.25);
color:white
}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#080d12}
::-webkit-scrollbar-thumb{
background:#2c3945;
border-radius:20px
}
::-webkit-scrollbar-thumb:hover{background:#485867}

@keyframes fadeUp{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}

main,.container{
animation:fadeUp .35s ease both
}

@media(max-width:700px){
.container,.main-container,.page-container,.header-row{
width:min(100% - 20px,1180px)
}

h1{font-size:23px}
h2{font-size:21px}

.card,.forum,.topic,.job{
border-radius:18px
}
}

/* ===== FORCE MODERN DARK UI ===== */

body,
html {
    background: #070b10 !important;
    color: #f5f7fa !important;
}

main,
section,
article,
.container,
.main-container,
.page-container {
    color: #f5f7fa;
}

.card,
.panel,
.box,
.topic,
.post,
.profile,
.profile-card,
.form-container,
.new-post,
.new-topic {
    background: linear-gradient(145deg,#111922,#0c1219) !important;
    color: #f5f7fa !important;
    border-color: #24313d !important;
}

input,
textarea,
select {
    background: #0e151d !important;
    color: #f5f7fa !important;
    border-color: #293744 !important;
}

input::placeholder,
textarea::placeholder {
    color: #71808e !important;
}

label,
.form-label,
.profile-label {
    color: #c9d1d9 !important;
}

p,
.description,
.muted,
.small,
.meta {
    color: #8c99a6;
}

table {
    background: #0e151d !important;
    color: #f5f7fa !important;
}

th {
    background: #151f29 !important;
    color: #f5b301 !important;
}

td {
    background: #0e151d !important;
    color: #dce2e7 !important;
    border-color: #24313d !important;
}

pre,
code {
    background: #0b1117 !important;
    color: #dce2e7 !important;
}

a {
    color: inherit;
}

/* Profile & New Post specific */
.profile-container,
.profile-box,
.profile-content,
.post-form,
.new-post-form,
.new-topic-form,
.editor,
.form-box {
    background: #0c1219 !important;
    color: #f5f7fa !important;
    border-color: #24313d !important;
}

/* Prevent old white backgrounds */
[style*="background: white"],
[style*="background:white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"] {
    background: #111922 !important;
    color: #f5f7fa !important;
}