.taskManager{background-color:var(--color-bg-sidebar);-webkit-backdrop-filter:blur(12px);border-left:1px solid #ff073a40;width:320px;min-width:300px;height:100vh;position:sticky;top:0;overflow-y:auto;box-shadow:-4px 0 24px #000000b3,-2px 0 12px #ff073a14}.taskManager::-webkit-scrollbar{width:5px}.taskManager::-webkit-scrollbar-track{background:var(--color-bg-app)}.taskManager::-webkit-scrollbar-thumb{background:#ff073a4d;border-radius:4px}.taskManager::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.taskWrapper{flex-direction:column;gap:1.5rem;padding:1.75rem 1.25rem;display:flex}.taskHeadline{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.35rem;padding-bottom:1.25rem;display:flex}.taskHeadline h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.03em}.taskHeadline p{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:.15rem}.taskGuestCard{background-color:var(--color-bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid #ff073a59;flex-direction:column;align-items:center;gap:.85rem;padding:2.25rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #000000b3,0 0 15px #ff073a1a}.taskGuestCard:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:1px;box-shadow:0 0 8px var(--color-primary);position:absolute;top:0;left:15%;right:15%}.taskGuestCard .taskGuestIcon{border-radius:var(--radius-full);background-color:#ff073a1f;border:1px solid #ff073a80;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.25rem;animation:3s ease-in-out infinite neonPulse;display:flex;box-shadow:0 0 16px #ff073a59}.taskGuestCard .taskGuestIcon svg{width:24px;height:24px;stroke:var(--color-primary);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--color-primary))}.taskGuestCard h2{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em}.taskGuestCard p{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);max-width:230px;line-height:var(--leading-relaxed)}.taskManagerHead{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.taskHeadLeft{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.taskManagerHead h1{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.03em;text-shadow:0 0 10px #ff073a33}.taskCountBadge{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-primary-muted);border-radius:var(--radius-full);letter-spacing:.04em;border:1px solid #ff073a66;padding:.15rem .55rem;box-shadow:0 0 8px #ff073a26}.taskRefreshBtn{color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;background-color:#ffffff08;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.taskRefreshBtn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-muted);transform:rotate(45deg);box-shadow:0 0 10px #ff073a4d}.taskRefreshBtn:disabled{opacity:.5;cursor:not-allowed}.taskRefreshBtn svg.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.taskListContainer{flex-direction:column;gap:1rem;display:flex}.taskSkeletonList{flex-direction:column;gap:.75rem;display:flex}.taskSkeletonItem{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08 0%,#ff073a14 50%,#ffffff08 100%) 0 0/200% 100%;border:1px solid #ffffff0d;height:85px;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.taskErrorCard{border-radius:var(--radius-md);text-align:center;background-color:#ff073a0f;border:1px solid #ff073a66;flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem 1rem;display:flex}.taskErrorIcon{color:var(--color-primary);filter:drop-shadow(0 0 6px var(--color-primary))}.taskErrorMessage{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.taskRetryBtn{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.45rem 1rem;transition:all .2s;box-shadow:0 0 10px #ff073a4d}.taskRetryBtn:hover{background-color:var(--color-primary-hover);box-shadow:0 0 16px #ff073a99}.taskEmptyState{background-color:var(--color-bg-card);border-radius:var(--radius-lg);text-align:center;border:1px dashed #ffffff1f;flex-direction:column;align-items:center;gap:.6rem;padding:2.25rem 1rem;display:flex}.taskEmptyIcon{color:var(--color-text-muted);opacity:.7;margin-bottom:.25rem}.taskEmptyState h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.02em}.taskEmptyState p{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);max-width:200px;line-height:var(--leading-relaxed)}.taskList{flex-direction:column;gap:.75rem;display:flex}.taskItem{background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid #ffffff14;border-left:3px solid #ffffff26;flex-direction:column;gap:.45rem;padding:.85rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.taskItem:hover{background-color:var(--color-bg-card-subtle);border-color:#ff073a59;transform:translateY(-2px);box-shadow:0 4px 18px #0009,0 0 12px #ff073a26}.taskItem.status-pending{border-left-color:gold}.taskItem.status-pending:hover{border-color:#ffd70066;box-shadow:0 4px 18px #0009,0 0 12px #ffd70026}.taskItem.status-in_progress,.taskItem.status-in-progress,.taskItem.status-ongoing{border-left-color:#00e5ff}.taskItem.status-in_progress:hover,.taskItem.status-in-progress:hover,.taskItem.status-ongoing:hover{border-color:#00e5ff66;box-shadow:0 4px 18px #0009,0 0 12px #00e5ff26}.taskItem.status-completed,.taskItem.status-done{border-left-color:#0f8}.taskItem.status-completed:hover,.taskItem.status-done:hover{border-color:#0f86;box-shadow:0 4px 18px #0009,0 0 12px #00ff8826}.taskItem-header{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.taskItem-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-word;line-height:1.35}.taskStatusBadge{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;border-radius:var(--radius-xs);text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:.15rem .45rem}.taskStatusBadge.badge-pending{background-color:var(--color-tag-yellow-bg);border:1px solid var(--color-tag-yellow-border);color:var(--color-tag-yellow-text)}.taskStatusBadge.badge-in_progress,.taskStatusBadge.badge-in-progress,.taskStatusBadge.badge-ongoing{background-color:var(--color-tag-blue-bg);border:1px solid var(--color-tag-blue-border);color:var(--color-tag-blue-text)}.taskStatusBadge.badge-completed,.taskStatusBadge.badge-done{background-color:var(--color-tag-green-bg);border:1px solid var(--color-tag-green-border);color:var(--color-tag-green-text)}.taskItem-desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.taskItem-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;padding-top:.45rem;display:flex}.taskItem-meta-group{flex-direction:column;gap:.15rem;display:flex}.taskItem-meta{font-family:var(--font-body);font-size:var(--text-2xs);color:var(--color-text-muted)}.taskItem-due{color:var(--color-primary);font-weight:var(--font-weight-medium)}.taskCompleteBtn{border-radius:var(--radius-sm);color:#0f8;font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);cursor:pointer;letter-spacing:.02em;background-color:#00ff8814;border:1px solid #00ff884d;align-items:center;gap:.35rem;padding:.3rem .6rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.taskCompleteBtn:hover:not(:disabled){color:#050505;background-color:#0f8;border-color:#0f8;transform:translateY(-1px);box-shadow:0 0 12px #0f86}.taskCompleteBtn:disabled{opacity:.6;cursor:not-allowed}.taskCompleteSpinner{border:2px solid #00ff884d;border-top-color:#0f8;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes neonPulse{0%,to{border-color:#ff073a66;box-shadow:0 0 12px #ff073a4d}50%{border-color:#ff073acc;box-shadow:0 0 22px #ff073a99}}@media (max-width:768px){.taskManager{border-top:1px solid #ff073a40;border-left:none;width:100%;min-width:0;height:auto;position:static;box-shadow:0 -4px 24px #000000b3}}.taskOperator{text-align:left;flex-direction:column;gap:1.5rem;width:100%;max-width:640px;margin:0 auto;display:flex}.taskOperatorHead{flex-direction:column;gap:.45rem;display:flex}.taskOperatorBadge{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-primary-muted);border-radius:var(--radius-full);letter-spacing:.06em;border:1px solid #ff073a66;align-self:flex-start;padding:.15rem .55rem;box-shadow:0 0 10px #ff073a33}.taskOperatorHead h1,.taskOperator>h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:.04em;text-shadow:0 0 15px #ff073a59;margin:0}.taskOperatorHead p{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.taskOperatorForm,.taskOperator form{background-color:var(--color-bg-card,#0f0f15);border-radius:var(--radius-lg);border:1px solid #ff073a59;flex-direction:column;gap:1.25rem;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #000000bf,0 0 20px #ff073a14}.taskOperatorForm:before,.taskOperator form:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:1px;box-shadow:0 0 10px var(--color-primary);position:absolute;top:0;left:10%;right:10%}.taskOperatorForm h2,.taskOperator form h2{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.03em;border-bottom:1px solid #ffffff14;margin:0;padding-bottom:.75rem}.taskOperatorGroup{text-align:left;flex-direction:column;flex:1;gap:.45rem;display:flex}.taskOperatorGroup label,.taskOperator form label{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase}.taskOperatorGroup input,.taskOperatorGroup select,.taskOperator form input,.taskOperator form select{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg-input,#0c0c12);border-radius:var(--radius-md);border:1px solid #ffffff1f;outline:none;width:100%;padding:.7rem .9rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.taskOperatorGroup input::placeholder,.taskOperator form input::placeholder{color:var(--color-text-muted)}.taskOperatorGroup input:focus,.taskOperatorGroup select:focus,.taskOperator form input:focus,.taskOperator form select:focus{border-color:var(--color-primary);background-color:#14141d;box-shadow:0 0 14px #ff073a59,inset 0 0 8px #ff073a0f}.taskOperatorGroup input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)sepia()saturate(5)hue-rotate(310deg);cursor:pointer;opacity:.8;transition:opacity .2s}.taskOperator form input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)sepia()saturate(5)hue-rotate(310deg);cursor:pointer;opacity:.8;transition:opacity .2s}.taskOperatorGroup input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.taskOperator form input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.taskOperatorGroup select option,.taskOperator form select option{color:var(--color-text-primary);background-color:#0c0c12;padding:.5rem}.taskOperatorRow{gap:1rem;display:flex}@media (max-width:600px){.taskOperatorRow{flex-direction:column;gap:1rem}}.taskOperatorSubmitBtn,.taskOperator form button[type=submit]{background:linear-gradient(135deg, var(--color-primary) 0%, #d6002f 100%);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.03em;border:1px solid #ff073acc;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.8rem 1.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 15px #ff073a59}.taskOperatorSubmitBtn:hover,.taskOperator form button[type=submit]:hover{background:linear-gradient(135deg, var(--color-primary-hover) 0%, #ff1f4c 100%);transform:translateY(-2px);box-shadow:0 0 25px #ff073a99}.taskOperatorSubmitBtn:active,.taskOperator form button[type=submit]:active{transform:scale(.98)}
