.jobs-container{background:#000;max-width:1400px;min-height:100vh;margin:0 auto;padding:80px 20px 40px}.jobs-header{text-align:center;color:#f33;background:#0a0a0a;border:2px solid #ff333380;border-radius:20px;margin-bottom:40px;padding:40px 20px;box-shadow:0 10px 40px #ff33331a}.jobs-header h1{color:#f33;text-shadow:0 0 20px #ff333380;margin-bottom:10px;font-size:48px;font-weight:700}.jobs-subtitle{color:#f66;margin-bottom:30px;font-size:20px}.auth-status{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.auth-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ff33334d;border-radius:12px;padding:15px 20px}.connected{color:#fff;align-items:center;gap:10px;display:flex}.connected .icon{color:#f66;width:20px;height:20px}.connect-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.github-btn{color:#fff;background:#1a1a1a;border:1px solid #333}.github-btn:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 5px 15px #ff33334d}.handcash-btn{color:#fff;background:linear-gradient(135deg,#38cb7c,#2ea866);border:1px solid #38cb7c4d}.handcash-btn:hover{background:linear-gradient(135deg,#2ea866,#38cb7c);transform:translateY(-2px);box-shadow:0 5px 15px #38cb7c4d}.disconnect-btn{color:#f66;cursor:pointer;background:#f333;border:1px solid #ff33334d;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}.disconnect-btn:hover{color:#fff;background:#ff33334d}.connect-btn .icon{width:20px;height:20px}.jobs-tabs{border-bottom:2px solid #f333;gap:10px;margin-bottom:30px;padding-bottom:0;display:flex}.tab-btn{color:gray;cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.tab-btn:hover{color:#f66}.tab-btn.active{color:#f33;font-weight:600}.tab-btn.active:after{content:"";background:linear-gradient(90deg,#f33,#f66);height:2px;position:absolute;bottom:-2px;left:0;right:0}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px;display:grid}.job-card{background:#1a1a1a;border:1px solid #f333;border-radius:12px;flex-direction:column;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.job-card:before{content:"";background:linear-gradient(90deg,#f33,#c00,#f33) 0 0/200% 100%;height:3px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.job-card:hover{background:#2a2a2a;border-color:#ff333380;transform:translateY(-4px);box-shadow:0 10px 30px #f333}.job-header{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding:0;display:flex}.job-header h3{color:#fff;text-shadow:none;flex:1;margin-right:10px;font-size:18px;font-weight:600}.token-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f33,#f66);border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #ff33334d}.job-description{color:#b0b0b0;flex:1;margin-bottom:20px;font-size:14px;line-height:1.6}.job-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.github-link{color:#f66;align-items:center;gap:5px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.github-link:hover{color:#f33;text-decoration:underline}.accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f33,#c00);border:1px solid #ff33334d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#f66,#f33);transform:translateY(-2px);box-shadow:0 5px 15px #ff33334d}.accept-btn:disabled{color:#666;cursor:not-allowed;background:#333;border-color:#444}.contracts-list{flex-direction:column;gap:20px;display:flex}.contract-card{background:#1a1a1a;border:1px solid #f333;border-radius:12px;padding:24px;transition:all .3s;position:relative}.contract-card:after{content:"";background:linear-gradient(#f33,#c00);width:3px;position:absolute;top:0;bottom:0;left:0}.contract-card:hover{background:#2a2a2a;border-color:#ff333380;box-shadow:0 5px 15px #f333}.contract-header{box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0;display:flex}.contract-header h3{color:#fff;text-shadow:none;font-size:20px;font-weight:600}.status-badge{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge.in_progress{color:#fc0;background:#fc03;border:1px solid #ffcc004d}.status-badge.under_review{color:#09f;background:#09f3;border:1px solid #0099ff4d}.status-badge.completed{color:#00ff7f;background:#00ff7f33;border:1px solid #00ff7f4d}.contract-details{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.contract-details p{color:#b0b0b0;font-size:14px}.contract-actions{gap:15px;display:flex}.pr-link{color:#00ff7f;font-size:14px;font-weight:500;text-decoration:none}.pr-link:hover{text-decoration:underline}.empty-state{text-align:center;color:gray;background:#1a1a1a;border:1px solid #ff33331a;border-radius:12px;padding:60px 20px}.empty-state p{margin-bottom:10px;font-size:18px}.hint{color:#666;font-size:14px}.modal-overlay{z-index:10002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a1a;border:1px solid #ff33334d;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 20px 60px #ff33334d}.modal-content h2{color:#f33;text-align:center;margin-bottom:20px;font-size:28px;font-weight:700}.contract-terms{margin-bottom:30px}.contract-terms h3{color:#fff;margin-bottom:10px;font-size:20px;font-weight:600}.contract-terms .description{color:#b0b0b0;margin-bottom:20px;line-height:1.6}.terms-section{background:#00000080;border:1px solid #f333;border-radius:12px;margin-bottom:20px;padding:20px}.terms-section h4{color:#f66;margin-bottom:15px;font-size:16px;font-weight:600}.terms-section ul{padding:0;list-style:none}.terms-section li{color:#b0b0b0;align-items:flex-start;padding:8px 0;display:flex}.terms-section li:before{content:"▶";color:#f33;margin-right:10px;font-size:12px}.contractor-info{background:#ff33331a;border:1px solid #f333;border-radius:12px;margin-bottom:20px;padding:20px}.contractor-info h4{color:#f66;margin-bottom:10px;font-size:16px;font-weight:600}.contractor-info p{color:#fff;margin:5px 0}.warning-box{color:#fcc;background:#ff00001a;border:1px solid #ff33334d;border-radius:12px;margin-bottom:20px;padding:15px;font-size:14px;line-height:1.6}.warning-box strong{color:#f66}.modal-actions{justify-content:flex-end;gap:15px;display:flex}.cancel-btn{color:#b0b0b0;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.cancel-btn:hover{color:#fff;background:#333;border-color:#666}.confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f33,#c00);border:1px solid #ff33334d;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.confirm-btn:hover{background:linear-gradient(135deg,#f66,#f33);transform:translateY(-2px);box-shadow:0 5px 15px #ff33334d}.completed-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.completed-card{background:#1a1a1a;border:1px solid #00ff7f33;border-radius:12px;padding:20px;position:relative}.completed-card:before{content:"✓";color:#00ff7f;font-size:24px;font-weight:700;position:absolute;top:10px;right:15px}.completed-card h4{color:#fff;margin-bottom:10px;font-size:16px;font-weight:600}.completed-card p{color:#b0b0b0;margin:5px 0;font-size:14px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ff33331a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#ff33334d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ff333380}@media (max-width:768px){.jobs-header h1{font-size:32px}.jobs-subtitle{font-size:16px}.auth-status{flex-direction:column;align-items:stretch}.jobs-grid,.contract-details{grid-template-columns:1fr}.jobs-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-content{padding:20px}.modal-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}