:root {
    --kb-green: #16a34a; --kb-green-dark: #15803d; --kb-green-light: #dcfce7;
    --kb-dark: #0f172a; --kb-gray: #64748b;
    --bs-primary: #16a34a; --bs-primary-rgb: 22,163,74;
}
body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--kb-dark); }
.fw-500{font-weight:500}.fw-700{font-weight:700}.fw-800{font-weight:800}
.navbar{border-bottom:1px solid #e2e8f0}
.nav-link{font-size:.9rem;color:#374151!important;transition:color .2s}
.nav-link:hover{color:var(--kb-green)!important}
.btn-primary{background:var(--kb-green);border-color:var(--kb-green)}
.btn-primary:hover{background:var(--kb-green-dark);border-color:var(--kb-green-dark)}
.btn-outline-primary{color:var(--kb-green);border-color:var(--kb-green)}
.btn-outline-primary:hover{background:var(--kb-green);border-color:var(--kb-green)}
.text-primary{color:var(--kb-green)!important}
.bg-primary{background:var(--kb-green)!important}
.bg-success-subtle{background:var(--kb-green-light)!important}
.text-success{color:var(--kb-green)!important}
.hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 40%,#064e3b 100%);padding:80px 0 100px;position:relative;overflow:hidden}
.hero-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2316a34a' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}
.hero-search-box{background:white;border-radius:16px;padding:8px;box-shadow:0 25px 50px rgba(0,0,0,.3)}
.hero-search-box .form-control{border:none;font-size:.95rem;padding:12px 16px}
.hero-search-box .form-control:focus{box-shadow:none}
.job-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .25s;background:white}
.job-card:hover{border-color:var(--kb-green);box-shadow:0 8px 25px rgba(22,163,74,.12);transform:translateY(-2px)}
.job-card .company-logo{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#f1f5f9}
.job-badge{font-size:.7rem;padding:4px 10px;border-radius:20px;font-weight:600}
.badge-featured{background:#fef3c7;color:#d97706}
.badge-fulltime{background:#dbeafe;color:#1d4ed8}
.badge-parttime{background:#fce7f3;color:#be185d}
.badge-remote{background:#d1fae5;color:#065f46}
.badge-hybrid{background:#ede9fe;color:#6d28d9}
.category-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .25s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.category-card:hover{border-color:var(--kb-green);background:var(--kb-green-light);transform:translateY(-3px)}
.category-card .icon-wrap{width:52px;height:52px;border-radius:12px;background:var(--kb-green-light);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.category-card .icon-wrap i{color:var(--kb-green);font-size:1.4rem}
.article-card{border:none;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.06);transition:all .25s}
.article-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-3px)}
.article-card img{height:200px;object-fit:cover}
.sidebar{background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#374151;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;border-left:3px solid transparent}
.sidebar-link:hover,.sidebar-link.active{background:var(--kb-green-light);color:var(--kb-green);border-left-color:var(--kb-green)}
.sidebar-link i{font-size:1rem;width:20px}
.stat-card{border-radius:12px;padding:20px;border:1px solid #e2e8f0}
.stat-card .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.admin-sidebar{background:var(--kb-dark);min-height:100vh}
.admin-sidebar .sidebar-link{color:#94a3b8;border-left:3px solid transparent}
.admin-sidebar .sidebar-link:hover,.admin-sidebar .sidebar-link.active{background:rgba(255,255,255,.08);color:white;border-left-color:var(--kb-green)}
.admin-sidebar .brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.status-pending{background:#fef3c7;color:#d97706}
.status-approved{background:#d1fae5;color:#065f46}
.status-rejected{background:#fee2e2;color:#dc2626}
.section-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.section-subtitle{color:var(--kb-gray);font-size:.95rem}
.divider-green{width:50px;height:4px;background:var(--kb-green);border-radius:2px}
.google-ads-banner{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:20px;text-align:center;color:#94a3b8;font-size:.8rem}
@media(max-width:768px){.hero-section{padding:50px 0 60px}.section-title{font-size:1.3rem}}