:root{--nav-h:64px;}
.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);z-index:999;display:flex;align-items:center;padding:0 28px;box-shadow:0 2px 20px rgba(0,0,0,.45);border-bottom:1px solid rgba(255,255,255,.08);}
.nav-brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.3px;flex-shrink:0;margin-right:20px;}
.nav-brand .brand-icon{width:34px;height:34px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px rgba(59,130,246,.4);}
.nav-brand .brand-text span{color:#60a5fa;}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex:1;}
.nav-links li a{color:#cbd5e1;text-decoration:none;padding:7px 13px;border-radius:8px;font-size:.84rem;font-weight:500;transition:.16s;white-space:nowrap;}
.nav-links li a:hover{color:white;background:rgba(255,255,255,.1);}
.nav-links li a.active{color:white;background:rgba(59,130,246,.35);border:1px solid rgba(99,160,255,.3);}
.nav-cta{margin-left:auto;flex-shrink:0;}
.nav-cta a{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:white!important;padding:8px 18px!important;border-radius:9px!important;font-weight:700!important;font-size:.84rem!important;box-shadow:0 2px 10px rgba(37,99,235,.4);border:none!important;transition:.18s!important;text-decoration:none;display:block;}
.nav-cta a:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7)!important;transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;color:white;cursor:pointer;padding:8px;border-radius:8px;margin-left:auto;transition:.16s;}
.nav-toggle:hover{background:rgba(255,255,255,.1);}
.nav-toggle .bar{display:block;width:22px;height:2px;background:white;border-radius:2px;margin:5px 0;transition:.3s;}
.nav-dropdown{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:linear-gradient(180deg,#0f172a,#1e293b);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:998;padding:12px 0 16px;animation:slideDown .22s ease;}
.nav-dropdown.open{display:block;}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.nav-dropdown ul{list-style:none;padding:0 16px;}
.nav-dropdown ul li a{display:flex;align-items:center;gap:10px;color:#cbd5e1;text-decoration:none;padding:11px 14px;border-radius:10px;font-size:.95rem;font-weight:500;transition:.15s;}
.nav-dropdown ul li a:hover{color:white;background:rgba(255,255,255,.08);}
.nav-dropdown ul li a.active{color:white;background:rgba(59,130,246,.25);}
.nav-dropdown .drop-cta{margin:10px 16px 0;}
.nav-dropdown .drop-cta a{display:block;text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:white;text-decoration:none;padding:12px;border-radius:10px;font-weight:700;font-size:.95rem;}
body{padding-top:var(--nav-h);}
@media(max-width:860px){.nav-links,.nav-cta{display:none;}.nav-toggle{display:block;}}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f1f5f9;color:#0f172a;}
.container{max-width:1100px;margin:auto;padding:32px 20px;}
.card{background:white;padding:24px;border-radius:14px;box-shadow:0 1px 8px rgba(0,0,0,.07);margin-bottom:20px;}
.card h2{margin-bottom:14px;}.card p{margin-bottom:8px;line-height:1.65;}
.page-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;padding:56px 24px 48px;text-align:center;}
.page-header h1{font-size:2rem;margin-bottom:10px;}.page-header p{font-size:1rem;opacity:.82;max-width:560px;margin:auto;line-height:1.6;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
.stat-card{background:white;padding:22px 16px;border-radius:14px;box-shadow:0 1px 8px rgba(0,0,0,.07);text-align:center;}
.stat-val{font-size:1.8rem;font-weight:700;line-height:1.1;}.stat-label{font-size:.85rem;color:#64748b;margin-top:4px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:.18s;text-decoration:none;}
.btn-primary{background:#2563eb;color:white;}.btn-primary:hover{background:#1d4ed8;}
.btn-success{background:#16a34a;color:white;}.btn-success:hover{background:#15803d;}
.btn-block{width:100%;}.btn-sm{padding:7px 14px;font-size:.82rem;}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;}
.badge-blue{background:#dbeafe;color:#1e40af;}.badge-green{background:#dcfce7;color:#166534;}
.badge-red{background:#fee2e2;color:#991b1b;}.badge-yellow{background:#fef9c3;color:#854d0e;}
.badge-purple{background:#f3e8ff;color:#6b21a8;}.badge-gray{background:#f1f5f9;color:#475569;}
table{width:100%;border-collapse:collapse;}th,td{padding:11px 14px;text-align:left;}
th{background:#0f172a;color:white;font-size:.88rem;}tr{border-bottom:1px solid #e2e8f0;}tr:hover td{background:#f8fafc;}
input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;outline:none;transition:.2s;background:white;}
input:focus{border-color:#2563eb;}
.search-wrap{position:relative;margin-bottom:20px;}.search-wrap input{padding-left:44px;}
.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;}
.chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.chip{padding:7px 16px;border-radius:20px;border:2px solid #e2e8f0;background:white;cursor:pointer;font-size:.85rem;font-weight:500;transition:.18s;color:#0f172a;}
.chip:hover,.chip.active{background:#2563eb;border-color:#2563eb;color:white;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.vaga-card{background:white;padding:20px;border-radius:14px;box-shadow:0 1px 8px rgba(0,0,0,.07);transition:.2s;display:flex;flex-direction:column;gap:8px;}
.vaga-card:hover{box-shadow:0 4px 20px rgba(37,99,235,.15);transform:translateY(-2px);}
.vaga-card h3{font-size:.98rem;line-height:1.4;}.vaga-meta{font-size:.82rem;color:#64748b;}
.vaga-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #e2e8f0;}
.spinner{border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;width:36px;height:36px;animation:spin .7s linear infinite;margin:16px auto;}
@keyframes spin{to{transform:rotate(360deg);}}
.erro-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:20px;color:#dc2626;}
footer{background:#0f172a;color:white;padding:40px 24px 28px;margin-top:60px;}
.footer-inner{max-width:1100px;margin:auto;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px;}
footer h4{font-size:.9rem;margin-bottom:10px;color:#60a5fa;}
footer a{color:#94a3b8;text-decoration:none;font-size:.85rem;display:block;margin-bottom:6px;}
footer a:hover{color:white;}
.footer-bottom{border-top:1px solid #1e293b;padding-top:18px;color:#64748b;font-size:.8rem;text-align:center;}
@media(max-width:860px){.grid-3{grid-template-columns:repeat(2,1fr);}.stat-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr;}.stat-grid{grid-template-columns:repeat(2,1fr);}.page-header h1{font-size:1.5rem;}.footer-grid{grid-template-columns:1fr;}}
@media(max-width:420px){.container{padding:16px 12px;}.card{padding:16px;}.stat-card{padding:14px 10px;}.stat-val{font-size:1.4rem;}table{font-size:.8rem;}th,td{padding:7px 8px;}}