*{margin:0;padding:0;box-sizing:border-box}.img-content{position:relative;background-image:url(/assets/labour-CrOn37m8.png);background-repeat:no-repeat;background-size:cover;width:30vw;height:100vh;color:#fff;display:flex;justify-content:space-between;flex-direction:column;padding:40px}.img-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.img-content>*{position:relative;z-index:2}.title-content{display:flex;flex-direction:column;gap:10px}.title-content h1{margin-bottom:20px}@media screen and (max-width: 1024px){.img-content{width:50vw;padding:30px}.title-content h1{font-size:2rem}}@media screen and (max-width: 768px){.img-content{width:100vw;height:60vh;padding:20px}.title-content h1{font-size:1.5rem}.title-content{gap:5px}}.main{display:flex}@media screen and (max-width: 1024px){.main{flex-direction:column}}main{display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif}main button{cursor:pointer}.main-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-title{display:flex;flex-direction:column;margin-bottom:2vw;text-align:center;width:20vw;min-width:250px;max-width:400px;gap:1vw}form{display:flex;flex-direction:column;align-items:center}form input{width:20vw;min-width:250px;max-width:400px;border-radius:10px;padding:1vw;border:.2px solid rgb(202,202,202);outline:none;font-size:1rem}form input:focus{border-color:#8a2be2}form a{text-decoration:none;color:#8a2be2;margin-bottom:1vw;font-weight:700}.remember-d{display:flex;align-items:center;justify-content:space-between;width:20vw;min-width:250px;max-width:400px;margin:1vw 0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background-color:#ccc;border-radius:34px;transition:.4s;cursor:pointer}.slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#8a2be2}input:checked+.slider:before{transform:translate(26px)}.divider{display:flex;margin:1vw 0;gap:2vw;width:20vw;min-width:250px;max-width:400px}.divider hr{width:100%;border:1px solid rgb(202,202,202);height:1px;margin-top:1vw}.main-content button{margin-top:15px;padding:14px 28px;width:20vw;min-width:250px;max-width:400px;border-radius:20px;background-color:#8a2be2;color:#fff;border:none;transition:transform .3s ease}.main-content button:hover{cursor:pointer;transform:scale(1.1)}.signup{margin-top:20px;display:flex;gap:10px}.signup a{text-decoration:none;color:#8a2be2;font-weight:700}.error{color:red;padding-top:2vw;font-size:1rem}.input-container{position:relative;width:20vw;min-width:250px;max-width:400px;margin:1vw 0}.input-container input{width:100%;border-radius:10px;padding:1vw;border:.2px solid rgb(202,202,202);outline:none;font-size:1rem;background-color:#fff}.input-container input:focus{border-color:#8a2be2}.input-container label{position:absolute;top:50%;left:15px;transform:translateY(-50%);background-color:#fff;padding:0 6px;color:#999;font-size:1rem;pointer-events:none;transition:.2s ease all}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:-8px;left:10px;font-size:.8rem;color:#8a2be2}@media screen and (max-width: 1024px){main{flex-direction:column;align-items:center}}@media screen and (max-width: 768px){main{flex-direction:column;align-items:center}.form-title,form input,.remember-d,.divider,.main-content button,.input-container{width:90vw;min-width:unset;max-width:unset}.divider hr{width:90vw}.form-title{margin-bottom:20px}form input{padding:12px;font-size:.9rem}.main-content button{margin-top:10px;margin-bottom:10px;padding:12px 24px}.signup{flex-direction:column;gap:5px}}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f6f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-container{display:flex;height:100vh}.sidebar{width:320px;background-color:#1f2937;color:#fff;display:flex;flex-direction:column;padding:20px}.logo{font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.menu{display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0;margin:0;flex-grow:1}.menu li{padding:12px 14px;margin-bottom:10px;cursor:pointer;border-radius:8px;transition:background .18s ease,color .18s ease;color:#e5e7eb}.menu li:hover,.menu li.active{background-color:#374151;color:#fff}.sidebar-footer{text-align:center;margin-top:12px}.user-email{display:block;margin-bottom:12px;font-size:13px;color:#9ca3af}.logout-button{width:100%;padding:10px;background-color:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease}.logout-button:hover{background-color:#f87171}.main-content{flex-grow:1;padding:20px;overflow-y:auto}.dashboard-grid{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;height:100%;padding:50px}.card-column{display:flex;flex-direction:column;gap:20px;background-color:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 24px #0c121a14;min-height:420px}.section-card{background-color:#fbfdff;border-radius:10px;padding:14px;flex:1;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 14px #080c140f}.section-card h3{margin:0 0 8px;font-size:16px;color:#0f1724;font-weight:700;border-bottom:2px solid #3b82f6;padding-bottom:8px}.task-card{position:relative;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f2f8ff,#eef6ff);padding:14px 56px 14px 14px;border-radius:12px;box-shadow:0 6px 14px #0a18280f;margin-bottom:12px;transition:transform .14s ease,box-shadow .14s ease;overflow:visible}.task-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0a182817}.task-info h4{margin:0;font-size:15px;color:#0b1220;font-weight:700;line-height:1.2}.task-info p{margin:6px 0 0;font-size:14px;color:#374151;line-height:1.35}.task-meta-group{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 12px}.task-meta{display:inline-block;font-size:13px;color:#6b7280;background:#0f172408;padding:6px 8px;border-radius:8px}.task-card .delete-btn{position:absolute;top:10px;right:10px;z-index:30;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:auto;min-width:48px;height:28px;padding:4px 8px;font-size:12px;line-height:1;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 4px 10px #0000001f;transition:background .12s ease,transform .12s;box-sizing:border-box}.task-card .delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.task-card .delete-btn,.task-card button.delete-btn{width:auto!important;padding:4px 8px!important;font-size:12px!important;height:28px!important}.ranking-card{padding:12px;border-radius:10px;margin-bottom:10px;background:linear-gradient(135deg,#fbbf24,#f97316);color:#fff;text-align:center;font-weight:700;box-shadow:0 8px 18px #0c121a1f;transition:transform .12s ease}.stars{margin-top:8px}.star{color:#ffffff8c;font-size:16px;margin:0 2px}.star.filled{color:#fff}.available-users{display:flex;flex-direction:column;gap:12px}.available-users ul{list-style:none;margin:0;padding:0}.available-users li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e6eef9;font-weight:600;color:#0f1724}.available-users li:last-child{border-bottom:none}.status-dot{width:12px;height:12px;background-color:#10b981;border-radius:50%;flex-shrink:0}.jobs-form,.tasks-form{width:50vw;background-color:#fff;padding:16px;border-radius:10px;box-shadow:0 8px 20px #0c121a0f}.tasks-form textarea{width:100%;min-height:70px;padding:8px;border-radius:6px;border:1px solid #d1d5db;resize:vertical}.tasks-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jobs-form input,.tasks-form input,.jobs-form select,.tasks-form select{width:20vw;display:block;margin-bottom:10px;padding:8px;border-radius:6px;border:1px solid #d1d5db}.jobs-form button[type=submit],.tasks-form button[type=submit]{margin-top:10px;padding:10px 14px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}.jobs-form button[type=submit]:hover,.tasks-form button[type=submit]:hover{background-color:#60a5fa}.days-checkbox{text-align:center}.form-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.form-section h2{margin-bottom:24px}.tasks-wrapper{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.tasks-wrapper::-webkit-scrollbar{width:6px}.tasks-wrapper::-webkit-scrollbar-track{background:transparent}.tasks-wrapper::-webkit-scrollbar-thumb{background-color:#3b82f64d;border-radius:3px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:6px}.pagination button{width:20px;height:20px;background:transparent;border:none;padding:0;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;color:#6b7280;transition:all .15s ease}.pagination button.active{color:#1e40af;border-bottom-color:#1e40af;font-weight:600}.pagination button:hover{color:#3b82f6}.available-user-card{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f2f8ff,#eef6ff);padding:14px;border-radius:12px;box-shadow:0 6px 14px #0a18280f;margin-bottom:12px;transition:transform .14s ease,box-shadow .14s ease}.available-user-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0a182817}.available-user-card h4{margin:0;font-size:15px;font-weight:700;line-height:1.2}.available-user-card p{margin:4px 0 0;font-size:13px;color:#374151}.task-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.task-status.pending{background-color:#facc15;color:#1f2937}.task-status.in-progress{background-color:#3b82f6;color:#fff}.task-status.completed{background-color:#10b981;color:#fff}.task-status.cancelled{background-color:#ef4444;color:#fff}.offers-wrapper{display:flex;flex-direction:column;gap:6px;margin-top:6px}.offer-card{display:flex;justify-content:space-between;align-items:center;background-color:#eef6ff;padding:6px 10px;border-radius:8px;font-size:13px;color:#0f1724;box-shadow:0 2px 6px #00000014;transition:transform .12s ease,box-shadow .12s ease}.offer-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.offer-card button{padding:4px 8px;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;margin-left:6px;transition:all .12s ease}.offer-card button:first-child{background-color:#10b981;color:#fff}.offer-card button:first-child:hover{background-color:#059669}.offer-card button:last-child{background-color:#ef4444;color:#fff}.offer-card button:last-child:hover{background-color:#dc2626}.offer-card-send{align-self:flex-start;background-color:#3b82f6;color:#fff;padding:6px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:all .12s ease}.offer-card-send:hover{background-color:#60a5fa}.offer-info{display:flex;margin-left:6px;justify-content:space-around;align-items:flex-end;gap:200px}.offers-wrapper{max-height:550px;overflow-y:auto;padding-right:2px}.offers-wrapper::-webkit-scrollbar{width:8px}.offers-wrapper::-webkit-scrollbar-track{background:transparent}.offers-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.offer-modal-overlay{position:fixed;top:0;left:0;width:50%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.offer-modal{width:60%;height:70%;background-color:#f0efef;border-radius:8px;padding:20px;overflow:hidden;display:flex;flex-direction:column}.modal-close-btn{position:absolute;top:15px;right:15px;font-size:1.5rem;border:none;background:transparent;cursor:pointer}.task-description{margin-bottom:15px;color:#555}.offers-wrapper{flex:1;overflow-y:auto;margin:10px 0;padding-right:5px;max-height:400px}.no-offers{text-align:center;color:#999;font-style:italic}.offer-inputs input,.offer-inputs textarea{width:100%;padding:10px;margin-bottom:10px;border-radius:10px;border:1px solid #ccc;font-size:1rem;resize:none}.submit-offer-btn{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:10px;cursor:pointer;font-size:1rem}.submit-offer-btn:hover{background-color:#0056b3}@media screen and (max-width: 1024px){.jobs-form{width:80vw}.jobs-form input,.jobs-form select{width:60vw}.dashboard-grid{grid-template-columns:repeat(2,1fr);padding:20px}.sidebar{width:240px}.offer-info{gap:40px;flex-wrap:wrap}}@media screen and (max-width: 768px){.dashboard-container{flex-direction:column;height:auto}.sidebar{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px}.logo{margin-bottom:0;font-size:18px}.menu{flex-direction:row;gap:12px;overflow-x:auto}.menu li{margin-bottom:0;font-size:14px;padding:8px 10px;white-space:nowrap}.sidebar-footer{display:none}.main-content{padding:12px}.dashboard-grid{grid-template-columns:1fr;gap:16px;padding:12px}.card-column{min-height:auto;padding:12px}.task-card{padding:12px 44px 12px 12px;font-size:14px}.task-info h4{font-size:14px}.task-info p{font-size:13px}.offer-info{flex-direction:column;gap:12px;align-items:flex-start}.offer-card{flex-direction:column;align-items:flex-start;gap:8px}.offer-card button,.offer-modal-overlay{width:100%}.offer-modal{width:90%;height:80%}}@media screen and (max-width: 480px){.logo{font-size:16px}.menu li{font-size:12px;padding:6px 8px}.task-card .delete-btn{font-size:11px!important;min-width:40px;height:24px!important}.offer-card button{font-size:11px;padding:6px}}