.navbar{z-index:1000;background:#fff;justify-content:space-between;align-items:center;width:100%;height:75px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000000f}.logo{color:#2563eb;font-size:28px;font-weight:700}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#111827;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#2563eb}.profile-container{position:relative}.profile-btn{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.profile-btn svg{color:#2563eb;font-size:35px}.profile-dropdown{background:#fff;border-radius:15px;width:230px;animation:.3s dropdown;position:absolute;top:55px;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.profile-dropdown a,.profile-dropdown button{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;width:100%;padding:15px 20px;font-size:15px;text-decoration:none;transition:all .3s;display:block}.profile-dropdown a:hover,.profile-dropdown button:hover{color:#2563eb;background:#f3f4f6}.auth-buttons{gap:15px;display:flex}.auth-buttons a{color:#fff;background:#2563eb;border-radius:10px;padding:10px 18px;font-weight:500;text-decoration:none}.mobile-menu{cursor:pointer;font-size:25px;display:none}@keyframes dropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:0 20px}.mobile-menu{display:block}.nav-links{background:#fff;flex-direction:column;width:100%;padding:20px;transition:all .3s;position:absolute;top:75px;left:-100%}.nav-links.active{left:0}}body{background:#f8fafc}.hero{justify-content:space-between;align-items:center;gap:50px;min-height:90vh;padding:60px 80px;display:flex}.hero-left{flex:1}.hero-left h1{color:#111827;margin-bottom:20px;font-size:64px;line-height:1.1}.hero-left h1 span{color:#2563eb}.hero-left p{color:#6b7280;max-width:550px;margin-bottom:30px;font-size:18px;line-height:1.7}.hero-buttons{gap:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 28px;font-size:16px;font-weight:600}.secondary-btn{color:#2563eb;cursor:pointer;background:0 0;border:2px solid #2563eb;border-radius:10px;padding:14px 28px;font-size:16px;font-weight:600}.hero-right{flex:1}.hero-right img{object-fit:cover;border-radius:20px;width:100%;height:500px}.stats-section{justify-content:center;gap:30px;padding:40px 80px 80px;display:flex}.stat-card{text-align:center;background:#fff;border-radius:18px;width:250px;padding:35px;box-shadow:0 10px 25px #0000000d}.stat-card h2{color:#2563eb;font-size:40px}.stat-card p{color:#6b7280;margin-top:10px}@media (width<=992px){.hero{flex-direction:column;padding:40px 20px}.hero-left h1{font-size:42px}.stats-section{flex-direction:column;align-items:center;padding:40px 20px}.stat-card{width:100%;max-width:350px}}.job-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 10px 30px #0000000f}.job-card h2{color:#0f172a;margin-bottom:12px;font-size:24px}.job-card p{color:#64748b;margin-bottom:12px}.job-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.job-footer span{color:#1e293b;font-weight:600}.job-footer button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .3s}.job-footer button:hover{background:#1d4ed8}.job-type{color:#2563eb;background:#dbeafe;border-radius:30px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.job-footer button:last-child{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.job-footer button:last-child:hover{transform:scale(1.05)}.job-actions{flex-wrap:wrap;gap:10px;display:flex}.save-btn{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.job-actions button{cursor:pointer;border:none;border-radius:10px;min-width:85px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .3s}.details-btn{color:#fff;background:#0f172a!important}.details-btn:hover{background:#1e293b!important}.job-about{line-height:1.7}.job-responsibilities ul{padding-left:20px}.job-responsibilities li{margin-bottom:6px}.company-name{font-size:15px;font-weight:500}@media (width<=768px){.job-footer{flex-direction:column;align-items:flex-start}.job-actions{width:100%}.job-actions button{flex:1}}.jobs-page{background:#f8fafc;min-height:100vh;padding:40px 70px}.jobs-page h1{color:#0f172a;margin-bottom:30px;font-size:42px;font-weight:700}.filters-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:35px;padding:24px;box-shadow:0 5px 20px #0000000d}.top-search-box{gap:18px;margin-bottom:20px;display:flex}.search-input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;flex:1;padding:14px 18px;font-size:15px;transition:all .3s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.resume-upload{margin-bottom:20px}.resume-upload label{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px dashed #2563eb;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .3s;display:inline-block}.resume-upload label:hover{background:#dbeafe}.resume-upload input{display:none}.file-name{color:#475569;margin-left:12px;font-size:14px}.filter-box{flex-wrap:wrap;gap:16px;display:flex}.filter-box select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;min-width:180px;padding:12px 16px;transition:all .3s}.filter-box select:focus{border-color:#2563eb}.jobs-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px;display:grid}.job-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:100%;padding:26px;transition:all .35s;display:flex;box-shadow:0 10px 30px #0000000d}.job-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #2563eb1f}.job-card h3{color:#0f172a;margin-bottom:10px;font-size:26px;font-weight:700}.company-name{color:#64748b;margin-bottom:18px;font-size:15px}.job-tags{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.job-tag{color:#2563eb;background:#eff6ff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.job-section{margin-bottom:18px}.job-section h4{color:#0f172a;margin-bottom:8px;font-size:16px}.job-section p,.job-section li{color:#475569;font-size:14px;line-height:1.6}.job-actions{align-items:center;gap:12px;margin-top:20px;display:flex}.apply-btn,.save-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600;transition:all .3s}.apply-btn{color:#fff;background:#2563eb}.apply-btn:hover{background:#1d4ed8}.save-btn{color:#0f172a;background:#e2e8f0}.save-btn:hover{background:#cbd5e1}.no-jobs{text-align:center;color:#64748b;padding:60px 20px;font-size:18px}@media (width<=768px){.jobs-page{padding:25px 18px}.jobs-page h1{font-size:32px}.top-search-box,.filter-box{flex-direction:column}.filter-box select{width:100%}.job-actions{gap:12px;margin-top:20px;display:flex}}.skills-container{margin:18px 0}.linkedin-layout{align-items:flex-start;gap:20px;margin-top:20px;display:flex}.jobs-list{flex-direction:column;gap:20px;width:38%;max-height:85vh;padding-right:10px;display:flex;overflow-y:auto}.job-details-panel{background:#fff;border-radius:16px;width:62%;max-height:85vh;padding:30px;position:sticky;top:90px;overflow-y:auto;box-shadow:0 2px 10px #00000014}.job-card{cursor:pointer;width:100%;transition:all .3s}.job-card:hover{transform:translateY(-4px)}.details-skills{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.details-buttons{gap:15px;margin-top:30px;display:flex}.details-buttons button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:600}.empty-details{text-align:center;color:gray;margin-top:100px}@media (width<=900px){.linkedin-layout{flex-direction:column}.jobs-list{width:100%;max-height:unset}.job-details-panel{width:100%;position:relative;top:0}}.active-job-card .job-card{border:2px solid #2563eb;box-shadow:0 10px 30px #2563eb26}.job-details-panel h2{color:#0f172a;margin-bottom:8px;font-size:34px}.job-details-panel h3{color:#1e293b;margin-top:24px;margin-bottom:12px}.job-details-panel p,.job-details-panel li{color:#475569;line-height:1.8}.job-details-panel ul{padding-left:20px}.job-details-panel hr{border:none;border-top:1px solid #e2e8f0;margin:25px 0}.details-buttons .apply-btn{color:#fff;background:#2563eb}.details-buttons .apply-btn:hover{background:#1d4ed8}.details-buttons .save-btn{color:#0f172a;background:#e2e8f0}.details-buttons .save-btn:hover{background:#cbd5e1}.jobs-list::-webkit-scrollbar{width:8px}.job-details-panel::-webkit-scrollbar{width:8px}.jobs-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.job-details-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.job-card{padding:28px}.empty-details h2{color:#0f172a;margin-bottom:12px;font-size:32px}.empty-details p{color:#64748b;font-size:17px}.auth-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:18px;width:400px;padding:40px;box-shadow:0 10px 30px #00000014}.auth-card h2{color:#111827;text-align:center;margin-bottom:25px}.auth-card input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:14px;font-size:15px}.auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600}.auth-card button:hover{background:#1d4ed8}.auth-card p{text-align:center;color:#6b7280;margin-top:20px}.auth-card a{color:#2563eb;font-weight:600;text-decoration:none}.saved-jobs-page{background:#f8fafc;min-height:100vh;padding:40px}.saved-jobs-page h1{color:#0f172a;margin-bottom:30px}.saved-jobs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.saved-job-card{background:#fff;border-radius:18px;padding:24px;transition:all .3s;box-shadow:0 6px 20px #0000000f}.saved-job-card:hover{transform:translateY(-6px)}.saved-job-card h2{color:#0f172a;margin-bottom:10px}.saved-job-card p{color:#64748b;margin-bottom:16px}.saved-type{color:#2563eb;background:#dbeafe;border-radius:30px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.saved-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.saved-footer button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 16px}.saved-footer button:hover{background:#dc2626}.empty-state{text-align:center;color:#64748b;background:#fff;border:2px dashed #cbd5e1;border-radius:18px;padding:40px;font-size:18px}.dashboard{background:#f8fafc;min-height:100vh;padding:40px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#0f172a;margin-bottom:8px;font-size:36px}.dashboard-header p{color:#64748b;font-size:16px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.card{color:#fff;border-radius:18px;padding:28px;transition:all .3s;box-shadow:0 10px 30px #00000014}.card:hover{transform:translateY(-6px)}.card h2{margin-bottom:10px;font-size:42px}.card p{font-size:16px}.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.green{background:linear-gradient(135deg,#16a34a,#15803d)}.orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.recent-applications h2{color:#0f172a;margin-bottom:20px}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.application-card{background:#fff;border-radius:18px;padding:24px;transition:all .3s;box-shadow:0 6px 20px #0000000f}.application-card:hover{transform:translateY(-5px)}.application-card h3{color:#0f172a;margin-bottom:10px;font-size:22px}.company{color:#334155;margin-bottom:8px;font-weight:600}.location,.date{color:#64748b;margin-bottom:10px}.application-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.status{color:#fff;border-radius:30px;padding:8px 14px;font-size:13px;font-weight:600}.status.pending{background:#f59e0b}.status.interview{background:#2563eb}.status.rejected{background:#dc2626}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.remove-btn:hover{background:#dc2626}.empty-box{text-align:center;color:#64748b;background:#fff;border-radius:16px;padding:40px}.resume-btn{color:#fff;background:#2563eb;border-radius:6px;margin-top:10px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}.resume-btn:hover{background:#1d4ed8}.post-job-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.post-job-container{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;box-shadow:0 10px 30px #00000014}.post-job-container h1{text-align:center;color:#0f172a;margin-bottom:30px}.post-job-container form{flex-direction:column;gap:18px;display:flex}.post-job-container input,.post-job-container select{border:1px solid #dbeafe;border-radius:12px;outline:none;padding:14px;font-size:15px}.post-job-container input:focus,.post-job-container select:focus{border-color:#2563eb}.post-job-container button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.post-job-container button:hover{background:#1d4ed8}.profile-page{background:#f4f7fb;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.profile-card{background:#fff;border-radius:20px;width:100%;max-width:900px;padding:40px;box-shadow:0 10px 30px #00000014}.profile-top{border-bottom:1px solid #eee;align-items:center;gap:25px;padding-bottom:25px;display:flex}.profile-image{color:#2563eb;font-size:90px}.profile-top h1{color:#111827;margin-bottom:5px;font-size:32px}.profile-role{color:#6b7280;font-size:17px}.profile-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:35px;display:grid}.detail-box{background:#f9fafb;border-radius:14px;align-items:flex-start;gap:15px;padding:18px;transition:all .3s;display:flex}.detail-box:hover{transform:translateY(-3px)}.detail-icon{color:#2563eb;margin-top:3px;font-size:22px}.detail-box span{color:#6b7280;font-size:14px}.detail-box p{color:#111827;margin-top:5px;font-weight:600}.about-section{margin-top:40px}.about-section h2{color:#111827;margin-bottom:15px}.about-section p{color:#4b5563;line-height:1.8}@media (width<=768px){.profile-card{padding:25px}.profile-top{text-align:center;flex-direction:column}.profile-image{font-size:80px}}.settings-page{background:#f4f7fb;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.settings-card{background:#fff;border-radius:20px;width:100%;max-width:850px;padding:40px;box-shadow:0 10px 30px #00000014}.settings-header{margin-bottom:35px}.settings-header h1{color:#111827;font-size:34px}.settings-header p{color:#6b7280;margin-top:8px}.settings-section{margin-bottom:35px}.settings-section h2{color:#1f2937;margin-bottom:20px}.input-group{background:#f9fafb;border-radius:14px;align-items:center;gap:15px;margin-bottom:18px;padding:16px;display:flex}.input-icon{color:#2563eb;font-size:18px}.input-group input{background:0 0;border:none;outline:none;width:100%;font-size:16px}.toggle-box{background:#f9fafb;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px;display:flex}.toggle-box div{align-items:center;gap:10px;font-weight:500;display:flex}.toggle-icon{color:#2563eb}.save-settings-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.save-settings-btn:hover{background:#1e40af}@media (width<=768px){.settings-card{padding:25px}}.help-page{background:#f4f7fb;min-height:100vh;padding:40px 20px}.help-header{text-align:center;margin-bottom:40px}.help-header h1{color:#111827;font-size:38px}.help-header p{color:#6b7280;margin-top:10px}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:50px;display:grid}.faq-card{text-align:center;background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #00000014}.faq-card:hover{transform:translateY(-5px)}.faq-icon{color:#2563eb;margin-bottom:20px;font-size:40px}.faq-card h3{color:#111827;margin-bottom:12px}.faq-card p{color:#6b7280;line-height:1.7}.support-section{margin-top:20px}.support-section h2{text-align:center;color:#111827;margin-bottom:30px}.support-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.support-card{text-align:center;color:inherit;cursor:pointer;background:#fff;border-radius:20px;padding:30px;text-decoration:none;transition:all .3s;box-shadow:0 10px 30px #00000014}.support-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #2563eb26}.support-card:hover .support-icon{color:#1d4ed8;transform:scale(1.15)}.support-icon{color:#2563eb;margin-bottom:18px;font-size:35px;transition:all .3s}.support-card h3{margin-bottom:10px}.support-card p{color:#6b7280}.privacy-page{background:#f4f7fb;min-height:100vh;padding:40px 20px}.privacy-header{text-align:center;margin-bottom:50px}.privacy-header h1{color:#111827;font-size:38px}.privacy-header p{color:#6b7280;margin-top:10px}.privacy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.privacy-card{text-align:center;background:#fff;border-radius:20px;padding:35px;transition:all .3s;box-shadow:0 10px 30px #00000014}.privacy-card:hover{transform:translateY(-5px)}.privacy-icon{color:#2563eb;margin-bottom:20px;font-size:42px}.privacy-card h3{color:#111827;margin-bottom:12px}.privacy-card p{color:#6b7280;line-height:1.7}.privacy-card{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s}.privacy-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #2563eb26}.privacy-card:hover .privacy-icon{transform:scale(1.15)}.privacy-icon{transition:all .3s}.job-details-page{background:#f8fafc;min-height:100vh;padding:50px 20px}.job-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;max-width:950px;margin:auto;padding:45px;box-shadow:0 10px 35px #0000000f}.job-details-card h1{color:#0f172a;margin-bottom:10px;font-size:42px}.job-details-card h3{color:#475569;margin-bottom:25px}.details-top{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.details-top span{color:#2563eb;background:#eff6ff;border-radius:30px;padding:10px 16px;font-size:14px;font-weight:600}.details-section{margin-bottom:35px}.details-section h2{color:#0f172a;margin-bottom:14px;font-size:24px}.details-section p,.details-section li{color:#475569;line-height:1.8}.details-section ul{padding-left:22px}.skills-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.skill-chip{color:#2563eb;background:#dbeafe;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.details-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;display:flex}.details-footer span{color:#0f172a;font-weight:600}.details-footer button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px 24px;font-weight:600;transition:all .3s}.details-footer button:hover{background:#1d4ed8}@media (width<=768px){.job-details-card{padding:28px}.job-details-card h1{font-size:30px}.details-footer{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f8fafc;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}button{cursor:pointer}#root{width:100%}body.dark{color:#fff;background:#0f172a}body.dark .navbar{background:#1e293b}body.dark .card,body.dark .job-card,body.dark .application-card,body.dark .saved-job-card{color:#fff;background:#1e293b}body.dark input{color:#fff;background:#1e293b;border:1px solid #334155}