.explorer-body{--bg-dark:#030812;--bg-surface:#070e1e;--bg-card:#0b162c73;--bg-card-hover:#101f3eb3;--primary:#22d3ee;--primary-dark:#0891b2;--primary-soft:#22d3ee14;--primary-border:#22d3ee33;--primary-glow:#22d3ee26;--secondary:#c084fc;--secondary-soft:#c084fc14;--secondary-border:#c084fc33;--text-white:#fff;--text-light:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--border-light:#ffffff0f;--border-glow:#ffffff1f;--shadow-soft:0 16px 48px #0006;--shadow-glow:0 0 24px #22d3ee26;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--container:1240px;background-color:var(--bg-dark);color:var(--text-light);background-image:radial-gradient(circle at 12% 18%,#22d3ee0b 0%,#0000 45%),radial-gradient(circle at 88% 82%,#c084fc0b 0%,#0000 45%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;overflow-x:clip}.container{width:min(100% - 32px, var(--container));margin:0 auto}.btn{cursor:pointer;border-radius:var(--radius-md);border:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #06b6d4 100%);color:#030812;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #67e8f9 0%, var(--primary) 100%);transform:translateY(-2px);box-shadow:0 0 28px #22d3ee59}.btn-secondary{border:1px solid var(--border-light);color:var(--text-white);background:#ffffff08}.btn-secondary:hover:not(:disabled){border-color:var(--border-glow);background:#ffffff14;transform:translateY(-2px)}.glass-card{border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:all .3s cubic-bezier(.4,0,.2,1)}.site-header{z-index:50;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030812bf;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;min-height:68px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#030812;letter-spacing:-.05em;width:36px;height:36px;box-shadow:var(--shadow-glow);place-items:center;font-size:13px;font-weight:900;display:grid}.brand-title{letter-spacing:-.04em;color:var(--text-white);font-size:18px;font-weight:800;display:block}.brand-subtitle{color:var(--text-dim);margin-top:1px;font-size:10px;display:block}.nav-links{align-items:center;gap:10px;display:flex}.nav-links button,.nav-links a{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s}.nav-links button.active,.nav-links button:hover,.nav-links a:hover{color:var(--text-white);background:#ffffff0d}.nav-actions{align-items:center;gap:10px;display:flex}.menu-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-white);cursor:pointer;background:#ffffff0a;display:none}.menu-line{background:var(--text-white);border-radius:99px;width:15px;height:2px;margin:4px auto;display:block}.mobile-menu{border-top:1px solid var(--border-light);gap:10px;padding:14px 0 18px;display:none}.mobile-menu.open{display:grid}.explorer-hero{padding-top:20px}.hero-panel{background:linear-gradient(135deg,#0b162c99 0%,#050c1a4d 100%);padding:22px 28px}.hero-content{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.page-label{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:800}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-white) 40%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(20px,2.8vw,28px);font-weight:800;line-height:1.15}.hero-text{color:var(--text-muted);max-width:650px;margin-top:6px;font-size:13px;line-height:1.6}.hero-stats{gap:10px;display:flex}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border-light);text-align:center;background:#03081259;min-width:100px;padding:12px 16px}.stat-number{color:var(--primary);font-size:20px;font-weight:800;display:block}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;font-weight:700}.search-panel{border-top:1px solid var(--border-light);grid-template-columns:repeat(3,1fr) auto;gap:10px;padding-top:18px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px;font-weight:800}.field input,.field select{border-radius:var(--radius-md);border:1px solid var(--border-light);min-height:38px;color:var(--text-white);background:#ffffff0a;outline:0;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .2s}.field input:focus,.field select:focus{border-color:var(--primary-border);background:#ffffff12;box-shadow:0 0 10px #22d3ee1a}.field select option{background:var(--bg-surface);color:var(--text-white)}.search-button-wrap{align-items:flex-end;display:flex}.search-button-wrap .btn{width:100%;min-height:38px}.explorer-section{padding:20px 0 70px}.explorer-layout{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:1024px){.explorer-layout{grid-template-columns:420px minmax(0,1fr);grid-template-areas:"sidebar sidebar""results details";align-items:start;gap:20px}.sidebar{border-radius:var(--radius-lg);background:#0b162c4d;grid-area:sidebar;justify-content:space-between;align-items:center;gap:28px;margin-bottom:6px;padding:14px 24px;display:flex}.sidebar-head{flex-direction:column;flex:none;align-items:flex-start;gap:1px;display:flex;margin-bottom:0!important}.sidebar-title{font-weight:800;font-size:14.5px!important}.clear-btn{font-size:11.5px}.filter-group{flex:1;align-items:center;gap:14px;display:flex;border-top:0!important;margin-top:0!important;padding-top:0!important}.filter-title{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:800;margin-bottom:0!important;font-size:11px!important}.filter-list{align-items:center;flex-direction:row!important;gap:12px!important;display:flex!important}.filter-option{white-space:nowrap;font-size:12px!important}.salary-range{max-width:120px}.salary-value{white-space:nowrap;margin-top:0!important;font-size:11.5px!important}.results-panel{grid-area:results}.job-detail-panel{grid-area:details;height:calc(100vh - 120px);position:sticky;top:88px;overflow-y:auto}}.sidebar{padding:20px}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sidebar-title{font-size:16px;font-weight:900}.clear-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.filter-group{border-top:1px solid var(--border-light);margin-top:14px;padding-top:14px}.filter-title{color:var(--text-light);margin-bottom:10px;font-size:13px;font-weight:800}.filter-list{gap:8px;display:grid}.filter-option{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.filter-option input{width:14px;height:14px;accent-color:var(--primary);border-radius:4px}.salary-range{width:100%;accent-color:var(--primary)}.salary-value{color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:700}.results-panel{gap:12px;display:grid}.results-topbar{padding:12px 18px}.results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.results-title{color:var(--text-white);font-size:14.5px;font-weight:800}.results-subtitle{color:var(--text-dim);margin-top:2px;font-size:11px}.sort-wrap{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.sort-wrap select{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-white);background:#ffffff0d;outline:0;padding:4px 8px;font-size:11px;font-weight:700}.job-results{gap:12px;display:grid}.job-card{cursor:pointer;border-color:var(--border-light);padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.job-card:hover{border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.job-card.selected{border-color:var(--primary);background:#22d3ee0f;box-shadow:0 0 14px #22d3ee1a}.job-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.company-logo{border-radius:var(--radius-md);background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border:1px solid var(--primary-border);place-items:center;font-size:14px;font-weight:900;transition:transform .25s;display:grid}.job-card:hover .company-logo{transform:scale(1.05)}.card-title{letter-spacing:-.02em;color:var(--text-white);font-size:14.5px;font-weight:800;transition:color .2s}.job-card:hover .card-title{color:var(--primary)}.card-company{color:var(--text-muted);margin-top:1px;font-size:11.5px;font-weight:600}.match-pill{white-space:nowrap;color:var(--text-muted);background:#ffffff0f;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700}.badge-list{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.badge{color:var(--text-muted);border:1px solid var(--border-light);background:#ffffff0a;border-radius:99px;padding:3px 8px;font-size:10.5px;font-weight:700}.badge.primary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-border)}.card-desc{color:var(--text-muted);font-size:12.2px;line-height:1.5}.job-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}.card-posted{color:var(--text-dim);font-size:10px;font-weight:600}.job-actions{gap:6px;display:flex}.btn-sm{border-radius:var(--radius-sm);min-height:30px;padding:0 10px;font-size:11px}.job-detail-panel{padding:22px}.detail-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.detail-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:13.5px;font-weight:800}.detail-section{gap:18px;display:grid}.detail-job-title{letter-spacing:-.04em;color:var(--text-white);font-size:21px;font-weight:900;line-height:1.2}.detail-company-line{color:var(--text-muted);margin-top:5px;font-size:12.5px;font-weight:600}.detail-actions{gap:8px;margin:12px 0;display:flex}.detail-actions .btn-primary,.detail-actions .btn-applied{flex:1}.detail-actions .btn-icon-only{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.premium-alert-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#ef44441a 0%,#f43f5e0a 100%);border:1px solid #ef44442e;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #ef44440a}.premium-alert-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:20px;animation:2s ease-in-out infinite pulseLight;display:flex}@keyframes pulseLight{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.premium-alert-content{gap:2px;display:grid}.premium-alert-title{color:#fca5a5;letter-spacing:-.01em;font-size:13px;font-weight:800}.premium-alert-desc{color:#f3f4f6;opacity:.85;font-size:11.5px;line-height:1.45}.free-alert-card{border-radius:var(--radius-md);border:1px solid var(--primary-border);background:linear-gradient(135deg,#22d3ee1f 0%,#06b6d40a 100%);gap:12px;margin-bottom:12px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #22d3ee08}.free-alert-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.free-alert-content{gap:2px;display:grid}.free-alert-title{color:var(--primary);letter-spacing:-.01em;font-size:13px;font-weight:800}.free-alert-desc{color:#f3f4f6;opacity:.85;font-size:11.5px;line-height:1.45}.detail-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:800}.detail-text{color:var(--text-muted);font-size:12.5px;line-height:1.65}.detail-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.detail-list li{color:var(--text-muted);padding-left:14px;font-size:12.5px;line-height:1.5;position:relative}.detail-list li:before{content:"•";color:var(--primary);font-weight:900;position:absolute;left:0}.empty-state{text-align:center;padding:44px 16px}.empty-title{color:var(--text-white);margin-bottom:6px;font-size:16px;font-weight:800}.empty-text{color:var(--text-dim);font-size:12.5px;line-height:1.6}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02040ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{width:min(100%,540px);padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-title{letter-spacing:-.04em;color:var(--text-white);font-size:21px;font-weight:900}.modal-subtitle{color:var(--text-muted);margin-top:5px;font-size:12px;line-height:1.5}.close-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-white);cursor:pointer;background:#ffffff0a;font-weight:900}.form-grid{gap:10px;display:grid}.form-grid textarea{resize:vertical;border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;min-height:90px;color:var(--text-white);background:#ffffff0a;outline:0;padding:10px;font-size:12.5px;font-weight:600;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.dash-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.dash-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#0b162c4d;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800}.status-pill.applied{color:#93c5fd;background:#3b82f61f}.status-pill.payment_completed{color:#a7f3d0;background:#10b9811f}.status-pill.reviewing{color:#fde68a;background:#f59e0b1f}.status-pill.shortlisted{color:#ddd6fe;background:#a855f71f}.status-pill.rejected{color:#fca5a5;background:#ef44441f}.status-pill.completed{color:#a7f3d0;background:#10b9811f}.status-pill.pending{color:#fde68a;background:#f59e0b1f}.toast{z-index:120;border:1px solid var(--primary-border);border-radius:var(--radius-md);max-width:340px;box-shadow:var(--shadow-soft);color:var(--text-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030812f2;padding:12px 16px;font-size:12.5px;font-weight:700;position:fixed;bottom:20px;right:20px}.site-footer{border-top:1px solid var(--border-light);color:var(--text-dim);padding:20px 0;font-size:12px}.footer-wrap{justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a:hover{color:var(--text-white)}@media (min-width:1024px){.job-detail-panel::-webkit-scrollbar{width:5px}.job-detail-panel::-webkit-scrollbar-track{background:0 0}.job-detail-panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.job-detail-panel::-webkit-scrollbar-thumb:hover{background:#22d3ee38}}@media (max-width:1023px){.job-detail-panel{grid-column:1/-1;position:static}}@media (max-width:768px){.nav-links,.nav-actions{display:none}.menu-btn{display:block}.mobile-menu{display:none}.mobile-menu.open{display:grid}.search-panel{grid-template-columns:1fr}.results-head{flex-direction:column;align-items:flex-start;gap:8px}.sort-wrap{justify-content:space-between;width:100%}.job-card-top{flex-direction:column;gap:12px}.match-pill{width:fit-content}.detail-actions{flex-wrap:wrap}.footer-wrap{flex-direction:column;align-items:flex-start;gap:14px}.footer-links{flex-wrap:wrap}}.autocomplete-dropdown{border:1px solid var(--primary-border);border-radius:var(--radius-md);z-index:100;background:#070e1e;flex-direction:column;width:100%;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 30px #0009}.autocomplete-item{width:100%;color:var(--text-light);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.autocomplete-item:hover{background:var(--primary-soft);color:var(--primary)}.autocomplete-item-icon{color:var(--primary);opacity:.7;display:inline-flex}
