*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f0f1a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:860px;margin:0 auto;padding:40px 48px}h1{background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.subtitle{color:#64748b;margin-bottom:36px;font-size:.95rem}form{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding:20px;display:flex}input,select{color:#e2e8f0;background:#0f0f1a;border:1px solid #2d2d4e;border-radius:10px;flex:1;min-width:140px;padding:10px 16px;font-size:.9rem;transition:border-color .2s}input::placeholder{color:#475569}input:focus,select:focus{border-color:#a78bfa;outline:none}select option{background:#1a1a2e}button{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}form button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#a78bfa,#ec4899)}form button:hover{opacity:.9;transform:translateY(-1px)}.field{flex-direction:column;flex:1;min-width:140px;display:flex}.input-error{border-color:#f87171!important}.error-msg{color:#f87171;margin-top:4px;font-size:.75rem}.stats{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.stat-card{text-align:center;background:#1a1a2e;border:1px solid #2d2d4e;border-radius:12px;flex:1;min-width:100px;padding:14px 20px}.stat-card .number{color:#a78bfa;font-size:1.6rem;font-weight:700}.stat-card .label{color:#64748b;margin-top:2px;font-size:.75rem}.filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filters button{color:#94a3b8;background:#1a1a2e;border:1px solid #2d2d4e;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500}.filters button:hover{color:#a78bfa;border-color:#a78bfa}.filters button.active{color:#fff;background:linear-gradient(135deg,#a78bfa,#ec4899);border-color:#0000}.job-card{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px 24px;transition:border-color .2s,transform .2s;display:flex}.job-card:hover{border-color:#a78bfa55;transform:translateY(-2px)}.job-info h3{color:#e2e8f0;margin-bottom:4px;font-size:1rem;font-weight:600}.job-info p{color:#64748b;font-size:.85rem}.job-right{align-items:center;gap:12px;display:flex}.status{white-space:nowrap;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:600}.status-applied{color:#60a5fa;background:#1e3a5f}.status-interview{color:#fbbf24;background:#3d2a00}.status-offer{color:#4ade80;background:#14350a}.status-rejected{color:#f87171;background:#3d0a0a}.delete-btn{color:#475569;background:0 0;border:1px solid #2d2d4e;border-radius:8px;padding:6px 12px;font-size:.85rem;transition:all .2s}.delete-btn:hover{color:#f87171;background:#3d0a0a;border-color:#f87171}.empty{text-align:center;color:#475569;padding:60px 20px}.empty p{font-size:.95rem}@media (width<=600px){.app{padding:20px 16px}h1{font-size:1.6rem}form{flex-direction:column;gap:10px}input,select,form button{width:100%;min-width:unset}.job-card{flex-direction:column;align-items:flex-start;gap:12px}.job-right{justify-content:space-between;width:100%}.delete-btn{text-align:center;width:100%}}