*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f1a;min-height:100vh;padding:20px;font-family:Segoe UI,sans-serif}.container{max-width:1200px;margin:auto;padding:20px}.header{text-align:center;padding:40px 0 20px}h1{color:#a78bfa;text-shadow:0 0 20px #a78bfa66;margin-bottom:8px;font-size:38px}.subtitle{color:#888;margin-bottom:20px;font-size:16px}.saved-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:25px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #7c3aed66}.saved-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #7c3aed99}.search-box{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:750px;margin:20px auto;padding:16px;display:flex;box-shadow:0 4px 30px #7c3aed26}.search-box input{color:#e0e0e0;background:#0f0f1a;border:1px solid #3d3d6b;border-radius:12px;outline:none;flex:1;min-width:200px;padding:12px 18px;font-size:15px;transition:all .3s}.search-box input:focus{border-color:#7c3aed;box-shadow:0 0 10px #7c3aed4d}.search-box input::placeholder{color:#555}.search-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s}.search-box button:hover{transform:scale(1.05);box-shadow:0 4px 15px #7c3aed80}.search-box select{color:#e0e0e0;cursor:pointer;background:#0f0f1a;border:1px solid #3d3d6b;border-radius:12px;outline:none;padding:12px 16px;font-size:15px}.quick-searches{flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0;display:flex}.tag-btn{color:#a78bfa;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .3s}.tag-btn:hover{color:#fff;background:#7c3aed;box-shadow:0 0 12px #7c3aed80}.job-count{text-align:center;color:#a78bfa;margin:10px 0;font-size:15px;font-weight:600}.main-layout{align-items:flex-start;gap:20px;margin-top:15px;display:flex}.sidebar{flex-shrink:0;width:220px}.sidebar-card{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:16px;margin-bottom:15px;padding:16px;box-shadow:0 4px 20px #0000004d}.sidebar-card h3{color:#a78bfa;letter-spacing:.5px;margin-bottom:12px;font-size:14px}.sidebar-card p{color:#888;margin:6px 0;font-size:12px}.trending-item{cursor:pointer;padding:4px 0;transition:all .2s;color:#ccc!important;font-size:13px!important}.trending-item:hover{padding-left:6px;color:#a78bfa!important}.jobs-area{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.card{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:16px;padding:18px;transition:all .3s;box-shadow:0 4px 20px #0000004d}.card:hover{border-color:#7c3aed;transform:translateY(-4px);box-shadow:0 8px 30px #7c3aed40}.card h3{color:#e0e0e0;margin-bottom:6px;font-size:15px}.card p{color:#888;margin:4px 0;font-size:13px}.card b{color:#a78bfa}.card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:14px;display:flex}.card-footer a{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;color:#fff!important}.card-footer a:hover{transform:scale(1.05);box-shadow:0 4px 15px #7c3aed80}.card-footer button{color:#ccc;cursor:pointer;background:#0f0f1a;border:1px solid #3d3d6b;border-radius:8px;padding:7px 12px;font-size:12px;transition:all .3s}.card-footer button:hover{color:#a78bfa;border-color:#7c3aed}.analyzer{border-top:1px solid #2d2d4e;margin-top:14px;padding-top:14px}.analyzer h4{color:#a78bfa;margin-bottom:10px}.analyzer textarea{color:#e0e0e0!important;background:#0f0f1a!important;border:1px solid #3d3d6b!important;border-radius:10px!important}.analyzer button{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;border:none!important;border-radius:10px!important;padding:9px 18px!important;font-weight:700!important}#status,p{color:#888}.saved-page{max-width:900px;margin:auto;padding:30px 20px}.saved-page h1{color:#a78bfa;margin-bottom:20px}.auth-container{background:#0f0f1a;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{text-align:center;background:#1a1a2e;border:1px solid #7c3aed;border-radius:16px;width:100%;max-width:420px;padding:40px}.auth-card h2{color:#a78bfa;margin-bottom:8px;font-size:1.8rem}.auth-subtitle{color:#888;margin-bottom:24px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input{color:#fff;background:#0f0f1a;border:1px solid #7c3aed;border-radius:8px;outline:none;padding:12px 16px;font-size:1rem}.auth-input:focus{border-color:#a78bfa}.auth-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:12px;font-size:1rem;transition:background .2s}.auth-btn:hover{background:#6d28d9}.auth-error{color:#f87171;background:#1f1f2e;border-radius:8px;margin-bottom:12px;padding:10px}.auth-switch{color:#888;margin-top:20px}.auth-switch a{color:#a78bfa;text-decoration:none}.header-buttons{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.login-btn{color:#a78bfa;cursor:pointer;background:0 0;border:2px solid #7c3aed;border-radius:20px;padding:10px 20px;font-size:.9rem}.user-info{color:#a78bfa;align-items:center;gap:10px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 16px}.tracker-container{max-width:1100px;margin:0 auto;padding:30px 20px}.tracker-header{text-align:center;margin-bottom:30px}.tracker-header h1{color:#a78bfa;font-size:2rem}.tracker-header p{color:#888;margin:8px 0 16px}.back-btn{color:#a78bfa;cursor:pointer;background:0 0;border:2px solid #7c3aed;border-radius:8px;padding:8px 18px}.tracker-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.stat-card{text-align:center;background:#1a1a2e;border:2px solid;border-radius:12px;min-width:120px;padding:20px 30px}.stat-card h3{margin:0;font-size:2rem}.stat-card p{color:#888;margin:4px 0 0}.add-app-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;margin:0 auto 20px;padding:12px 28px;font-size:1rem;display:block}.tracker-form{background:#1a1a2e;border:1px solid #7c3aed;border-radius:12px;flex-direction:column;gap:12px;max-width:500px;margin:0 auto 30px;padding:24px;display:flex}.tracker-table-wrapper{overflow-x:auto}.tracker-table{border-collapse:collapse;background:#1a1a2e;border-radius:12px;width:100%;overflow:hidden}.tracker-table th{color:#fff;text-align:left;background:#7c3aed;padding:14px 16px}.tracker-table td{color:#ccc;border-bottom:1px solid #2a2a3e;padding:12px 16px}.tracker-table tr:hover{background:#2a2a3e}.status-select{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 8px;font-weight:700}.delete-btn{cursor:pointer;background:0 0;border:none;font-size:1.2rem}.empty-tracker{text-align:center;color:#888;background:#1a1a2e;border-radius:12px;padding:60px}.tracker-btn{color:#a78bfa;cursor:pointer;background:0 0;border:2px solid #7c3aed;border-radius:20px;padding:10px 20px;font-size:.9rem}.analyzer-container{max-width:1100px;margin:0 auto;padding:30px 20px}.analyzer-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.analyzer-box{flex-direction:column;gap:10px;display:flex}.analyzer-box label{color:#a78bfa;font-size:1rem;font-weight:700}.analyzer-textarea{color:#fff;resize:vertical;background:#1a1a2e;border:1px solid #7c3aed;border-radius:10px;outline:none;height:280px;padding:14px;font-size:.9rem;line-height:1.6}.analyzer-textarea:focus{border-color:#a78bfa}.analyze-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;margin:0 auto 30px;padding:14px 40px;font-size:1.1rem;transition:background .2s;display:block}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.analyze-btn:hover:not(:disabled){background:#6d28d9}.result-card{background:#1a1a2e;border:1px solid #7c3aed;border-radius:16px;padding:30px}.score-circle{border:5px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 30px;display:flex}.score-circle h2{margin:0;font-size:2.2rem}.score-circle p{color:#888;margin:0}.result-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.result-section h3{color:#a78bfa;margin-bottom:12px}.skills-list{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border-radius:20px;padding:6px 14px;font-size:.85rem}.skill-tag.matched{color:#6ee7b7;background:#065f46}.skill-tag.missing{color:#fca5a5;background:#7f1d1d}.suggestion-box{background:#0f0f1a;border-left:4px solid #7c3aed;border-radius:8px;padding:16px 20px}.suggestion-box h3{color:#a78bfa;margin-bottom:8px}.suggestion-box p{color:#ccc;line-height:1.6}@media (width<=768px){.analyzer-grid,.result-grid{grid-template-columns:1fr}}