@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.form-section{width:100%;position:sticky;top:20px}.navbar{background:#111827;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:22px 40px;display:flex}.footer{text-align:center;color:#94a3b8;margin-top:40px;padding:20px}.job-form h1{margin-bottom:20px;font-size:34px;font-weight:700}input:focus,select:focus,textarea:focus{border:2px solid #3b82f6}textarea{resize:none;min-height:90px}.job-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:22px;padding:14px;font-size:16px;font-weight:600;transition:all .25s}.stat-card{text-align:center;cursor:pointer;background:#1e293b;border-radius:15px;padding:20px;transition:all .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:34px}.stat-card p{color:#94a3b8}.search-box input{width:100%}.job-list{gap:20px;display:grid}.job-card{background:#1f2937;border:1px solid #0000;border-radius:18px;padding:22px;transition:all .3s;box-shadow:0 15px 30px #0006}.job-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.job-header h3{font-size:24px}.role{color:#cbd5e1;margin-top:4px}.status{border-radius:25px;padding:8px 18px;font-size:13px;font-weight:600}.status.applied{background:#2563eb}.status.interview{background:#f59e0b}.status.offer{background:#16a34a}.status.rejected{background:#dc2626}.job-details div{background:#334155;border-radius:10px;padding:12px}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:all .25s}:is(.edit-btn,.delete-btn):hover{transform:translateY(-2px)}.edit-btn{background:#2563eb}.delete-btn{background:#ef4444}@media (width<=1200px){.main-container{grid-template-columns:1fr}.form-section{position:static}.stats{grid-template-columns:repeat(2,1fr)}.job-details{grid-template-columns:1fr}}@media (width<=700px){.form-row{flex-direction:column}.stats{grid-template-columns:1fr}.job-actions{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#0f172a;--surface:#111827;--surface-2:#1e293b;--border:#334155;--text:#f8fafc;--muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}body{color:#f8fafc;background:#0f172a;font-family:Inter,sans-serif}.navbar{background:#111827;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;width:100%;padding:22px 50px;display:flex}.logo{color:#60a5fa;font-size:28px;font-weight:700}.nav-right{color:#cbd5e1;font-size:15px}.main-container{grid-template-columns:minmax(350px,400px) 1fr;align-items:start;gap:30px;max-width:1600px;margin:30px auto;padding:0 30px;display:grid}.dashboard-section{width:100%;min-width:0}.form-section{width:100%}.dashboard h2{margin-bottom:18px;font-size:1.75rem}.stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:20px}.stat-card h3{margin-bottom:6px;font-size:2rem}.stat-card p{color:var(--muted);font-size:.95rem}.search-box{margin-bottom:20px}.search-box input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px;font-size:1rem}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.job-list{flex-direction:column;gap:18px;display:flex}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;transition:transform .2s,border-color .2s}.job-card:hover{border-color:#475569;transform:translateY(-2px)}.job-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.job-header h3{margin-bottom:4px;font-size:1.2rem}.role{color:var(--muted);font-size:.95rem}.status{color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.status.Applied{background:var(--primary)}.status.Interview{background:var(--warning)}.status.Offer{background:var(--success)}.status.Rejected{background:var(--danger)}.job-details{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.job-details div{background:var(--surface-2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:.9rem;display:flex}.job-actions{gap:12px;display:flex}.edit-btn,.delete-btn,.job-form button{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:600;transition:background .2s,transform .1s}.edit-btn:active,.delete-btn:active,.job-form button:active{transform:translateY(1px)}.edit-btn{background:var(--primary);color:#fff;flex:1}.edit-btn:hover{background:var(--primary-hover)}.delete-btn{background:var(--danger);color:#fff;flex:1}.delete-btn:hover{background:#dc2626}.job-form{background:#1e293b;border-radius:18px;padding:25px;box-shadow:0 10px 25px #00000059}.job-form h1{margin-bottom:20px;font-size:28px}.form-row{gap:15px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}label{color:#e2e8f0;margin-top:12px;margin-bottom:6px;font-size:14px;font-weight:500;display:block}input,select,textarea{color:#fff;background:#334155;border:none;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:15px;transition:all .25s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6}textarea{resize:none}.job-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:25px;padding:14px;font-size:16px;transition:all .25s}.job-form button:hover{background:#1d4ed8;transform:translateY(-2px)}.footer{text-align:center;color:#94a3b8;border-top:1px solid #1f2937;margin-top:40px;padding:20px}@media (width<=1200px){.main-container{grid-template-columns:1fr}.form-section{position:static}.stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.job-header{flex-direction:column;align-items:flex-start}.job-details{grid-template-columns:1fr}.job-actions{flex-direction:column}}@media (width<=480px){.main-container,.navbar,.footer{padding-left:16px;padding-right:16px}.stats{grid-template-columns:1fr}}.loading-container{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.loader{border:5px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:45px;height:45px;margin-bottom:15px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:14px;width:400px;max-width:90%;padding:28px;box-shadow:0 20px 40px #00000059}.modal h2{color:#f8fafc;margin-bottom:12px}.modal p{color:#94a3b8;margin-bottom:24px;line-height:1.6}.modal-buttons{justify-content:center;gap:15px;display:flex}.cancel-btn,.delete-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600;transition:all .25s}.cancel-btn{color:#fff;background:#334155}.cancel-btn:hover{background:#475569}.delete-btn{color:#fff;background:#dc2626}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}.empty-state{text-align:center;background:#1e293b;border:2px dashed #475569;border-radius:14px;margin-top:25px;padding:60px 30px}.empty-state h2{color:#f8fafc;margin-bottom:12px;font-size:28px}.empty-state p{color:#94a3b8;font-size:16px;line-height:1.6}.empty-icon{margin-bottom:15px;font-size:60px}