*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.dashboard-layout{display:flex;min-height:100vh;position:relative}.sidebar{position:fixed;left:0;top:0;height:100%;width:250px;background-color:#fff;border-right:1px solid #ddd;z-index:100;transition:transform .3s ease-in-out}.sidebar-mobile,.sidebar-mobile.sidebar-hidden{transform:translate(-100%)}.sidebar-mobile:not(.sidebar-hidden){transform:translate(0)}.mobile-menu-button{position:fixed;top:20px;left:12px;z-index:200;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.mobile-menu-button:hover{background-color:#f9f9f9;box-shadow:0 4px 8px #00000026}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:99;transition:opacity .3s ease-in-out}.sidebar a{text-decoration:none;color:inherit}.sidebar a:hover{text-decoration:none}.sidebar a:focus{text-decoration:none;outline:none}.task-card-link{text-decoration:none;color:inherit;display:block}.task-card-link:hover{text-decoration:none}.task-card-link:focus{text-decoration:none;outline:none}.task-card{padding:20px;cursor:pointer;transition:all .2s ease;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.task-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.task-card-title{font-size:18px;font-weight:600;color:#222;flex:1;margin-right:12px;line-height:1.4}.task-card-priority{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize;white-space:nowrap}.task-card-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-footer{display:flex;flex-direction:column;gap:8px}.task-card-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#666}.task-card-meta-item{display:flex;align-items:center;gap:6px}.task-card-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize}.main-content{flex:1;margin-left:250px;padding:20px;transition:margin-left .3s ease-in-out}.main-content-mobile{margin-left:0;width:100%}@media(max-width:767px){.main-content{margin-left:0;width:100%;padding:20px 20px 20px 60px}.sidebar{transform:translate(-100%)}.sidebar:not(.sidebar-hidden){transform:translate(0)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.w-12{width:48px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mr-2{margin-right:8px}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#666}.text-gray-600{color:#555}.text-gray-900{color:#222}.text-blue-600{color:#06c}.text-green-600{color:#090}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9f9f9}.bg-gray-100{background-color:#f0f0f0}.bg-gray-200{background-color:#e0e0e0}.bg-gray-300{background-color:#ccc}.bg-blue-50{background-color:#e6f3ff}.bg-blue-100{background-color:#cce6ff}.bg-red-100{background-color:#ffe6e6}.border{border:1px solid #ddd}.border-r{border-right:1px solid #ddd}.border-t{border-top:1px solid #ddd}.border-b{border-bottom:1px solid #ddd}.border-2{border-width:2px}.border-gray-200{border-color:#ddd}.border-gray-300{border-color:#ccc}.border-red-500{border-color:#c00}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 2px 6px #0000001a}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.left-0{left:0}.top-0{top:0}.left-3{left:12px}.top-1\/2{top:50%}.transform{transform:translateY(-50%)}.z-40{z-index:40}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-2{grid-column:span 2}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:col-span-2{grid-column:span 2}}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-8{width:32px}.w-10{width:40px}.w-14{width:56px}.w-16{width:64px}.w-28{width:112px}.w-64{width:256px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-14{height:56px}.h-16{height:64px}.h-28{height:112px}.min-h-\[400px\]{min-height:400px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-x-1>*+*{margin-left:4px}.space-x-2>*+*{margin-left:8px}.space-x-3>*+*{margin-left:12px}.space-x-4>*+*{margin-left:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:bg-gray-50:hover{background-color:#f9f9f9}.hover\:bg-gray-300:hover{background-color:#ccc}.hover\:shadow-md:hover{box-shadow:0 2px 6px #0000001a}.hover\:text-gray-700:hover{color:#444}.transition-colors{transition:background-color .2s}.transition-all{transition:all .2s}.transition-shadow{transition:box-shadow .2s}.duration-200{transition-duration:.2s}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #06c}.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px #06c}.focus\:ring-gray-400:focus{box-shadow:0 0 0 2px #999}.focus\:ring-red-500:focus{box-shadow:0 0 0 2px #c00}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=text],input[type=email],input[type=password],select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background-color:#06c;color:#fff;border-color:#06c}.btn-primary:hover{background-color:#0052a3}.btn-outline{background-color:transparent;color:#444;border-color:#ccc}.btn-outline:hover{background-color:#f9f9f9}.btn-sm{padding:4px 12px;font-size:12px}.card{background-color:#fff;border-radius:8px;border:1px solid #ddd;box-shadow:0 1px 3px #0000001a}.auth-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:32px;width:100%;max-width:400px;margin:0 auto}.auth-container{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;padding:16px}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#2563eb;border-radius:50%;margin-bottom:16px}.auth-title{font-size:30px;font-weight:700;color:#111827;margin-bottom:8px}.auth-subtitle{color:#6b7280;font-size:16px}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-message{padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.auth-footer{margin-top:24px;text-align:center}.auth-link{color:#2563eb;text-decoration:none;font-weight:500}.auth-link:hover{color:#1d4ed8;text-decoration:none}.form-container{padding:24px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-field input,.form-field textarea,.form-field select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.form-field textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.form-actions .btn{flex:1}.task-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.task-title{font-size:24px;font-weight:700;color:#222;margin-bottom:12px}.task-badges{display:flex;align-items:center;gap:12px;margin-bottom:16px}.task-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.task-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.task-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.task-section h3{font-size:18px;font-weight:600;color:#222;margin-bottom:12px}.task-description{color:#444;line-height:1.6;font-size:16px}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.task-info-item{display:flex;align-items:flex-start;gap:12px}.task-info-icon{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.task-info-content{flex:1}.task-info-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.task-info-value{font-size:14px;font-weight:600;color:#222}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.status-pending{color:#f90}.status-in-progress{color:#06c}.status-completed{color:#090}.status-cancelled{color:#c00}.priority-low{color:#090}.priority-medium{color:#f90}.priority-high{color:#c00}.pl-10{padding-left:40px}.pr-10{padding-right:40px}.text-red-600{color:#c00}.text-gray-700{color:#444}.text-gray-800{color:#333}.min-w-0{min-width:0}.max-w-4xl{max-width:896px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bg-red-600{background-color:#c00}.bg-red-700{background-color:#b30000}.bg-yellow-100{background-color:#fff9e6}.bg-green-100{background-color:#e6ffe6}.text-yellow-700{color:#b38600}.text-green-700{color:#060}.text-red-700{color:#b30000}.dashboard-content{padding:20px}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:30px;font-weight:700;color:#111827;margin-bottom:8px}.dashboard-subtitle{color:#6b7280;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr}}.progress-card{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:24px}.progress-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:16px}.progress-item{margin-bottom:16px}.progress-item:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.progress-label-text{color:#6b7280}.progress-label-value{font-weight:500;color:#111827}.progress-bar-container{width:100%;background-color:#e5e7eb;border-radius:9999px;height:12px;overflow:hidden}.progress-bar{height:100%;border-radius:9999px;transition:width .3s ease}.progress-bar-blue{background-color:#2563eb}.progress-bar-green{background-color:#10b981}.progress-bar-orange{background-color:#f59e0b}.recent-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-tasks-title{font-size:20px;font-weight:700;color:#111827}.recent-tasks-link{font-size:14px;color:#2563eb;text-decoration:none;font-weight:500}.recent-tasks-link:hover{color:#1d4ed8;text-decoration:none}.recent-tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{padding:12px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;text-decoration:none;color:inherit;display:block}.task-item:hover{border-color:#93c5fd;background-color:#eff6ff;text-decoration:none}.task-item-content{display:flex;align-items:flex-start;justify-content:space-between}.task-item-info{flex:1}.task-item-title{font-weight:500;color:#111827;margin-bottom:4px}.task-item-assignee{font-size:14px;color:#6b7280}.task-priority{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:capitalize}.priority-high{background-color:#fef2f2;color:#dc2626}.priority-medium{background-color:#fffbeb;color:#d97706}.priority-low{background-color:#f0fdf4;color:#16a34a}.input-container{width:100%}.input-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.input-wrapper{position:relative}.input-field{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-field.error{border-color:#dc2626}.input-field.password{padding-right:40px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#374151}.password-toggle:focus{outline:none;color:#2563eb}.input-error{margin-top:4px;font-size:14px;color:#dc2626}.form-row{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:20px}@media(min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-row-single{margin-bottom:20px}.form-row-single .form-field{margin-bottom:0}.task-form-container{max-width:768px;margin:0 auto;padding:24px}.task-form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.task-form-title{font-size:24px;font-weight:700;color:#111827}.task-form-card{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;padding:24px}.task-form-loading{display:flex;align-items:center;justify-content:center;padding:32px 0}.task-form-loading-content{text-align:center}.task-form-spinner{animation:spin 1s linear infinite;border-radius:50%;height:32px;width:32px;border-bottom:2px solid #2563eb;margin:0 auto 16px}.task-form-error{text-align:center;padding:32px 0}.task-form-error-content{color:#dc2626;margin-bottom:16px}.task-form-error-title{font-weight:500;margin-bottom:4px}.task-form-error-message{font-size:14px}.file-attachment-container{margin-bottom:20px}.file-attachment-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.file-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background-color:#f9fafb;transition:all .2s ease;cursor:pointer}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:#2563eb;background-color:#eff6ff}.file-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.file-drop-zone-icon{width:48px;height:48px;color:#6b7280}.file-drop-zone-text{font-size:16px;font-weight:500;color:#374151;margin-bottom:4px}.file-drop-zone-subtext{font-size:14px;color:#6b7280}.file-input{display:none}.file-list{margin-top:16px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f3f4f6;border-radius:8px;margin-bottom:8px}.file-item-info{display:flex;align-items:center;gap:12px;flex:1}.file-icon{width:24px;height:24px;color:#6b7280}.file-details{flex:1}.file-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:2px}.file-size{font-size:12px;color:#6b7280}.file-remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.file-remove:hover{background-color:#fef2f2}.file-limit-warning{margin-top:8px;padding:8px 12px;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:14px;color:#92400e}.file-error{margin-top:8px;padding:8px 12px;background-color:#fef2f2;border:1px solid #dc2626;border-radius:6px;font-size:14px;color:#dc2626}.file-type-image{color:#10b981}.file-type-pdf{color:#dc2626}.file-type-doc{color:#2563eb}.file-item-image{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s ease}.file-item-image:hover{transform:scale(1.05)}.file-item-info-with-image{display:flex;align-items:center;gap:12px;flex:1}.file-details-with-image{flex:1}.image-preview-modal{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-preview-content{position:relative;max-width:90vw;max-height:90vh;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.image-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.image-preview-title{font-size:16px;font-weight:600;color:#111827}.image-preview-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.image-preview-close:hover{background-color:#f3f4f6;color:#374151}.image-preview-body{padding:20px;text-align:center}.image-preview-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px}.image-preview-info{margin-top:16px;font-size:14px;color:#6b7280}.image-preview-filename{font-weight:500;color:#111827;margin-bottom:4px}.image-preview-size{color:#6b7280}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal{background-color:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal-header{display:flex;align-items:center;padding:24px 24px 0;gap:16px}.confirmation-modal-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#fef2f2}.confirmation-modal-title{font-size:20px;font-weight:600;color:#111827;flex:1;margin:0}.confirmation-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.confirmation-modal-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-body{padding:24px}.confirmation-modal-message{font-size:16px;color:#374151;line-height:1.5;margin:0}.confirmation-modal-footer{display:flex;gap:12px;padding:0 24px 24px;justify-content:flex-end}.confirmation-modal-cancel{min-width:80px}.confirmation-modal-confirm{min-width:100px}.confirmation-modal-icon.warning{background-color:#fffbeb}.confirmation-modal-icon.info{background-color:#eff6ff}@media(max-width:640px){.confirmation-modal{margin:0 16px;max-width:none}.confirmation-modal-header{padding:20px 20px 0}.confirmation-modal-body{padding:20px}.confirmation-modal-footer{padding:0 20px 20px;flex-direction:column-reverse}.confirmation-modal-cancel,.confirmation-modal-confirm{width:100%}}.existing-attachment{border-left:3px solid #10b981;background-color:#f0fdf4}.existing-attachment .file-name{color:#059669;font-weight:500}.existing-attachment .file-size{color:#6b7280;font-style:italic}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;margin-bottom:16px}.auth-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.auth-subtitle{font-size:16px;color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.auth-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.auth-message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.auth-message.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider-line{flex:1;height:1px;background-color:#e5e7eb}.auth-divider-text{padding:0 16px;font-size:14px;color:#6b7280;font-weight:500}.auth-google-container{margin-bottom:24px}.auth-footer{text-align:center}.auth-link{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#1d4ed8;text-decoration:underline}@media(max-width:480px){.auth-container{padding:16px}.auth-card{padding:24px}.auth-title{font-size:24px}}