@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-secondary:#0f172a;--color-accent:#3b82f6;--color-accent-light:#60a5fa;--color-accent-dark:#2563eb;--color-accent-glow:#3b82f61a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-bg:#f8fafc;--color-bg-dark:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--font-heading:"Plus Jakarta Sans","Outfit",sans-serif;--font-body:"Inter",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 15px #3b82f633;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1);--max-width:1280px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f633}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);background:var(--color-accent-glow)}.btn-dark{background:var(--color-secondary);color:#fff}.btn-dark:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent-dark)}.badge-success{color:var(--color-success);background:#00c48c1f}.badge-warning{color:#cc9438;background:#ffb9461f}.badge-error{color:var(--color-error);background:#ff5c5c1f}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.input{width:100%;padding:var(--space-3)var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input::placeholder{color:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .5s var(--transition-slow)forwards}.animate-fade-in{animation:.4s forwards fadeIn}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-4)}}.auth-page{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-12)var(--space-10);border:1px solid #e2e8f080;width:100%;max-width:460px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;box-shadow:0 20px 60px #0a25401a,0 0 1px #0a25401a}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-4);font-weight:800;display:inline-block}.logo-accent{color:var(--color-accent)}.auth-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:800}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-error{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:#ef4444;background:#ef444414;border:1px solid #ef444433;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.form-input{padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast);background:var(--color-bg);width:100%}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-glow);outline:none}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-btn{width:100%;margin-top:var(--space-2)}.auth-footer-text{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-accent-dark);font-weight:600}.auth-link:hover{text-decoration:underline}.role-selector{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.role-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;font-weight:600;display:flex}.role-btn:hover{border-color:var(--color-accent)}.role-btn-active{border-color:var(--color-accent);color:var(--color-accent-dark);background:#00d1ff0f}.demo-credentials{margin-top:var(--space-8);padding:var(--space-4)var(--space-6);background:var(--color-bg);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-secondary);border-left:3px solid var(--color-accent);line-height:1.6}.demo-credentials p{margin-bottom:4px}.demo-credentials strong{color:var(--color-primary);opacity:.9}.demo-title{color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:700}.dash-layout{background:#f8fafc;min-height:100vh;display:flex}.dash-sidebar{background:var(--color-primary);color:#fff;z-index:50;flex-direction:column;width:280px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}[dir=rtl] .dash-sidebar,.rtl .dash-sidebar,body[dir=rtl] .dash-sidebar{left:auto!important;right:0!important}.dash-sidebar-logo{padding:var(--space-8)var(--space-6);font-family:var(--font-heading);font-size:var(--text-xl);color:#fff;font-weight:800}.dash-sidebar-nav{padding:0 var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.dash-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:#ffffffb3;transition:all var(--transition-fast);font-weight:500;display:flex}.dash-nav-item:hover,.dash-nav-item.active{color:#fff;background:#ffffff1a}.dash-nav-item.active{background:var(--color-accent-dark)}.dash-main{flex-direction:column;flex:1;margin-left:280px;display:flex}[dir=rtl] .dash-main,.rtl .dash-main,body[dir=rtl] .dash-main{margin-left:0!important;margin-right:280px!important}.dash-topbar{border-bottom:1px solid var(--color-border);height:72px;padding:0 var(--space-8);z-index:40;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dash-content{padding:var(--space-8)var(--space-10);max-width:1400px}.dash-header{margin-bottom:var(--space-10)}.dash-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-primary);font-weight:800}.dash-subtitle{color:var(--color-text-secondary);margin-top:var(--space-1)}.dash-stats-grid{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(4,1fr);display:grid}.dash-stat-card{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff}.dash-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.dash-stat-icon{border-radius:var(--radius-lg);background:var(--color-bg);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.dash-stat-value{font-size:var(--text-3xl);color:var(--color-primary);font-weight:800;line-height:1}.dash-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-weight:600}.dash-grid-2-1{gap:var(--space-8);grid-template-columns:2fr 1fr;display:grid}.dash-section{border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.dash-section-header{padding:var(--space-6)var(--space-8);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.text-accent{color:var(--color-accent)}.badge-pill{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}@media (max-width:1024px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-grid-2-1{grid-template-columns:1fr}}.dash-hamburger{z-index:110;background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:none;position:fixed;top:18px;left:16px;box-shadow:0 2px 8px #00000026}[dir=rtl] .dash-hamburger{left:auto;right:16px}.dash-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}@media (max-width:768px){.dash-hamburger{display:flex}.dash-overlay{display:block}.dash-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}[dir=rtl] .dash-sidebar,.rtl .dash-sidebar,body[dir=rtl] .dash-sidebar{left:auto!important;right:0!important;transform:translate(100%)!important}.sidebar-open .dash-sidebar{transform:translate(0)}[dir=rtl] .sidebar-open .dash-sidebar,.rtl .sidebar-open .dash-sidebar,body[dir=rtl] .sidebar-open .dash-sidebar{transform:translate(0)!important}.dash-main{margin-left:0}[dir=rtl] .dash-main,.rtl .dash-main,body[dir=rtl] .dash-main{margin-left:0!important;margin-right:0!important}.dash-topbar{padding-left:64px;padding-right:var(--space-8)}[dir=rtl] .dash-topbar,.rtl .dash-topbar,body[dir=rtl] .dash-topbar{padding-left:var(--space-8)!important;padding-right:64px!important}}.jb-hero{border-bottom:1px solid #f1f5f9;padding:80px 0;background:#fff!important}.jb-container{max-width:1240px;margin:0 auto;padding:0 40px}.jb-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.jb-hero-title{color:#05264e;letter-spacing:-.03em;margin-bottom:24px;font-size:52px;font-weight:900;line-height:1.15}.jb-hero-title em{color:#3b82f6;font-style:normal}.jb-hero-subtitle{color:#4f7396;margin-bottom:40px;font-size:17px;line-height:1.7}.jb-search-pill{background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;align-items:center;width:100%;max-width:800px;padding:8px;display:flex;box-shadow:0 10px 40px #0000000a}.jb-search-field{border-right:1.5px solid #f1f5f9;flex:1;align-items:center;gap:12px;padding:0 20px;display:flex!important}.jb-search-field:last-of-type{border-right:none}.jb-search-input{color:#05264e;background:0 0;width:100%;padding:10px 0;font-size:14px;border:none!important;outline:none!important}.jb-search-btn{cursor:pointer;border:none;font-size:14px;font-weight:800;transition:all .2s;color:#fff!important;background:#3b82f6!important;border-radius:100px!important;padding:14px 28px!important}.jb-section{background:#fff;padding:90px 0}.jb-section-inner{max-width:1240px;margin:0 auto;padding:0 24px}.jb-section-header{text-align:center;margin-bottom:50px}.jb-section-title{color:#05264e;margin-bottom:12px;font-size:32px;font-weight:900}.jb-section-subtitle{color:#66789c;font-size:15px}.jb-category-grid{gap:24px;grid-template-columns:repeat(5,1fr)!important;display:grid!important}.jb-category-card{text-align:center;background:#fff;border-radius:20px;padding:32px 24px;transition:all .3s;border:1.5px solid #f1f5f9!important}.jb-category-card:hover{background:#f0f7ff;border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 15px 30px #3b82f614}.jb-category-icon{color:#3b82f6;background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 20px;display:flex}.jb-category-title{color:#05264e;margin-bottom:6px;font-size:17px;font-weight:800}.jb-job-grid{gap:24px;grid-template-columns:repeat(4,1fr)!important;display:grid!important}.jb-job-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;padding:30px;transition:all .3s;display:flex}.jb-job-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.jb-job-logo{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.jb-job-title{color:#05264e;margin-bottom:8px;font-size:18px;font-weight:900}.jb-job-link{color:inherit;text-decoration:none}.jb-job-link:hover{color:#3b82f6}.jb-job-meta{color:#66789c;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.jb-job-footer{border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.jb-job-salary{color:#3b82f6;font-size:15px;font-weight:900}.jb-job-tag{color:#64748b;text-transform:uppercase;letter-spacing:.02em;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.jb-job-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex!important}@media (max-width:1200px){.jb-category-grid{grid-template-columns:repeat(4,1fr)!important}.jb-job-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px){.jb-hero-grid{text-align:center;grid-template-columns:1fr}.jb-hero-subtitle{margin:0 auto 32px}.jb-hero-img{display:none}.jb-job-grid{grid-template-columns:repeat(2,1fr)!important}.jb-category-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:640px){.jb-search-pill{border-radius:20px;flex-direction:column;padding:12px}.jb-search-field{border-bottom:1px solid #f1f5f9;border-right:none;width:100%;padding:14px 0}.jb-search-btn{width:100%;margin-top:16px}.jb-job-grid{grid-template-columns:1fr!important}.jb-category-grid{grid-template-columns:repeat(2,1fr)!important}}[dir=rtl] .rtl-flip{display:inline-block;transform:scaleX(-1)}