.contracts-page{color:#fff;background:#0a0a0a;min-height:100vh;padding-top:96px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;transition:margin-left .3s}@media (min-width:769px){.contracts-page.with-sidebar-expanded{margin-left:260px}.contracts-page.with-sidebar-collapsed{margin-left:60px}}.contracts-container{max-width:1200px;margin:0 auto;padding:0 40px}@media (min-width:769px){.contracts-page.with-sidebar-expanded .contracts-container{max-width:calc(100vw - 340px)}.contracts-page.with-sidebar-collapsed .contracts-container{max-width:calc(100vw - 140px)}}@media (min-width:1440px){.contracts-page.with-sidebar-expanded .contracts-container{max-width:min(1200px,100vw - 420px)}.contracts-page.with-sidebar-collapsed .contracts-container{max-width:min(1200px,100vw - 220px)}}.contracts-hero{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:40vh;margin:-24px calc(50% - 50vw) 40px;padding:60px 20px 40px;display:flex;position:relative;left:0;right:0}.contracts-hero h1{letter-spacing:-1px;background:linear-gradient(90deg,#ff1493,#ff69b4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:42px;font-weight:200;line-height:1.1}.contracts-tagline{color:#fff9;max-width:600px;margin:0 auto;font-size:16px;font-weight:300;line-height:1.4}.contracts-badge{letter-spacing:2px;text-transform:uppercase;color:#000;background:linear-gradient(90deg,#ff1493,#ff69b4);border-radius:100px;margin-top:20px;padding:8px 20px;font-size:14px;font-weight:500;display:inline-block}.contracts-tabs-section{background:#0d0d0d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin-bottom:30px;padding:20px 0}.contracts-tabs{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.contracts-tabs button{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:100px;padding:10px 30px;font-family:inherit;font-size:15px;font-weight:400;transition:all .3s}.contracts-tabs button:hover{color:#ff1493;border-color:#ff149380}.contracts-tabs button.active{color:#000;background:linear-gradient(90deg,#ff1493,#ff69b4);border-color:#0000}.contracts-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.stat-value{color:#ff1493;letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:200;display:block}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:400}.contracts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:60px;display:grid}.contract-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s}.contract-card:hover{border-color:#ff1493;transform:translateY(-4px);box-shadow:0 8px 32px #ff14931a}.contract-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.contract-header h3{color:#fff;flex:1;margin:0;padding-right:10px;font-size:18px;font-weight:400}.contract-header .contract-status{text-transform:uppercase;letter-spacing:.8px;color:#000;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:600}.contract-title{color:#fff;flex:1;margin:0 0 8px;font-size:18px;font-weight:400}.priority-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.priority-badge.Critical{color:#f44336;background:#f4433633;border:1px solid #f443364d}.priority-badge.High{color:#ff9800;background:#ff980033;border:1px solid #ff98004d}.priority-badge.Medium{color:#ffc107;background:#ffc10733;border:1px solid #ffc1074d}.priority-badge.Low{color:#8bc34a;background:#8bc34a33;border:1px solid #8bc34a4d}.contract-description{color:#ffffffb3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;font-weight:300;line-height:1.6;display:-webkit-box;overflow:hidden}.contract-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.contract-priority{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.contract-reward{color:#ff1493;font-size:14px;font-weight:500}.contract-time{color:#fff9;font-size:14px}.contract-assignee{background:#ff14931a;border:1px solid #ff149333;border-radius:8px;margin-top:16px;padding:12px}.assignee-label{color:#fff9;margin-bottom:4px;font-size:12px;display:block}.assignee-name{color:#ff1493;font-weight:500;display:block}.assignee-deadline{color:#ffffffb3;margin-top:4px;font-size:12px}.contract-pr{margin-top:12px}.contract-pr a{color:#ff69b4;font-size:13px;text-decoration:none}.contract-pr a:hover{text-decoration:underline}.contract-unavailable{opacity:.6;cursor:not-allowed}.contracts-loading{text-align:center;color:#ffffff80;padding:60px 20px;font-size:16px;font-weight:300}.contract-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contract-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:700px;max-height:90vh;padding:40px;position:relative;overflow-y:auto}.contract-modal-content h2{color:#fff;margin:0 0 20px;font-size:24px;font-weight:500}.contract-modal-meta{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.priority-badge,.reward-badge,.time-badge{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.priority-badge{color:#ff1493;background:#ff149333;border:1px solid #ff1493}.reward-badge{color:#ff69b4;background:#ff69b433;border:1px solid #ff69b4}.time-badge{color:#fff;background:#ffffff1a;border:1px solid #fff3}.contract-modal-section{margin-bottom:30px}.contract-modal-section h3{color:#ff1493;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:16px;font-weight:500}.contract-modal-section p{color:#ffffffb3;font-size:14px;line-height:1.6}.skills-list{flex-wrap:wrap;gap:8px;display:flex}.skill-badge{color:#ff1493;background:#ff14931a;border:1px solid #ff14934d;border-radius:16px;padding:4px 12px;font-size:13px}.deliverables-list{margin:0;padding-left:20px}.deliverables-list li{color:#ffffffb3;margin-bottom:8px;font-size:14px;line-height:1.5}.contract-actions{gap:16px;margin-top:30px;display:flex}.github-button{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.github-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.close-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-button:hover{color:#ff1493;background:#ff149333;border-color:#ff1493;transform:rotate(90deg)}.auth-options{flex-direction:column;gap:12px;margin-top:16px;display:flex}.auth-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.auth-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.auth-button.github-auth:hover{background:#6e40c91a;border-color:#6e40c9}.auth-button.google-auth:hover{background:#4285f41a;border-color:#4285f4}.auth-button.handcash-auth:hover{background:#38cb7c1a;border-color:#38cb7c}.auth-button svg{width:20px;height:20px}.claim-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.claim-modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:500px;padding:40px;position:relative}.claim-modal-content h2{color:#ff1493;margin:0 0 16px;font-size:24px;font-weight:500}.claim-modal-content p{color:#ffffffb3;margin-bottom:24px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus{background:#ff14930d;border-color:#ff1493;outline:none}.claim-terms{background:#ff14930d;border:1px solid #ff149333;border-radius:8px;margin-bottom:24px;padding:16px}.claim-terms h4{color:#ff1493;margin:0 0 12px;font-size:14px;font-weight:500}.claim-terms ul{margin:0;padding-left:20px}.claim-terms li{color:#fff9;margin-bottom:6px;font-size:13px}.submit-claim-button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#ff1493,#ff69b4);border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:500;transition:all .3s}.submit-claim-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff14934d}.submit-claim-button:active{transform:translateY(0)}@media (max-width:768px){.contracts-page{padding-top:120px}.contracts-container{padding:0 20px}.contracts-hero h1{font-size:32px}.contracts-grid{grid-template-columns:1fr}.contracts-stats{grid-template-columns:repeat(2,1fr)}.contract-modal-content,.claim-modal-content{padding:20px}.contract-meta{flex-direction:column;align-items:flex-start;gap:8px}.contract-modal-meta{flex-direction:column;align-items:flex-start}}