*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f8fafc;color:#0f172a}.app-main{width:100%;display:flex;justify-content:center}.navbar{width:100%;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000}.nav-container{max-width:1100px;margin:0 auto;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.logo{font-size:1.3rem;font-weight:700;color:#0f172a}.logo span{color:#2563eb}.nav-links{display:flex;gap:.8rem;align-items:center}.nav-links a{font-weight:500;color:#334155;padding:.35rem .6rem;border-radius:6px;transition:background .2s,color .2s;white-space:nowrap}.nav-links a:hover{background:#eef2ff;color:#2563eb}.profile-btn{background:#2563eb;color:#fff!important}.profile-btn:hover{background:#1e4fd8}@media(max-width:640px){.nav-container{flex-direction:column;align-items:flex-start;gap:.6rem}.nav-links{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}}.logout-btn{padding:.4rem .7rem;border-radius:6px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-box{background:#fff;padding:1.4rem 1.6rem;border-radius:12px;width:90%;max-width:380px;box-shadow:0 20px 40px #00000026}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.6rem}.modal-btn{padding:.45rem .9rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.modal-btn.secondary{background:#e5e7eb;color:#0f172a}.modal-btn.danger{background:#ef4444;color:#fff}.home-container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;text-align:center}.home-container h1{font-size:2.6rem;font-weight:800;color:#0f172a;margin-bottom:.8rem}.home-container h1 span{color:#2563eb}.home-container p{max-width:600px;margin:0 auto 2rem;color:#475569;font-size:1.05rem;line-height:1.6}.home-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:.7rem 1.6rem;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .1s ease}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 6px 14px #2563eb40}.btn.secondary{background:#eef2ff;color:#2563eb}.btn.secondary:hover{background:#e0e7ff;transform:translateY(-3px)}@media(max-width:640px){.home-container h1{font-size:2rem}.btn{width:100%;max-width:260px}}.jobcard{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 8px 20px #2563eb14;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:.6rem}.jobcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2563eb26}.jobcard-header{display:flex;justify-content:space-between;align-items:center}.jobcard-header h3{margin:0;font-size:1.1rem;color:#0f172a}.jobcard-type{background:#e0e7ff;color:#1d4ed8;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.jobcard-company{margin:0;color:#334155;font-weight:600}.jobcard-meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem;color:#475569}.jobcard-btn{margin-top:.5rem;padding:.6rem;border:none;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.jobcard-btn:hover{opacity:.9;transform:scale(1.01)}.jobcard-link{text-decoration:none;color:inherit}.jobcard-actions{display:flex;gap:.6rem;margin-top:.5rem}.save-btn{margin-top:.5rem;padding:.6rem;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.save-btn:hover{background:#eef2ff}.save-btn.saved{background:#2563eb;color:#fff}.filters-wrapper{margin-bottom:1.2rem}.search-box input{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid #e5e7eb;margin-bottom:.8rem;font-size:.95rem}.filters-bar{display:flex;gap:.6rem;flex-wrap:wrap}.filters-bar select{padding:.5rem .7rem;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem}.jobs-container{max-width:1100px;margin:0 auto;padding:1.2rem}.loading{text-align:center;margin-top:2rem}.jobs-container h1{margin-bottom:1rem;color:#0f172a}.search-box{margin-bottom:.8rem}.search-box input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid #e5e7eb;font-size:.95rem;outline:none;transition:border .2s,box-shadow .2s}.search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.filters-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.2rem}.filters-bar select{padding:.55rem .7rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:.9rem;cursor:pointer}.jobs-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}@media(min-width:768px){.jobs-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.jobs-grid{grid-template-columns:repeat(3,1fr)}}.job-page{width:100%;min-height:100vh;background:#f8fafc;padding:2rem 1rem}.job-wrapper{max-width:1100px;margin:0 auto}.back-link{display:inline-block;margin-bottom:1rem;color:#2563eb;text-decoration:none;font-weight:600}.back-link:hover{text-decoration:underline}.job-card{max-width:450px;margin:auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0f172a14}.job-card h1{margin-bottom:.3rem;color:#0f172a}.job-card h3{margin-bottom:1rem;color:#334155}.job-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.9rem;color:#475569;margin-bottom:1rem}.job-desc{margin-bottom:1.5rem;color:#334155;line-height:1.6}.apply-form{display:flex;flex-direction:column;gap:.8rem}.apply-form label{font-weight:600;color:#334155}.apply-btn{width:fit-content;padding:.55rem 1.4rem;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.apply-message{margin-top:.8rem;font-weight:600;color:#16a34a}.applications-page{padding:2rem 1rem;max-width:1200px;margin:0 auto}.applications-page h1{margin-bottom:1.5rem;color:#0f172a}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.app-card{background:#fff;border-radius:16px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 10px 24px #0f172a0f;display:flex;flex-direction:column;justify-content:space-between}.app-card-header{display:flex;justify-content:space-between;align-items:center}.app-card h3{margin:0;color:#0f172a;font-size:1.05rem}.badge{background:#e0e7ff;color:#1d4ed8;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px}.company{margin:.4rem 0 .2rem;font-weight:600;color:#1f2933}.meta{font-size:.85rem;color:#475569;margin-bottom:.6rem}.status-row{margin-bottom:.8rem}.status-badge{background:#dbeafe;color:#1d4ed8;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:999px}.card-actions{display:flex;gap:.6rem}.btn{display:inline-block;padding:.45rem .9rem;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;text-align:center}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1e4fd8}.btn.secondary{border:1px solid #2563eb;color:#2563eb;background:transparent}.btn.secondary:hover{background:#eef2ff}.profile-page{display:flex;align-items:center;justify-content:center;padding:7px}.profile-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:2rem 1.8rem;box-shadow:0 20px 60px #0000001f}.profile-name{font-size:2rem;font-weight:800;margin-bottom:.2rem;color:#0f172a}.profile-email{color:#64748b;margin-bottom:1.2rem;word-break:break-all}.profile-section{margin-bottom:1.1rem}.profile-section h3{margin-bottom:.3rem;color:#0f172a}.profile-section p{color:#334155}.view-resume-btn{display:inline-block;margin-top:.4rem;padding:.6rem 1.4rem;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;text-decoration:none;border:none;cursor:pointer}.resume-links{margin-top:.6rem;display:flex;align-items:center;gap:.6rem;color:#64748b;flex-wrap:wrap}.link-btn{background:none;border:none;color:#475569;font-weight:600;cursor:pointer;padding:0}.link-btn.danger{color:#dc2626}.divider{color:#cbd5e1}.bottom-actions{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap}.big-btn{flex:1;padding:.8rem 1rem;border-radius:14px;font-weight:700;text-align:center;text-decoration:none;border:none;cursor:pointer}.big-btn.primary{background:#2563eb;color:#fff}.big-btn.secondary{background:#e5e7eb;color:#0f172a}.big-btn.danger{background:#ef4444;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-box{background:#fff;padding:1.6rem;border-radius:16px;width:100%;max-width:360px;box-shadow:0 20px 40px #0003}.modal-actions{margin-top:1rem;display:flex;gap:.6rem}@media(max-width:480px){.profile-name{font-size:1.6rem}.big-btn{width:100%}.bottom-actions{flex-direction:column}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.auth-inner{width:100%;max-width:400px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.auth-card{width:100%;max-width:380px;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 12px 30px #0f172a1a}.auth-inner h1{text-align:center;margin-bottom:1rem;color:#0f172a;font-size:1.8rem;font-weight:700}.auth-card{background:#fff;padding:1.5rem;border-radius:14px;box-shadow:0 10px 30px #0f172a14}.auth-field{margin-bottom:.9rem}.auth-field label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:.3rem}.auth-field input{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem;outline:none}.auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.auth-btn{width:100%;margin-top:.5rem;padding:.6rem;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.auth-switch{text-align:center;margin-top:.8rem;font-size:.85rem;color:#475569}.auth-switch a{color:#2563eb;text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-error{background:#fee2e2;color:#991b1b;padding:.5rem;border-radius:8px;font-size:.85rem;margin-bottom:.8rem;text-align:center}.input-with-btn{position:relative;display:flex;align-items:center}.input-with-btn input{width:100%;padding-right:60px}.toggle-btn{position:absolute;right:12px;font-size:.85rem;font-weight:600;color:#2563eb;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-page{padding:2rem 1rem;background:#f8fafc;min-height:calc(100vh - 70px)}.edit-card{max-width:500px;margin:0 auto;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:.8rem}.edit-card input,.edit-card textarea{padding:.5rem .7rem;border-radius:8px;border:1px solid #e5e7eb}
