@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#3a86ff1a,#8338ec1a),url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%233a86ff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-form-container{animation:fadeIn .6s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;max-width:450px;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(0);transition:all .5s ease;width:100%}.login-form-container:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.login-form-container:before{border-radius:0 0 0 100px;height:100px;opacity:.8;right:0;top:0;width:100px}.login-form-container:after,.login-form-container:before{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));content:"";position:absolute;z-index:0}.login-form-container:after{border-radius:0 100px 0 0;bottom:0;height:120px;left:0;opacity:.7;width:120px}.login-logo{color:#3a86ff;color:var(--primary-color);display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem;position:relative;z-index:1}.login-form-container h1{color:#2b2d42;color:var(--dark-color);font-size:1.75rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.login-form-container h1:after{background:linear-gradient(90deg,#3a86ff,#8338ec);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";display:block;height:4px;margin:.75rem auto 0;width:80px}.login-form{z-index:1}.form-group,.login-form{position:relative}.form-group label{color:#2b2d42;transition:all .3s ease}.form-group label i{color:#3a86ff}.input-container{position:relative}.form-group input{background-color:#f9fafb;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{background-color:#fff;border-color:#3a86ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #3a86ff26;outline:none}.password-container{align-items:center;display:flex}.password-toggle{background:none;border:none;color:#555;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2}.password-toggle:hover{color:#3a86ff;color:var(--primary-color)}.forgot-password{margin-bottom:1.5rem;text-align:right}.forgot-password a{color:#3a86ff;color:var(--primary-color);font-size:.9rem;position:relative;text-decoration:none;transition:all .3s ease}.forgot-password a:hover{color:#8338ec;color:var(--secondary-color)}.forgot-password a:after{background-color:#3a86ff;background-color:var(--primary-color);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.forgot-password a:hover:after{transform:scaleX(1);transform-origin:left}.login-button{align-items:center;background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:.9rem;position:relative;transition:all .3s ease;width:100%}.login-button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.login-button:hover:after{left:100%}.login-button:hover:not(:disabled){box-shadow:0 4px 12px #3a86ff4d;transform:translateY(-2px)}.login-button:disabled{background:linear-gradient(135deg,#adb5bd,#868e96);cursor:not-allowed;opacity:.8}.login-button.loading{background-image:linear-gradient(135deg,#4a90e2,#8c54e8)}.login-footer{color:#555;color:var(--text-secondary);font-size:.8rem;margin-top:2rem;position:relative;text-align:center;z-index:1}.error-message{animation:shakeEffect .5s ease-in-out;position:relative;z-index:1}.error-message i{font-size:1.1rem}@keyframes shakeEffect{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}@media (max-width:576px){.login-form-container{border-radius:12px;padding:2rem 1.5rem}.login-form-container:after,.login-form-container:before{height:80px;width:80px}}.task-list{padding:1.5rem}.task-list h2{align-items:center;color:var(--dark-color);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.task-list h2 i{color:var(--primary-color)}.task-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.task-filters{display:flex;gap:1rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.9rem}.filter-group select{background-color:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .3s ease}.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.task-count{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.task-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transform-origin:center;transition:all .3s ease}.task-card,.task-list.animate-in .task-card{animation:fadeInUp .5s forwards}.task-card:hover{box-shadow:0 12px 20px #0000001a;transform:translateY(-5px)}.task-card:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.task-card:hover:after{transform:scaleX(1)}.task-card.completed{border-color:var(--success-color);opacity:.85}.task-card.completed:after{background:var(--success-color);transform:scaleX(1)}.task-header{align-items:flex-start;background-color:#fbfbfb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.task-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-color);display:-webkit-box;flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.status-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-left:.75rem;padding:.35rem .75rem;white-space:nowrap}.status-badge:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.status-pending{background-color:#fff9db;color:#e67700}.status-pending:before{background-color:#e67700}.status-completed{background-color:#ebfbee;color:var(--success-color)}.status-completed:before{background-color:var(--success-color)}.status-in-progress{background-color:#e7f5ff;color:#1971c2}.status-in-progress:before{background-color:#1971c2}.task-body{padding:1.25rem}.task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.priority-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin:.75rem 0;padding:.35rem .75rem}.priority-badge.urgent{background-color:#fff5f5;color:#e03131}.priority-badge.high{background-color:#fff9db;color:#f08c00}.priority-badge.medium{background-color:#e6fcf5;color:#0ca678}.priority-badge.normal{background-color:#e7f5ff;color:#1c7ed6}.task-image{border:1px solid var(--border-color);border-radius:8px;height:160px;margin-bottom:1rem;overflow:hidden;width:100%}.task-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.task-card:hover .task-image img{transform:scale(1.05)}.task-meta{display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;margin-top:1rem}.task-assigned,.task-deadline{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.task-assigned i,.task-deadline i{color:var(--primary-color);font-size:1rem;opacity:.8}.days-left{color:#868e96;font-size:.8rem;font-weight:600;margin-left:.5rem}.days-left.today{color:#f08c00}.days-left.overdue{color:#e03131}.task-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:1rem 1.25rem}.view-details-btn{align-items:center;background-color:var(--primary-light);border:none;border-radius:50px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.view-details-btn:after{content:"→";opacity:0;transform:translateX(-8px);transition:all .3s ease}.view-details-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateX(-4px)}.view-details-btn:hover:after{opacity:1;transform:translateX(4px)}.task-list-empty{align-items:center;animation:fadeIn .5s ease-out;background-color:#fbfbfb;border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:3rem 1rem;text-align:center}.task-list-empty i{color:#c5c5c5;font-size:3rem;margin-bottom:1rem}.task-list-empty h3{color:var(--dark-color);font-weight:600}.refresh-btn{align-items:center;background-color:var(--primary-light);border:none;border-radius:50px;color:var(--primary-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.refresh-btn i{font-size:.9rem}.task-list-loading{align-items:center;animation:fadeIn .5s ease-out;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;text-align:center}.task-list-loading .spinner{height:36px;width:36px}.loading-tasks{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem;width:100%}.loading-card{pointer-events:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.task-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0 8%,#f8f8f8 18%,#f0f0f0 33%);background-size:1000px 100%;border-radius:8px;height:1rem;margin-bottom:.5rem}@media (max-width:992px){.task-list-header{align-items:flex-start;flex-direction:column;gap:1rem}.task-filters{justify-content:space-between;width:100%}}@media (max-width:768px){.task-grid{grid-template-columns:1fr}}@media (max-width:576px){.task-filters{flex-direction:column;gap:.75rem}.filter-group{width:100%}.filter-group select{flex:1 1}.task-header{align-items:flex-start;flex-direction:column}.status-badge{margin-left:0;margin-top:.5rem}}.task-detail{display:flex;flex-direction:column;height:100%;opacity:0;transform:translateY(20px);transition:all .4s ease-out}.task-detail.animate-in{opacity:1;transform:translateY(0)}.task-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.back-button{align-items:center;background-color:initial;border:none;border-radius:50px;color:var(--primary-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background-color:var(--primary-light);transform:translateX(-4px)}.back-button i{font-size:.9rem;transition:transform .3s ease}.back-button:hover i{transform:translateX(-4px)}.task-detail-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;height:100%;overflow-y:auto;padding:1.5rem}.task-info-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden}.task-info-card h2{background-color:#fbfbfb;border-bottom:1px solid var(--border-color);color:var(--dark-color);font-size:1.25rem;font-weight:600;margin:0;padding:1.25rem}.product-image{height:240px;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-image:hover img{transform:scale(1.05)}.task-deadline-banner{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 1rem}.task-deadline-banner i{font-size:1.1rem}.priority-urgent{background-color:#fff5f5;border-left:4px solid #e03131;color:#e03131}.priority-high{background-color:#fff9db;border-left:4px solid #f08c00;color:#f08c00}.priority-medium{background-color:#e6fcf5;border-left:4px solid #0ca678;color:#0ca678}.priority-normal{background-color:#e7f5ff;border-left:4px solid #1c7ed6;color:#1c7ed6}.deadline-text{font-weight:500}.days-left-indicator{font-size:.9rem;font-weight:600;margin-left:auto}.task-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;padding:1.25rem}.detail-item h4{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.detail-item h4 i{color:var(--primary-color);font-size:1rem}.detail-item p{color:var(--text-color);font-size:.95rem;line-height:1.5}.task-comments{border-top:1px solid var(--border-color);padding:1.25rem}.task-comments h4{align-items:center;color:var(--dark-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.task-comments h4 i{color:var(--primary-color)}.comments-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.comment-item{background-color:#f9f9f9;border-left:3px solid var(--primary-color);border-radius:8px;padding:1rem;transition:transform .3s ease}.comment-item:hover{transform:translateX(5px)}.comment-text{font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.comment-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem}.comment-meta:before{color:var(--primary-color);content:"•";font-size:1rem}.task-completion-form{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;height:-webkit-fit-content;height:fit-content;overflow:hidden}.task-completion-form h3{align-items:center;background-color:#fbfbfb;border-bottom:1px solid var(--border-color);color:var(--dark-color);display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin:0;padding:1.25rem}.task-completion-form h3 i{color:var(--primary-color)}.task-completion-form form{padding:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:var(--dark-color);display:block;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-group label i{color:var(--primary-color)}.form-hint{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem}.file-upload-container{height:60px;position:relative}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.file-upload-button{align-items:center;background-color:#f9f9f9;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;height:100%;justify-content:center;padding:.75rem 1rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.file-upload-button i{color:var(--primary-color);font-size:1.5rem}.file-upload-container:hover .file-upload-button{background-color:var(--primary-light);border-color:var(--primary-color)}.form-group textarea{border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.file-preview{border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;max-height:200px;overflow:hidden}.file-preview img{height:100%;object-fit:contain;width:100%}.file-info{align-items:center;background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:.75rem}.file-info i{color:var(--primary-color);font-size:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{align-items:center;background-color:#f1f3f5;border:none;border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button:hover{background-color:#e9ecef;transform:translateY(-2px)}.submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button:hover{background-color:#2a75e8;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.submit-button:disabled{background-color:#adb5bd;box-shadow:none;cursor:not-allowed;transform:none}.task-completed-info{background-color:#fff;border:1px solid var(--success-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;height:-webkit-fit-content;height:fit-content;overflow:hidden}.completed-badge{background-color:#ebfbee;border-bottom:1px solid #d3f9d8;color:var(--success-color);padding:2rem 1rem;text-align:center}.completed-badge i{animation:pulse 2s infinite;font-size:3rem;margin-bottom:1rem}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.completed-badge h3{font-size:1.25rem;margin:0 0 .5rem}.repair-notes{border-bottom:1px solid var(--border-color);padding:1.25rem}.repair-notes h4{align-items:center;color:var(--dark-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.repair-notes h4 i{color:var(--primary-color)}.repair-notes p{font-size:.95rem;line-height:1.6}.task-media{padding:1.25rem}.task-media h4{align-items:center;color:var(--dark-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.task-media h4 i{color:var(--primary-color)}.media-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-item{border:1px solid var(--border-color);border-radius:8px;height:150px;overflow:hidden;transition:all .3s ease}.media-item:hover{box-shadow:0 8px 15px #0000001a;transform:scale(1.05)}.media-item img{height:100%;object-fit:cover;width:100%}.video-link{align-items:center;background-color:#f8f9fa;color:var(--primary-color);display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem;height:100%;justify-content:center;text-decoration:none}.video-link i{font-size:2rem;transition:transform .3s ease}.video-link:hover i{transform:scale(1.2)}@media (max-width:992px){.task-detail-content{grid-template-columns:1fr}.task-completed-info,.task-completion-form,.task-info-card{max-width:100%}}@media (max-width:768px){.task-details-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}}@media (max-width:576px){.task-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.back-button{padding:.5rem 0}}:root{--primary-color:#3a86ff;--primary-light:#e0ecff;--secondary-color:#8338ec;--success-color:#38b000;--warning-color:#ffbe0b;--danger-color:#ff006e;--dark-color:#2b2d42;--light-color:#f8f9fa;--text-color:#222;--text-secondary:#555;--border-color:#e0e0e0;--box-shadow:0 2px 20px #0000001a;--transition-speed:0.3s}body{background-color:#f5f7fb;color:#222;color:var(--text-color);font-family:Poppins,sans-serif}.dashboard{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{align-items:center;background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 10px #00000026;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo-container{align-items:center;display:flex;gap:.75rem}.logo-container i{font-size:1.5rem}.logo-container h1{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.user-info{gap:1rem}.user-info,.user-info span{align-items:center;display:flex}.user-info span{font-weight:500;gap:.5rem}.user-info i{font-size:1.1rem}.logout-button{align-items:center;background-color:#fff3;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s;transition:all var(--transition-speed)}.logout-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.dashboard-container{display:flex;flex:1 1}.dashboard-nav{background-color:#fff;border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);box-shadow:2px 0 5px #0000000d;padding:2rem 0;transition:all .3s;transition:all var(--transition-speed);width:250px}.dashboard-nav ul{list-style:none;padding:0}.nav-item{align-items:center;border-left:4px solid #0000;color:#555;color:var(--text-secondary);cursor:pointer;display:flex;gap:.75rem;margin:.5rem 0;padding:1rem 2rem;transition:all .3s;transition:all var(--transition-speed)}.nav-item i{font-size:1.2rem;opacity:.8}.nav-item.active,.nav-item:hover{background-color:#e0ecff;background-color:var(--primary-light);color:#3a86ff;color:var(--primary-color)}.nav-item.active{border-left:4px solid #3a86ff;border-left:4px solid var(--primary-color);font-weight:500}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.error-message{align-items:center;background-color:#ffecf0;border-left:4px solid #ff006e;border-left:4px solid var(--danger-color);border-radius:8px;color:#ff006e;color:var(--danger-color);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.tasks-container{overflow:hidden}.profile-container,.tasks-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;box-shadow:var(--box-shadow)}.profile-container{animation:fadeInUp .4s ease-out;padding:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-container h2{align-items:center;color:#2b2d42;color:var(--dark-color);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.profile-card{align-items:center;background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;display:flex;gap:2rem;padding:1.5rem;transition:transform .3s;transition:transform var(--transition-speed)}.profile-card:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.profile-avatar{align-items:center;background-color:#e0ecff;background-color:var(--primary-light);border-radius:50%;color:#3a86ff;color:var(--primary-color);display:flex;height:100px;justify-content:center;width:100px}.profile-avatar i{font-size:3rem}.profile-info{flex:1 1}.profile-info p{font-size:1rem;margin:.75rem 0}.profile-info strong{color:#2b2d42;color:var(--dark-color);margin-right:.5rem}.profile-actions{display:flex;gap:1rem;margin-top:2rem}.change-password-btn,.edit-profile-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s;transition:all var(--transition-speed)}.edit-profile-btn{background-color:#e0ecff;background-color:var(--primary-light);color:#3a86ff;color:var(--primary-color)}.edit-profile-btn:hover{background-color:#3a86ff;background-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.change-password-btn{background-color:#f8f9fa;color:#555;color:var(--text-secondary)}.change-password-btn:hover{background-color:#e9ecef;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{border:3px solid #0000001a;border-radius:50%;border-top-color:#3a86ff;border-top:3px solid var(--primary-color);height:24px;margin:0 auto;width:24px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:.5rem;width:16px}@media (max-width:1024px){.dashboard-container{flex-direction:column}.dashboard-nav{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);border-right:none;padding:.5rem 0;width:100%}.dashboard-nav ul{display:flex;flex-wrap:wrap;justify-content:center}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:.75rem 1.5rem}.nav-item.active{border-bottom:3px solid #3a86ff;border-bottom:3px solid var(--primary-color);border-left:none}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.dashboard-content{padding:1rem}.profile-card{text-align:center}.profile-actions,.profile-card{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.loading-screen{align-items:center;color:#555;display:flex;font-size:1.2rem;height:100vh;justify-content:center}
/*# sourceMappingURL=main.c0dff8a3.css.map*/