.recently-updated-tasks-task-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f3f4f6;position:relative;overflow:hidden}.recently-updated-tasks-task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#c49a9a,#0f2338);opacity:0;transition:opacity .3s ease}.recently-updated-tasks-task-card:hover:before{opacity:1}.recently-updated-tasks-task-card:after{content:"";position:absolute;top:50%;right:0;width:3px;height:60%;transform:translateY(-50%);background:linear-gradient(180deg,#c49a9a,#c49a9a4d);opacity:0;transition:all .3s ease;border-radius:2px}.recently-updated-tasks-task-card:hover:after{opacity:.8;width:4px}.recently-updated-tasks-task-card:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateY(-3px);box-shadow:0 8px 25px #0f233814,0 4px 12px #0000000a;border-color:#e5e7eb}.recently-updated-tasks-task-card-content{display:flex;align-items:center;gap:1rem}.recently-updated-tasks-task-card-priority-indicator{width:4px;height:32px;border-radius:2px;flex-shrink:0}.recently-updated-tasks-task-card-priority-indicator[data-priority=high]{background:linear-gradient(135deg,var(--priority-high-primary) 0%,var(--priority-high-secondary) 50%,#c49a9a 100%);box-shadow:0 0 8px var(--priority-high-alpha-20),0 0 4px #c49a9a33}.recently-updated-tasks-task-card-priority-indicator[data-priority=normal]{background:linear-gradient(135deg,var(--priority-normal-primary) 0%,var(--priority-normal-secondary) 50%,#c49a9a 100%);box-shadow:0 0 8px var(--priority-normal-alpha-20),0 0 4px #c49a9a4d}.recently-updated-tasks-task-card-priority-indicator[data-priority=low]{background:linear-gradient(135deg,var(--priority-low-primary) 0%,var(--priority-low-secondary) 50%,rgba(196,154,154,.3) 100%);box-shadow:0 0 8px var(--priority-low-alpha-20),0 0 4px #c49a9a33}.recently-updated-tasks-task-card-details{flex:1;min-width:0}.recently-updated-tasks-task-card-title{font-size:1rem;font-weight:600;color:#0f2338;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.recently-updated-tasks-task-card-meta{display:flex;gap:1rem;font-size:.8rem;color:#6b7280;align-items:center}.recently-updated-tasks-task-card-updated-time{font-weight:600;color:#374151}@media (max-width: 768px){.recently-updated-tasks-task-card{padding:1rem}}@media (max-width: 480px){.recently-updated-tasks-task-card-content{flex-direction:column;align-items:flex-start;gap:.75rem}.recently-updated-tasks-task-card-priority-indicator{width:100%;height:4px;border-radius:2px}.recently-updated-tasks-task-card{padding:.875rem}.recently-updated-tasks-task-card-meta{flex-wrap:wrap;gap:.5rem}}@media (max-width: 360px){.recently-updated-tasks-task-card{padding:.75rem}}@media (prefers-reduced-motion: reduce){.recently-updated-tasks-task-card{transition:none}.recently-updated-tasks-task-card:hover{transform:none}}.dashboard{height:100%;display:flex;flex-direction:column;padding:1rem;overflow:hidden;background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0;background:#fff;padding:.875rem 1.25rem;border-radius:14px;box-shadow:0 4px 12px #0f233814;border:1px solid rgba(255,255,255,.8)}.dashboard-title{font-size:2rem;font-weight:700;color:#0f2338;margin:0;background:linear-gradient(135deg,#0f2338,#1a3b5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-actions{display:flex;gap:1rem;align-items:center}.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary{min-width:150px}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:1.25rem;flex:1;min-height:0;max-height:100%;overflow:hidden}.dashboard-left{display:flex;flex-direction:column;gap:1rem;min-height:0;max-height:100%;overflow:hidden}.dashboard-right{display:flex;flex-direction:column;gap:1.25rem;min-height:0}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0f233814,0 4px 12px #0000000a;overflow:hidden;display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f23381f,0 6px 16px #00000014,0 0 20px #c49a9a1a;border-color:#c49a9a33}.dashboard-card:has(.stats-grid){flex-shrink:0;height:auto}.dashboard-card:has(.stats-grid) .card-content{overflow:visible;flex:none}.dashboard-right .dashboard-card:first-child{flex-shrink:0;height:auto}.dashboard-right .dashboard-card:first-child .card-content{overflow:visible;flex:none}.dashboard-card.scrollable{flex:1;min-height:0;max-height:100%;overflow:hidden}.card-header{padding:1.25rem 1.75rem .875rem;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:linear-gradient(135deg,#fff,#f9fafb)}.card-header:has(.tab-navigation){padding-bottom:.75rem;border-bottom:none}.dashboard-card:has(.tab-navigation) .card-header{padding-bottom:.75rem;border-bottom:none}.dashboard-left .dashboard-card:first-child .card-header{padding-bottom:.75rem;border-bottom:none}.card-title{font-size:1.125rem;font-weight:700;color:#0f2338;margin:0;letter-spacing:-.025em}.card-subtitle{font-size:.875rem;color:#6b7280;font-weight:500}.card-content{padding:1rem 1.75rem;flex:1;min-height:0}.card-content.scrollable{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%}.card-content.scrollable::-webkit-scrollbar{width:6px;background:transparent}.card-content.scrollable::-webkit-scrollbar-thumb{background:#0f23381a;border-radius:3px}.card-content.scrollable::-webkit-scrollbar-thumb:hover{background:#0f233833}.card-content.scrollable::-webkit-scrollbar-track{background:transparent}.card-content.scrollable{scrollbar-width:thin;scrollbar-color:rgba(15,35,56,.1) transparent}.task-list{min-height:0;flex-shrink:1}.dashboard-card.scrollable .card-content{position:relative;overflow-y:auto;overflow-x:hidden}.card-content.scrollable:before{content:"";position:sticky;top:0;left:0;right:0;height:8px;background:linear-gradient(to bottom,#fff,#fff0);z-index:1;pointer-events:none}.card-content.scrollable:after{content:"";position:sticky;bottom:0;left:0;right:0;height:8px;background:linear-gradient(to top,#fff,#fff0);z-index:1;pointer-events:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.stat-item{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;padding:1rem .75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f3f4f6;position:relative;overflow:hidden;min-height:70px;display:flex;flex-direction:column;justify-content:center}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c49a9a,#0f2338,#c49a9a);opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#c49a9a 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.stat-item:hover:after{opacity:.6}.stat-item:hover{background:linear-gradient(135deg,#fff,#f8f9fa);transform:translateY(-4px);box-shadow:0 8px 25px #0f23381a;border-color:#e5e7eb}.stat-value{font-size:32px;font-weight:700;color:#0f2338;margin-bottom:.25rem;line-height:1;background:linear-gradient(135deg,#0f2338,#1a3b5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;font-weight:600;color:#6b7280;line-height:1.1;text-transform:uppercase;letter-spacing:.025em}.task-list{display:flex;flex-direction:column;gap:.625rem}.task-priority-indicator{width:4px;height:32px;border-radius:2px;flex-shrink:0}.task-priority-indicator[data-priority=high]{background:linear-gradient(135deg,var(--priority-high-primary) 0%,var(--priority-high-secondary) 50%,#c49a9a 100%);box-shadow:0 0 8px var(--priority-high-alpha-20),0 0 4px #c49a9a33}.task-priority-indicator[data-priority=normal]{background:linear-gradient(135deg,var(--priority-normal-primary) 0%,var(--priority-normal-secondary) 50%,#c49a9a 100%);box-shadow:0 0 8px var(--priority-normal-alpha-20),0 0 4px #c49a9a4d}.task-priority-indicator[data-priority=low]{background:linear-gradient(135deg,var(--priority-low-primary) 0%,var(--priority-low-secondary) 50%,rgba(196,154,154,.3) 100%);box-shadow:0 0 8px var(--priority-low-alpha-20),0 0 4px #c49a9a33}.recent-task-item{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f3f4f6;position:relative;overflow:hidden}.recent-task-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#c49a9a,#0f2338);opacity:0;transition:opacity .3s ease}.recent-task-item:hover:before{opacity:1}.recent-task-item:after{content:"";position:absolute;top:50%;right:0;width:3px;height:60%;transform:translateY(-50%);background:linear-gradient(180deg,#c49a9a,#c49a9a4d);opacity:0;transition:all .3s ease;border-radius:2px}.recent-task-item:hover:after{opacity:.8;width:4px}.recent-task-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateY(-3px);box-shadow:0 8px 25px #0f233814,0 4px 12px #0000000a;border-color:#e5e7eb}.recent-task-content{display:flex;align-items:center;gap:1rem}.recent-task-details{flex:1;min-width:0}.recent-task-title{font-size:1rem;font-weight:600;color:#0f2338;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.recent-task-meta{display:flex;gap:1rem;font-size:.8rem;color:#6b7280;align-items:center}.recent-updated-time{font-weight:600;color:#374151}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#6b7280;gap:1rem;min-height:150px;flex:1}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #0f2338;border-right:3px solid #c49a9a;border-radius:50%;animation:spin 1s ease-in-out infinite}.empty-state{text-align:center;padding:2rem 1rem;color:#6b7280;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px dashed #e5e7eb;margin:.5rem 0;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.empty-state p{margin:0;font-size:1rem;font-weight:500;color:#374151}.empty-state:before{content:"📋";font-size:2rem;display:block;margin-bottom:.5rem;opacity:.7}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem}.error-message{background:var(--due-date-overdue-bg-gradient);color:var(--due-date-overdue-primary);padding:1.5rem 2rem;border-radius:12px;border:1px solid #fca5a5;box-shadow:0 4px 12px var(--due-date-overdue-alpha-20);font-weight:500;position:relative}.error-message:before{content:"⚠️";font-size:1.25rem;margin-right:.5rem}@media (max-width: 1440px) and (min-width: 1025px){.dashboard-grid{grid-template-columns:1.6fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:.625rem}.stat-item{padding:.875rem .625rem;min-height:65px}.stat-value{font-size:29px}.stat-label{font-size:.7rem}}@media (max-width: 1024px){.dashboard{padding:1.25rem;height:100%;overflow:hidden}.dashboard-header{margin-bottom:1.25rem;padding:1rem 1.25rem}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem;flex:1;min-height:0;overflow:hidden}.dashboard-right{order:-1}.dashboard-left{flex:1;min-height:0;overflow:hidden}.stats-grid{grid-template-columns:1fr 1fr;gap:.625rem}.stat-item{padding:.875rem .625rem;min-height:60px}.stat-value{font-size:27px}.stat-label{font-size:.6875rem}.card-header{padding:1.25rem 1.5rem .75rem}.card-content{padding:1rem 1.5rem}}@media (max-width: 768px){.dashboard{padding:.75rem;background:linear-gradient(135deg,#f3f4f6,#f9fafb);height:100%;overflow:hidden}.dashboard-header{flex-direction:column;gap:.75rem;align-items:stretch;padding:.75rem;margin-bottom:.75rem}.dashboard-title{text-align:center;font-size:1.75rem}.dashboard-actions{justify-content:center;flex-wrap:wrap}.dashboard-grid{gap:.75rem;flex:1;min-height:0;overflow:hidden}.dashboard-left,.dashboard-right{gap:.75rem;min-height:0;overflow:hidden}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.card-header{padding:1rem 1.25rem .75rem}.card-content{padding:.875rem 1.25rem}.recent-task-item{padding:1rem}}@media (max-width: 480px){.dashboard{padding:.75rem;height:100%;overflow:hidden}.dashboard-header{padding:.875rem;margin-bottom:1rem}.dashboard-title{font-size:1.5rem}.dashboard-actions{flex-direction:column;gap:.5rem}.btn-primary,.btn-secondary{justify-content:center;padding:.75rem 1rem;font-size:.875rem;width:100%}.dashboard-grid{gap:1rem;flex:1;min-height:0;overflow:hidden}.dashboard-left,.dashboard-right{gap:1rem;min-height:0;overflow:hidden}.stats-grid{grid-template-columns:1fr 1fr;gap:.375rem}.stat-item{padding:1rem .875rem}.recent-task-content{flex-direction:column;align-items:flex-start;gap:.75rem}.task-priority-indicator{width:100%;height:4px;border-radius:2px}.card-header{padding:.875rem 1rem .625rem}.card-content{padding:.75rem 1rem}.recent-task-item{padding:.875rem}.recent-task-meta{flex-wrap:wrap;gap:.5rem}.dashboard-onboarding{padding:.5rem;max-height:calc(100vh - 200px);overflow-y:auto}}.dashboard-onboarding{max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out;flex:1;overflow-y:auto;padding:1rem;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-content{display:flex;flex-direction:column;gap:2.5rem}.onboarding-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1rem;border-radius:12px;transition:all .3s ease;background:linear-gradient(135deg,#fffc,#f8f9facc)}.onboarding-step:hover{background:linear-gradient(135deg,#fffffff2,#f8f9faf2);transform:translateY(-2px);box-shadow:0 4px 12px #0f233814}.step-number{width:40px;height:40px;color:#fff;border-radius:50%;display:flex;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #0f233840;position:relative}.step-number:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#c49a9a,#0f2338,#c49a9a);z-index:-1;opacity:0;transition:opacity .3s ease}.onboarding-step:hover .step-number:before{opacity:1}.step-content{flex:1}.step-content h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:#0f2338;line-height:1.3;letter-spacing:-.025em}.step-content p{margin:0;color:#374151;line-height:1.6;font-size:1rem;font-weight:400}@media (max-width: 768px){.dashboard-onboarding{max-width:100%;padding:.5rem;max-height:calc(100vh - 180px);overflow-y:auto}.onboarding-step{flex-direction:column;text-align:center;gap:1rem;padding:1rem .75rem}.step-number{align-self:center}.step-content h3{font-size:1.125rem}.step-content p{font-size:.9375rem}}@media (max-width: 360px){.dashboard{padding:.5rem}.dashboard-header{padding:.75rem;margin-bottom:.75rem}.dashboard-title{font-size:1.25rem}.dashboard-grid,.dashboard-left,.dashboard-right{gap:.75rem}.card-header{padding:.75rem .875rem .5rem}.card-content{padding:.625rem .875rem}.stat-item{padding:.875rem .75rem}.stat-value{font-size:27px}.recent-task-item{padding:.75rem}}@media (max-height: 500px) and (orientation: landscape){.dashboard{padding:.75rem}.dashboard-header{margin-bottom:.75rem;padding:.75rem 1rem}.dashboard-grid,.dashboard-left,.dashboard-right{gap:.75rem}.card-header{padding:.75rem 1rem .5rem}.card-content{padding:.5rem 1rem}.dashboard-onboarding{max-height:calc(100vh - 120px);overflow-y:auto}}@media (min-resolution: 2dppx){.dashboard-card{box-shadow:0 4px 12px #0f23380f,0 2px 6px #00000008}.dashboard-card:hover{box-shadow:0 6px 15px #0f233817,0 3px 8px #0000000f}}.dashboard *{box-sizing:border-box}@media (prefers-reduced-motion: reduce){.dashboard-card,.recent-task-item,.stat-item,.onboarding-step{transition:none;animation:none}.dashboard-card:hover,.recent-task-item:hover,.stat-item:hover{transform:none}}@media print{.dashboard{background:#fff!important;padding:0!important}.dashboard-header{box-shadow:none!important;border:1px solid #ccc}.dashboard-card{box-shadow:none!important;border:1px solid #ddd;break-inside:avoid}.card-content.scrollable{overflow:visible!important;max-height:none!important}}.toolbar{position:relative;z-index:100;background-color:#fff;border-bottom:2px solid #dfe1e6;box-shadow:0 2px 8px #00000014;padding:10px 0;flex-shrink:0}.toolbar-content{width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar-left{display:flex;align-items:center;gap:12px}.toolbar-right{flex-shrink:0;display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;gap:12px;padding-right:20px;border-right:1px solid #dfe1e6}.user-email{font-size:14px;color:#42526e;font-weight:500}.logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#fff;border:1px solid #dfe1e6;border-radius:3px;color:#42526e;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#f4f5f7;border-color:#c1c7d0;color:#172b4d}.logout-btn .btn-icon{width:14px;height:14px}.search-input-wrapper{flex:1;max-width:400px;position:relative;display:flex;align-items:center;background-color:transparent;border:2px solid transparent;border-radius:8px;padding:10px 18px;transition:all .2s}.search-input-wrapper:focus-within{border-color:#0f2338;background-color:#fff;box-shadow:0 0 0 2px #0f23381a}.search-icon{margin-right:8px;color:#9fadbc;opacity:.7;width:16px;height:16px;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#172b4d;padding:0}.search-input::placeholder{color:#6b778c}.clear-search{background:none;border:none;cursor:pointer;color:#6b778c;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.clear-search:hover{background-color:#091e4214;color:#172b4d}.panel-controls{display:flex;gap:8px}.new-task-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#0f2338;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0f23381a}.new-task-btn:hover{background-color:#0a1520;transform:translateY(-1px);box-shadow:0 4px 8px #0f233826}.new-task-btn .btn-icon{width:16px;height:16px}.new-task-btn.active{background-color:#0a1520;box-shadow:0 4px 8px #0f233826}.control-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:2px solid #dfe1e6;background-color:#fff;color:#172b4d;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:40px;position:relative}.control-btn:hover{border-color:#0f2338;background-color:#f4f5f7}.control-btn:active{transform:translateY(1px)}.toggle-panels-btn{transition:all .3s ease}.toggle-panels-btn.expand-mode:hover{border-color:#059669;color:#059669}.toggle-panels-btn.collapse-mode:hover{border-color:#dc2626;color:#dc2626}.toggle-panels-btn .btn-icon{transition:transform .3s ease}.btn-icon{width:16px;height:16px;display:block}.control-btn[title]:before{content:attr(title);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background-color:#172b4d;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;white-space:normal;max-width:200px;text-align:center;line-height:1.4;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.control-btn[title]:after{content:"";position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) scale(.8);border:4px solid transparent;border-bottom-color:#172b4d;opacity:0;pointer-events:none;transition:all .2s ease;z-index:1000}.control-btn[title]:hover:before,.control-btn[title]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.control-btn:first-child[title]:before{left:0;transform:translate(0) scale(.8)}.control-btn:first-child[title]:hover:before{transform:translate(0) scale(1)}.control-btn:first-child[title]:after{left:20px}.filter-panel{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(223,225,230,.3);padding:24px 20px 32px;position:relative;max-height:70vh;overflow-y:auto;overflow-x:hidden;animation:premiumSlideDown .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #0f233814,0 8px 32px #0f23381f,inset 0 1px #fffc;scrollbar-width:thin;scrollbar-color:rgba(15,35,56,.3) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.filter-panel::-webkit-scrollbar{width:8px}.filter-panel::-webkit-scrollbar-track{background:transparent;border-radius:4px}.filter-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f233833,#c49a9a4d);border-radius:4px;transition:all .3s ease}.filter-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f233866,#c49a9a80)}.filter-panel::-webkit-scrollbar-corner{background:transparent}.filter-panel:after{content:"";position:sticky;bottom:0;left:0;right:0;height:8px;background:linear-gradient(to top,rgba(248,250,252,.9) 0%,rgba(248,250,252,.5) 50%,transparent 100%);pointer-events:none;z-index:10}.filter-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f233805,#c49a9a08,#0f233805);pointer-events:none;z-index:1}@keyframes premiumSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.98);filter:blur(4px)}60%{opacity:.8;transform:translateY(2px) scale(1.01);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.filter-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:flex-start;position:relative;z-index:2}.filter-group{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:20px;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0f233814,0 1px 3px #0f23380d,inset 0 1px #fffc;transition:all .4s cubic-bezier(.4,0,.2,1);animation:filterGroupSlideIn .8s cubic-bezier(.34,1.56,.64,1) backwards}.filter-group:nth-child(1){animation-delay:.1s}.filter-group:nth-child(2){animation-delay:.2s}.filter-group:nth-child(3){animation-delay:.3s}@keyframes filterGroupSlideIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-group:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f233826,0 4px 12px #0f233814,inset 0 1px #ffffffe6;border-color:#0f23381a}.filter-group:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,35,56,.02) 0%,transparent 50%,rgba(196,154,154,.02) 100%);border-radius:16px;pointer-events:none;opacity:0;transition:opacity .3s ease}.filter-group:hover:before{opacity:1}.filter-group .filter-label{font-size:15px;font-weight:700;color:#0f2338;margin-bottom:16px;position:relative;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.filter-group .filter-label:after{content:"";position:absolute;bottom:-4px;left:0;width:32px;height:3px;background:linear-gradient(90deg,#0f2338,#c49a9a);border-radius:2px;opacity:.8}.task-type-checkboxes{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}.task-type-checkbox-item{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#fffc,#f8fafce6);border:1px solid rgba(223,225,230,.4);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:filterItemSlideIn .6s cubic-bezier(.34,1.56,.64,1) backwards}.task-type-checkbox-item:nth-child(1){animation-delay:.05s}.task-type-checkbox-item:nth-child(2){animation-delay:.1s}.task-type-checkbox-item:nth-child(3){animation-delay:.15s}.task-type-checkbox-item:nth-child(4){animation-delay:.2s}@keyframes filterItemSlideIn{0%{opacity:0;transform:translate(-12px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.task-type-checkbox-item:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-color:#0f233833;box-shadow:0 4px 12px #0f233814,0 2px 6px #0f23380d}.task-type-checkbox{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.task-type-checkbox-item:before{content:"";width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;background:linear-gradient(135deg,#fff,#f9fafb);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;box-shadow:inset 0 1px 2px #0000000d}.task-type-checkbox:checked+.task-type-checkbox-item:before,.task-type-checkbox-item:has(.task-type-checkbox:checked):before{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338;transform:scale(1.05);box-shadow:0 0 0 2px #0f23381a,0 2px 8px #0f233833,inset 0 1px 2px #fff3}.task-type-checkbox:checked+.task-type-checkbox-item:after,.task-type-checkbox-item:has(.task-type-checkbox:checked):after{content:"✓";position:absolute;left:19px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:700;opacity:1;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.task-type-label{font-size:14px;color:#374151;font-weight:600;line-height:1.4;transition:color .3s ease}.task-type-checkbox:checked~.task-type-label,.task-type-checkbox-item:has(.task-type-checkbox:checked) .task-type-label{color:#0f2338}.priority-checkboxes{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}.priority-checkbox-item{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#fffc,#f8fafce6);border:1px solid rgba(223,225,230,.4);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:filterItemSlideIn .6s cubic-bezier(.34,1.56,.64,1) backwards}.priority-checkbox-item:nth-child(1){animation-delay:.05s}.priority-checkbox-item:nth-child(2){animation-delay:.1s}.priority-checkbox-item:nth-child(3){animation-delay:.15s}.priority-checkbox-item:hover{transform:translateY(-1px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-color:#0f233833;box-shadow:0 4px 12px #0f233814,0 2px 6px #0f23380d}.priority-checkbox{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.priority-checkbox-item:before{content:"";width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;background:linear-gradient(135deg,#fff,#f9fafb);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;box-shadow:inset 0 1px 2px #0000000d}.priority-checkbox:checked+.priority-checkbox-item:before,.priority-checkbox-item:has(.priority-checkbox:checked):before{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338;transform:scale(1.05);box-shadow:0 0 0 2px #0f23381a,0 2px 8px #0f233833,inset 0 1px 2px #fff3}.priority-checkbox:checked+.priority-checkbox-item:after,.priority-checkbox-item:has(.priority-checkbox:checked):after{content:"✓";position:absolute;left:19px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:700;opacity:1;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}.priority-label{font-size:14px;color:#374151;font-weight:600;line-height:1.4;transition:color .3s ease}.priority-checkbox:checked~.priority-label,.priority-checkbox-item:has(.priority-checkbox:checked) .priority-label{color:#0f2338}.date-range-inputs{display:flex;flex-direction:column;gap:16px;margin-top:4px}.date-range-field{position:relative;width:100%}.filter-date-picker{width:100%}.filter-date-picker .premium-date-picker__trigger{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);font-size:14px;font-weight:600;color:#374151;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 1px 3px #0f23380d,inset 0 1px #fffc;position:relative}.filter-date-picker .premium-date-picker__trigger:hover{transform:translateY(-1px);border-color:#d1d5db;background:linear-gradient(135deg,#fffffff2,#f8fafc);box-shadow:0 4px 12px #0f233814,0 2px 6px #0f23380d,inset 0 1px #ffffffe6}.filter-date-picker .premium-date-picker__trigger:focus,.filter-date-picker .premium-date-picker--open .premium-date-picker__trigger{outline:none;border-color:#0f2338;background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #0f23381a,0 4px 12px #0f233826,inset 0 1px #ffffffe6}.filter-date-picker .premium-date-picker__panel{z-index:1200;min-width:320px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:fixed}.filter-date-picker .premium-date-picker__panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffc,#f8fafcd9,#f1f5f9e6);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 25px -5px #0f23381a,0 10px 10px -5px #0f23380a,inset 0 1px #ffffffe6;z-index:-1}.filter-date-picker .premium-date-picker__chevron svg{color:#0f2338;transition:all .3s ease}.filter-date-picker .premium-date-picker--open .premium-date-picker__chevron svg{transform:rotate(180deg);color:#c49a9a}.date-separator{color:#6b7280;font-size:14px;font-weight:600;text-align:center;position:relative;padding:0 16px;text-transform:uppercase;letter-spacing:1px}.date-separator:before,.date-separator:after{content:"";position:absolute;top:50%;width:20px;height:2px;background:linear-gradient(90deg,#0f23384d,#c49a9a4d);border-radius:1px}.date-separator:before{left:-24px}.date-separator:after{right:-24px}.active-filters-indicator{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#c49a9a14,#fffffff2);border:1px solid rgba(196,154,154,.3);border-radius:12px;margin-right:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #c49a9a1f,0 1px 3px #c49a9a14,inset 0 1px #fffc;animation:premiumSlideInFromRight .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.active-filters-indicator:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(196,154,154,.02) 0%,transparent 50%,rgba(15,35,56,.02) 100%);border-radius:12px;pointer-events:none}@keyframes premiumSlideInFromRight{0%{opacity:0;transform:translate(24px) scale(.95);filter:blur(4px)}60%{opacity:.8;transform:translate(-2px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0px)}}.filter-count-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:linear-gradient(135deg,#c49a9a,#b8908f);color:#fff;border-radius:12px;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 8px #c49a9a4d,inset 0 1px #ffffff4d;position:relative;z-index:2;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.filter-text{font-size:14px;color:#0f2338;font-weight:600;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.clear-filters-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(220,38,38,.2);border-radius:10px;color:#dc2626;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.clear-filters-btn:hover{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#dc2626;color:#b91c1c;transform:scale(1.1);box-shadow:0 4px 12px #dc262633,0 2px 6px #dc26261a}.clear-filters-btn:active{transform:scale(.95)}.new-task-btn.has-filters{position:relative}@media (max-width: 768px){.toolbar{padding:12px 16px}.toolbar-content{flex-direction:column;gap:16px}.toolbar-left{width:100%;max-width:none;flex-direction:column;gap:12px}.toolbar-toggles-group{flex-direction:column;gap:12px;width:100%}.my-tasks-toggle-container,.in-focus-toggle-container{width:100%;justify-content:center}.toolbar-right{width:100%;max-width:none;justify-content:center;gap:12px}.view-mode-toggle-icons{margin-right:8px;gap:4px}.view-mode-icon-btn{width:36px;height:36px;border-radius:10px;box-shadow:0 2px 8px #c49a9a0f,0 1px 3px #c49a9a0a,inset 0 1px #ffffffe6}.view-mode-icon-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px #c49a9a1f,0 3px 8px #c49a9a14,inset 0 1px #fffffff2}.view-mode-icon-btn.active{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px #c49a9a4d,0 3px 8px #c49a9a33,inset 0 1px #ffffff40}.search-input-wrapper{max-width:none}.filter-panel{padding:20px 16px 28px;background:linear-gradient(135deg,#fffffffa,#f8fafc)}.filter-content{display:flex;flex-direction:column;gap:20px;align-items:stretch}.filter-group{width:100%;padding:16px;margin-bottom:0}.filter-group .filter-label{font-size:14px;margin-bottom:12px}.task-type-checkboxes,.priority-checkboxes{gap:10px}.task-type-checkbox-item,.priority-checkbox-item{padding:10px 14px;border-radius:10px}.date-range-inputs{gap:12px}.filter-date{padding:10px 14px;border-radius:10px}.date-separator{text-align:center;margin:4px 0}.date-separator:before,.date-separator:after{width:16px;left:-20px}.date-separator:after{right:-20px}.active-filters-indicator{order:-1;margin-right:0;margin-bottom:12px;width:100%;justify-content:center;padding:10px 16px;border-radius:10px}.filter-text{font-size:13px}.filter-count-badge{min-width:20px;height:20px;font-size:11px;border-radius:10px}.clear-filters-btn{width:24px;height:24px;border-radius:8px}}@media (max-width: 480px){.control-btn{padding:8px 12px;font-size:13px}.btn-icon{font-size:14px}.view-mode-toggle-icons{gap:3px;margin-right:6px}.view-mode-icon-btn{width:34px;height:34px;border-radius:8px;border-width:1.5px}.view-mode-icon-btn svg{width:14px;height:14px}.view-mode-icon-btn:hover,.view-mode-icon-btn.active{transform:translateY(-1px) scale(1.02)}.view-mode-icon-btn[title]:before{padding:8px 12px;font-size:11px;border-radius:8px;top:calc(100% + 8px)}.view-mode-icon-btn[title]:after{top:calc(100% + 3px);border-width:5px}.filter-panel{padding:16px 12px 24px;max-height:75vh;scrollbar-width:none;-ms-overflow-style:none}.filter-panel::-webkit-scrollbar{display:none}.filter-group{padding:14px;border-radius:12px}.task-type-checkbox-item,.priority-checkbox-item{padding:8px 12px;font-size:13px}.filter-date-picker .premium-date-picker__trigger{padding:10px 14px;font-size:13px;border-radius:10px}.filter-date-picker .premium-date-picker__panel{min-width:300px}}@media (prefers-reduced-motion: reduce){.filter-panel,.filter-group,.task-type-checkbox-item,.priority-checkbox-item,.filter-date-picker .premium-date-picker__trigger,.filter-date-picker .premium-date-picker__panel,.active-filters-indicator,.clear-filters-btn,.filter-count-badge,.view-mode-icon-btn{animation:none!important;transition:none!important}.task-type-checkbox-item:hover,.priority-checkbox-item:hover,.filter-date-picker .premium-date-picker__trigger:hover,.clear-filters-btn:hover,.view-mode-icon-btn:hover{transform:none!important}.filter-date-picker .premium-date-picker__chevron svg,.view-mode-icon-btn svg{transform:none!important}.view-mode-icon-btn:after{transition:none!important}}@media (prefers-contrast: high){.filter-panel{border:3px solid #000000;background:#fff}.filter-group,.task-type-checkbox-item,.priority-checkbox-item{border:2px solid #000000;background:#fff}.task-type-checkbox-item:before,.priority-checkbox-item:before{border:3px solid #000000;background:#fff}.task-type-checkbox:checked+.task-type-checkbox-item:before,.priority-checkbox:checked+.priority-checkbox-item:before{background:#000;border-color:#000}.filter-date-picker .premium-date-picker__trigger{border:3px solid #000000;background:#fff}.view-mode-icon-btn{border:3px solid #000000;background:#fff;color:#000}.view-mode-icon-btn:hover{border-color:#c49a9a;background:#fff;color:#c49a9a}.view-mode-icon-btn.active{background:#c49a9a;border-color:#c49a9a;color:#fff}}.task-type-checkbox:focus-visible+.task-type-checkbox-item,.priority-checkbox:focus-visible+.priority-checkbox-item,.filter-date-picker .premium-date-picker__trigger:focus-visible,.clear-filters-btn:focus-visible{outline:3px solid #0F2338;outline-offset:2px;z-index:100}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comments-filter{display:flex;flex-direction:column;gap:8px}.comments-checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;user-select:none}.comments-checkbox-item:hover{background-color:#f4f5f7}.comments-checkbox{margin:0;cursor:pointer}.comments-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#172b4d;font-weight:500;cursor:pointer}.comments-icon{font-size:14px}.view-mode-toggle-icons{display:flex;gap:6px;margin-right:12px;position:relative}.view-mode-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:linear-gradient(135deg,#fffffff2,#f8fafcfa,#f1f5f9fc);color:#374151;border:2px solid rgba(196,154,154,.3);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 2px 8px #c49a9a14,0 1px 3px #c49a9a0d,inset 0 1px #ffffffe6,inset 0 -1px #c49a9a0d;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.05)}.view-mode-icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c49a9a08,#c49a9a03 30%,#b8908f05 70%,#b8908f0a);border-radius:10px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.view-mode-icon-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.view-mode-icon-btn:hover{transform:translateY(-2px) scale(1.05);border-color:#c49a9a99;color:#c49a9a;background:linear-gradient(135deg,#fffffffa,#f8fafc,#f1f5f9);box-shadow:0 8px 25px #c49a9a26,0 4px 12px #c49a9a1a,inset 0 1px #fffffff2,inset 0 -1px #c49a9a14}.view-mode-icon-btn:hover:before{opacity:1}.view-mode-icon-btn:hover:after{left:100%}.view-mode-icon-btn.active{background:linear-gradient(135deg,#c49a9a,#b8908f,#a67f7e);border-color:#c49a9a;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #c49a9a59,0 4px 12px #c49a9a40,inset 0 1px #ffffff40,inset 0 -1px #0000001a;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);text-shadow:0 1px 2px rgba(0,0,0,.3)}.view-mode-icon-btn.active:before{opacity:0}.view-mode-icon-btn svg{width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.view-mode-icon-btn:hover svg{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 2px 4px rgba(196,154,154,.2))}.view-mode-icon-btn.active svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.view-mode-icon-btn[title]:before{content:attr(title);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) scale(.8);background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 8px 25px #0f233826,0 4px 12px #0f23381a,inset 0 1px #fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);letter-spacing:.025em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.view-mode-icon-btn[title]:after{content:"";position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.8);border:6px solid transparent;border-bottom-color:#0f2338;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;filter:drop-shadow(0 2px 4px rgba(15,35,56,.2))}.view-mode-icon-btn:hover[title]:before,.view-mode-icon-btn:hover[title]:after{opacity:1;transform:translate(-50%) scale(1)}.view-mode-icon-btn:hover[title]:before{background:linear-gradient(135deg,#c49a9a,#b8908f);box-shadow:0 12px 32px #c49a9a33,0 6px 16px #c49a9a26,inset 0 1px #ffffff4d}.view-mode-icon-btn:hover[title]:after{border-bottom-color:#c49a9a}.view-mode-icon-btn.active[title]:before{background:linear-gradient(135deg,#a67f7e,#947270);box-shadow:0 12px 32px #a67f7e40,0 6px 16px #a67f7e33,inset 0 1px #ffffff4d}.view-mode-icon-btn.active[title]:after{border-bottom-color:#a67f7e}.view-mode-icon-btn:focus-visible{outline:none;border-color:#c49a9a;box-shadow:0 0 0 4px #c49a9a26,0 8px 25px #c49a9a40,0 4px 12px #c49a9a26,inset 0 1px #fffffff2;transform:translateY(-2px) scale(1.05);z-index:100}.view-mode-icon-btn.active:focus-visible{box-shadow:0 0 0 4px #ffffff4d,0 8px 25px #c49a9a66,0 4px 12px #c49a9a4d,inset 0 1px #ffffff4d}.view-mode-icon-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s cubic-bezier(.4,0,.2,1)}.view-mode-icon-btn.active:active{transform:translateY(-1px) scale(1.02)}.my-tasks-toggle-container,.in-focus-toggle-container{display:flex;align-items:center}.my-tasks-toggle-label,.in-focus-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:#172b4d;user-select:none}.toggle-label-text{white-space:nowrap}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:all .3s ease;border-radius:24px;border:2px solid #e2e8f0}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-input:checked+.toggle-slider{background-color:#c49a9a;border-color:#b8908f}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 2px #c49a9a33}.my-tasks-toggle-label:hover .toggle-slider{background-color:#94a3b8}.my-tasks-toggle-label:hover .toggle-input:checked+.toggle-slider{background-color:#b8908f}.toolbar-toggles-group{display:flex;align-items:center;gap:20px}.manager-toolbar{background:#f8f9fa;border-bottom:2px solid #e5e7eb;padding:.75rem 1.5rem;box-shadow:0 2px 8px #0000000d}.manager-toolbar-content{display:flex;justify-content:space-between;align-items:center;max-width:100%;gap:1rem}.manager-toolbar-content:not(:has(.manager-toolbar-left)){justify-content:flex-end}.manager-toolbar-left,.manager-toolbar-right{display:flex;align-items:center;gap:1rem}.manager-toolbar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.manager-toolbar-btn:hover{background:#f9fafb;border-color:#c49a9a;color:#0f2338;transform:translateY(-1px);box-shadow:0 2px 8px #c49a9a33}.manager-toolbar-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.manager-toolbar-icon{flex-shrink:0}.manager-toolbar-left .manager-toolbar-btn--back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.manager-toolbar-left .manager-toolbar-btn--back:hover{background:#f9fafb;border-color:#c49a9a;color:#0f2338;transform:translateY(-1px);box-shadow:0 2px 8px #c49a9a33}.manager-toolbar-left .manager-toolbar-btn--back:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.manager-toolbar-selector{display:flex;align-items:center;gap:.75rem}.manager-toolbar-label{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.manager-toolbar{padding:.5rem 1rem}.manager-toolbar-content{flex-direction:column;align-items:stretch;gap:.75rem}.manager-toolbar-left,.manager-toolbar-right{width:100%}.manager-toolbar-selector{flex-direction:column;align-items:stretch;gap:.5rem}.manager-toolbar-label{font-size:.75rem}}.filter-panel-left{position:fixed;left:-320px;top:0;bottom:0;width:320px;padding-top:90px;background:linear-gradient(135deg,#fffffffa,#f8fafc);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(223,225,230,.3);box-shadow:2px 0 8px #0f233814,4px 0 32px #0f23380f;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;flex-direction:column;overflow:visible}.filter-panel-left.open{transform:translate(320px)}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(223,225,230,.3);background:linear-gradient(135deg,#0f233805,#0f233803);flex-shrink:0}.filter-panel-title{font-size:18px;font-weight:700;color:#0f2338;margin:0;letter-spacing:-.025em;text-transform:uppercase;position:relative}.filter-panel-title:after{content:"";position:absolute;bottom:-6px;left:0;width:32px;height:3px;background:linear-gradient(90deg,#0f2338,#c49a9a);border-radius:2px}.filter-panel-content{flex:1;overflow-y:auto;overflow-x:visible;padding-left:24px;padding-right:24px;padding-top:12px;scrollbar-width:thin;scrollbar-color:rgba(15,35,56,.3) transparent}.filter-panel-content::-webkit-scrollbar{width:6px}.filter-panel-content::-webkit-scrollbar-track{background:transparent}.filter-panel-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f233833,#c49a9a4d);border-radius:3px}.filter-panel-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f233866,#c49a9a80)}.filter-panel-left .filter-group{margin-bottom:10px;animation:none;overflow:visible;position:relative;z-index:1}.filter-panel-left .filter-group:has(.premium-dropdown){z-index:100}.filter-panel-left .premium-dropdown__panel{z-index:1000!important}.filter-panel-left .filter-label{font-size:14px;font-weight:600;color:#0f2338;margin-bottom:12px;display:block;text-transform:uppercase;letter-spacing:.5px}.filter-panel-left .search-input-wrapper,.filter-panel-left .search-input-wrapper .premium-text-input{width:100%}.filter-panel-left .search-input-wrapper .premium-text-input__field{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:linear-gradient(135deg,#fffc,#f8fafce6);font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-panel-left .search-input-wrapper .premium-text-input__field:hover{border-color:#d1d5db;background:linear-gradient(135deg,#fffffff2,#f8fafc)}.filter-panel-left .search-input-wrapper .premium-text-input__field:focus{outline:none;border-color:#0f2338;background:#fff;box-shadow:0 0 0 3px #0f23381a}.filter-panel-left .task-type-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-panel-left .task-type-checkbox-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,#fff9,#f8fafccc);border:1px solid rgba(223,225,230,.3);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;animation:none}.filter-panel-left .task-type-checkbox-item:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border-color:#0f233833;transform:translate(2px)}.filter-panel-left .task-type-checkbox{position:absolute;opacity:0;width:0;height:0}.filter-panel-left .task-type-checkbox-item:before{content:"";width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.filter-panel-left .task-type-checkbox-item:has(.task-type-checkbox:checked):before{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338}.filter-panel-left .task-type-checkbox-item:has(.task-type-checkbox:checked):after{content:"✓";position:absolute;left:17px;color:#fff;font-size:12px;font-weight:700}.filter-panel-left .task-type-label{font-size:13px;color:#374151;font-weight:500;flex:1}.filter-panel-left .task-type-checkbox-item:has(.task-type-checkbox:checked) .task-type-label{color:#0f2338;font-weight:600}.filter-panel-left .priority-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-panel-left .priority-checkbox-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,#fff9,#f8fafccc);border:1px solid rgba(223,225,230,.3);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;animation:none}.filter-panel-left .priority-checkbox-item:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border-color:#0f233833;transform:translate(2px)}.filter-panel-left .priority-checkbox{position:absolute;opacity:0;width:0;height:0}.filter-panel-left .priority-checkbox-item:before{content:"";width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.filter-panel-left .priority-checkbox-item:has(.priority-checkbox:checked):before{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338}.filter-panel-left .priority-checkbox-item:has(.priority-checkbox:checked):after{content:"✓";position:absolute;left:17px;color:#fff;font-size:12px;font-weight:700}.filter-panel-left .priority-label{font-size:13px;color:#374151;font-weight:500;flex:1}.filter-panel-left .priority-checkbox-item:has(.priority-checkbox:checked) .priority-label{color:#0f2338;font-weight:600}.filter-panel-left .due-date-options{display:flex;flex-direction:column;gap:8px}.filter-panel-left .due-date-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,#fff9,#f8fafccc);border:1px solid rgba(223,225,230,.3);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.filter-panel-left .due-date-option:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border-color:#0f233833;transform:translate(2px)}.filter-panel-left .due-date-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.filter-panel-left .due-date-option:before{content:"";width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.filter-panel-left .due-date-option:has(input[type=radio]:checked):before{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338}.filter-panel-left .due-date-option:has(input[type=radio]:checked):after{content:"●";position:absolute;left:19px;color:#fff;font-size:8px;font-weight:700}.filter-panel-left .due-date-option-label{font-size:13px;color:#374151;font-weight:500;flex:1}.filter-panel-left .due-date-option:has(input[type=radio]:checked) .due-date-option-label{color:#0f2338;font-weight:600}.filter-panel-left .date-range-inputs{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(223,225,230,.3)}.filter-panel-left .date-range-field{width:100%}.filter-panel-left .date-separator{text-align:center;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:8px 0;position:relative}.filter-panel-left .date-separator:before,.filter-panel-left .date-separator:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:linear-gradient(90deg,#0f233833,#c49a9a33)}.filter-panel-left .date-separator:before{left:0}.filter-panel-left .date-separator:after{right:0}.filter-panel-left .filter-date-picker{width:100%}.filter-panel-left .filter-date-picker .premium-date-picker__trigger{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:linear-gradient(135deg,#fffc,#f8fafce6);font-size:13px;font-weight:500;color:#374151}.filter-panel-left .filter-date-picker .premium-date-picker__trigger:hover{border-color:#d1d5db;background:linear-gradient(135deg,#fffffff2,#f8fafc);transform:translateY(-1px)}.filter-panel-left .filter-date-picker .premium-date-picker__trigger:focus,.filter-panel-left .filter-date-picker .premium-date-picker--open .premium-date-picker__trigger{outline:none;border-color:#0f2338;background:#fff}@media (max-width: 768px){.filter-panel-left{width:280px;left:-280px}.filter-panel-left.open{transform:translate(280px)}.filter-panel-header{padding:16px 20px}.filter-panel-content{padding:20px}.filter-panel-left .filter-group{margin-bottom:10px}.filter-panel-left .quick-date-premium-dropdown .dropdown-trigger{padding:8px 12px;font-size:12px;min-height:38px}.filter-panel-left .quick-date-premium-dropdown .option-label,.filter-panel-left .quick-date-premium-dropdown .placeholder{font-size:12px}.filter-panel-left .quick-date-premium-dropdown .dropdown-option{padding:8px 12px;min-height:36px}}@media (max-width: 480px){.filter-panel-left{width:260px;left:-260px}.filter-panel-left.open{transform:translate(260px)}.filter-panel-header{padding:14px 16px}.filter-panel-title{font-size:16px}.filter-panel-content{padding:16px}}.custom-range-link{background:none;border:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;margin-left:8px;padding:2px 4px;border-radius:4px;transition:all .2s ease}.custom-range-link:hover{color:#2563eb;background:#3b82f61a;text-decoration-style:solid}.custom-date-range-modal{max-width:620px!important;width:95%!important;max-height:90vh!important;z-index:10000!important}.custom-date-range-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;border-bottom:none;padding:2rem;border-radius:12px 12px 0 0}.custom-date-range-modal .modal-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;display:flex;align-items:center;gap:.75rem}.custom-date-range-modal .modal-title:before{content:"📅";font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.custom-date-range-modal .modal-close{color:#fff;background:#ffffff1a;border-radius:8px;width:2.5rem;height:2.5rem;font-size:1.5rem;transition:all .2s ease}.custom-date-range-modal .modal-close:hover{background:#fff3;transform:scale(1.05)}.custom-date-range-content{padding:2rem;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:0 0 12px 12px}.modal-description{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border-radius:12px;border-left:4px solid #0f2338}.modal-description p{margin:0;color:#4b5563;font-size:.95rem;line-height:1.6;font-weight:500}.date-range-form{margin-bottom:2rem}.date-range-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.date-range-form .form-group{display:flex;flex-direction:column;gap:.75rem}.date-range-form .form-label{font-size:1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.label-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.premium-date-input{width:100%}.form-help{font-size:.875rem;color:#6b7280;font-style:italic;margin-top:.25rem;display:flex;align-items:center;gap:.375rem}.form-help:before{content:"ℹ️";font-size:.8rem;opacity:.7}.date-range-preview{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #10b981;border-radius:12px;padding:1.5rem;margin-top:1.5rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.preview-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.preview-title{font-size:.9rem;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.025em}.preview-content{font-size:1.1rem;font-weight:700;color:#059669;padding:.75rem 1rem;background:#ffffffb3;border-radius:8px;border:1px solid rgba(16,185,129,.3);text-align:center;letter-spacing:-.025em}.custom-date-range-modal .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:2px solid #e5e7eb;margin-top:1rem}.custom-date-range-modal .btn{padding:.875rem 2rem;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn-icon{font-size:1rem;font-weight:700}.custom-date-range-modal .btn-primary{background:linear-gradient(135deg,#0f2338,#1a3b5c);border:none;color:#fff;position:relative}.custom-date-range-modal .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.custom-date-range-modal .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a3b5c,#0f2338);transform:translateY(-2px);box-shadow:0 8px 20px #0f23384d}.custom-date-range-modal .btn-primary:hover:not(:disabled):before{left:100%}.custom-date-range-modal .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6}.custom-date-range-modal .btn-secondary{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;color:#374151}.custom-date-range-modal .btn-secondary:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.custom-date-range-modal .btn-secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}@media (max-width: 768px){.custom-date-range-modal{max-width:95%!important;margin:1rem!important}.custom-date-range-content,.custom-date-range-modal .modal-header{padding:1.5rem}.custom-date-range-modal .modal-title{font-size:1.25rem}.date-range-form .form-row{grid-template-columns:1fr;gap:1.5rem}.modal-description{padding:1.25rem;margin-bottom:1.5rem}.custom-date-range-modal .form-actions{flex-direction:column-reverse;gap:.75rem}.custom-date-range-modal .btn{width:100%;justify-content:center;padding:1rem 1.5rem}}@media (max-width: 480px){.custom-date-range-modal{max-width:100%!important;margin:.5rem!important;max-height:95vh!important}.custom-date-range-content,.custom-date-range-modal .modal-header{padding:1rem}.custom-date-range-modal .modal-title{font-size:1.125rem}.modal-description{padding:1rem}.modal-description p{font-size:.875rem}.date-range-preview{padding:1rem}.preview-content{font-size:1rem}}.custom-date-range-modal .premium-date-picker__panel{z-index:10020!important;position:fixed!important;margin-top:.5rem;box-shadow:0 12px 32px #0f233840!important;border:2px solid #e5e7eb!important;background:#fff!important;border-radius:16px!important}.custom-date-range-modal .premium-date-picker__panel--above{position:fixed!important;z-index:10020!important;margin-bottom:.5rem;margin-top:0}.custom-date-range-modal .form-actions{z-index:0;position:relative!important}.custom-date-range-modal .modal-body{overflow:hidden!important}.custom-date-range-modal .custom-date-range-content{overflow:visible!important;min-height:auto;padding-bottom:2rem}.custom-date-range-modal .date-range-form .form-group{position:relative;z-index:1}.custom-date-range-modal .premium-date-picker,.custom-date-range-modal .premium-date-picker__container{position:relative!important}.custom-date-range-modal .date-range-form .form-row{margin-bottom:2rem}.custom-date-range-modal{max-height:90vh!important;height:auto!important}@media (max-width: 768px){.custom-date-range-modal .premium-date-picker__panel{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:320px!important;margin:0!important;z-index:10002!important}.custom-date-range-modal .premium-date-picker__panel:before{content:"";position:fixed;inset:0;background:#0000004d;z-index:-1}}@media (prefers-reduced-motion: reduce){.filter-panel-left,.filter-panel-left .task-type-checkbox-item,.filter-panel-left .priority-checkbox-item{transition:none}.filter-panel-left .task-type-checkbox-item:hover,.filter-panel-left .priority-checkbox-item:hover,.custom-date-range-modal .btn:hover{transform:none}.date-range-preview{animation:none}}.calendar-day-modal.modal-content{max-width:700px}.calendar-day-modal-title{display:flex;flex-direction:column;gap:.25rem}.calendar-day-modal-title span{font-size:1.25rem;font-weight:700;line-height:1.3}.calendar-day-modal-subtitle{font-size:.875rem;color:#fffc;font-weight:500;margin:0}.calendar-day-modal-body{padding:2rem;overflow-y:auto;flex:1;background:var(--premium-white)}.calendar-day-modal-tasks-list{display:flex;flex-direction:column;gap:.75rem}.calendar-day-modal-no-tasks{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center;color:var(--premium-neutral-500)}.calendar-day-modal-empty-icon{margin-bottom:1rem;opacity:.6;color:var(--premium-neutral-400)}.calendar-day-modal-no-tasks h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--premium-neutral-600)}.calendar-day-modal-no-tasks p{margin:0;font-size:.875rem;color:var(--premium-neutral-500)}.calendar-day-modal-task-item{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f3f4f6;position:relative;overflow:hidden}.calendar-day-modal-task-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#c49a9a,#0f2338);opacity:0;transition:opacity .3s ease}.calendar-day-modal-task-item:hover:before{opacity:1}.calendar-day-modal-task-item:after{content:"";position:absolute;top:50%;right:0;width:3px;height:60%;transform:translateY(-50%);background:linear-gradient(180deg,#c49a9a,#c49a9a4d);opacity:0;transition:all .3s ease;border-radius:2px}.calendar-day-modal-task-item:hover:after{opacity:.8;width:4px}.calendar-day-modal-task-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateY(-3px);box-shadow:0 8px 25px #0f233814,0 4px 12px #0000000a;border-color:#e5e7eb}.calendar-day-modal-task-content{display:flex;align-items:center;gap:1rem}.calendar-day-modal-task-details{flex:1;min-width:0}.calendar-day-modal-task-title{font-size:1rem;font-weight:600;color:var(--premium-neutral-700);margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day-modal-task-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.calendar-day-modal-priority-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.calendar-day-modal-priority-indicator.priority-high{background:var(--premium-error);box-shadow:0 0 8px #dc26264d}.calendar-day-modal-priority-indicator.priority-normal{background:var(--premium-warning);box-shadow:0 0 8px #f59e0b4d}.calendar-day-modal-priority-indicator.priority-low{background:var(--premium-success);box-shadow:0 0 8px #16a34a4d}.calendar-day-modal-comments-badge{display:flex;align-items:center;gap:.25rem;color:var(--premium-neutral-500);font-size:.75rem;font-weight:500}.calendar-day-modal-checklist-progress{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.calendar-day-modal-checklist-progress-bar{flex:1;height:4px;background:var(--premium-neutral-200);border-radius:2px;overflow:hidden}.calendar-day-modal-checklist-progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:2px;transition:width .3s ease}.calendar-day-modal-checklist-progress-text{font-size:.6875rem;color:var(--premium-neutral-500);font-weight:500;white-space:nowrap}.calendar-day-modal-task-item.task-locked{opacity:.8;background:linear-gradient(135deg,var(--premium-neutral-50) 0%,var(--premium-neutral-100) 100%);border-left:4px solid var(--premium-neutral-400)}.calendar-day-modal-priority-indicator.indicator-locked{background:var(--premium-neutral-400)!important;opacity:.8}@media (max-width: 768px){.calendar-day-modal.modal-content{width:95%}.calendar-day-modal-body{padding:1.5rem}.calendar-day-modal-task-item{padding:1rem}.calendar-day-modal-task-meta{flex-wrap:wrap;gap:.375rem}}@media (max-width: 480px){.calendar-day-modal.modal-content{width:98%}.calendar-day-modal-body{padding:1rem}.calendar-day-modal-title span{font-size:1.125rem}.calendar-day-modal-task-item{padding:.875rem}.calendar-day-modal-task-title{font-size:.875rem}.calendar-day-modal-task-meta{gap:.25rem;margin-bottom:.5rem}}@media (prefers-contrast: high){.calendar-day-modal.modal-content{border:2px solid var(--premium-navy)}}@media (prefers-reduced-motion: reduce){.calendar-day-modal-task-item{transition:none;transform:none!important;animation:none!important}}.calendar-day-modal-body::-webkit-scrollbar{width:8px}.calendar-day-modal-body::-webkit-scrollbar-track{background:var(--premium-neutral-100);border-radius:4px}.calendar-day-modal-body::-webkit-scrollbar-thumb{background:var(--premium-neutral-300);border-radius:4px}.calendar-day-modal-body::-webkit-scrollbar-thumb:hover{background:var(--premium-neutral-400)}@media print{.calendar-day-modal.modal-content{display:none}}:root{--premium-navy: #0F2338;--premium-navy-secondary: #1a3b5c;--premium-accent: #C49A9A;--premium-success: #16a34a;--premium-warning: var(--priority-normal-primary);--premium-error: #dc2626;--premium-info: #3b82f6;--premium-neutral-50: #f9fafb;--premium-neutral-100: #f3f4f6;--premium-neutral-200: #e5e7eb;--premium-neutral-300: #d1d5db;--premium-neutral-400: #9ca3af;--premium-neutral-500: #6b7280;--premium-neutral-600: #374151;--premium-neutral-700: #111827;--premium-white: #ffffff}.calendar-view{background:linear-gradient(135deg,var(--premium-white) 0%,var(--premium-neutral-50) 100%);border-radius:16px;box-shadow:0 8px 25px #0f233826;overflow-y:auto;overflow-x:hidden;height:100%;flex:1;display:flex;flex-direction:column;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-bottom:2rem;min-height:0}.calendar-view:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--premium-accent) 50%,transparent 100%);opacity:.6}.calendar-view-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;min-height:90px;background:linear-gradient(135deg,var(--premium-navy) 0%,var(--premium-navy-secondary) 100%);position:sticky;top:0;z-index:100;overflow:visible}.calendar-view-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><circle cx="30" cy="30" r="30"/></g></svg>');pointer-events:none}.calendar-view-nav{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;height:fit-content}.calendar-view-nav-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--premium-white);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.calendar-view-nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff0d);opacity:0;transition:opacity .3s ease}.calendar-view-nav-btn:hover{background:#fff3;border-color:var(--premium-accent);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0f23384d}.calendar-view-nav-btn:hover:before{opacity:1}.calendar-view-nav-btn:active{transform:translateY(-1px) scale(1.02)}.calendar-view-title{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.calendar-view-month-year{margin:0;text-align:center;color:var(--premium-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.calendar-view-month{display:block;font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.calendar-view-year{display:block;font-size:1.125rem;font-weight:500;opacity:.8;margin-top:.25rem}.calendar-view-today-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--premium-accent);color:var(--premium-white);border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;overflow:hidden}.calendar-view-today-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.calendar-view-today-btn:hover{background:#b88a8a;transform:translateY(-2px);box-shadow:0 4px 12px #c49a9a66}.calendar-view-today-btn:hover:before{opacity:1}.calendar-view-today-btn:active{transform:translateY(-1px)}.calendar-view-today-icon{transition:transform .3s ease}.calendar-view-today-btn:hover .calendar-view-today-icon{transform:scale(1.1)}.calendar-view-grid{flex:1 1 auto;display:flex;flex-direction:column;background:var(--premium-white);position:relative;min-height:min-content}.calendar-view-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(135deg,var(--premium-neutral-50) 0%,var(--premium-neutral-100) 100%);border-bottom:1px solid var(--premium-neutral-200);position:relative}.calendar-view-weekdays:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--premium-neutral-300) 50%,transparent 100%)}.calendar-view-weekday{padding:1rem .75rem;text-align:center;font-size:.8125rem;font-weight:700;color:var(--premium-neutral-500);text-transform:uppercase;letter-spacing:.1em;position:relative}.calendar-view-weekday:after{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--premium-accent);border-radius:1px;opacity:0;transition:opacity .3s ease}.calendar-view-weekday:hover:after{opacity:.6}.calendar-view-days{flex:0 1 auto;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto);gap:1px;background:var(--premium-neutral-200);padding:1px;min-height:min-content;margin-bottom:1rem}.calendar-view-day{background:var(--premium-white);padding:1rem;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;min-height:120px}.calendar-view-day:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(15,35,56,.02) 100%);opacity:0;transition:opacity .3s ease}.calendar-view-day:hover{background:var(--premium-neutral-50);transform:translateY(-1px);box-shadow:0 2px 8px #0f233814}.calendar-view-day:hover:before{opacity:1}.calendar-view-day--other-month{background:linear-gradient(135deg,#fdfeff,#f8fbff);color:var(--premium-neutral-400);opacity:.75}.calendar-view-day--other-month:hover{background:linear-gradient(135deg,#f8fbff,#f0f7ff);opacity:.85}.calendar-view-day--other-month .calendar-view-day-number{color:#8b9dc3;font-weight:400}.calendar-view-day--other-month.calendar-view-day--past{background:linear-gradient(135deg,#f8f8f8,#f3f3f3);opacity:.5}.calendar-view-day--other-month.calendar-view-day--past .calendar-view-day-number{color:var(--premium-neutral-300)}.calendar-view-day--other-month.calendar-view-day--future{background:linear-gradient(135deg,#fafbff,#f5f8ff);opacity:.65}.calendar-view-day--other-month.calendar-view-day--future .calendar-view-day-number{color:#7a8fb8}.calendar-view-day--past{background:linear-gradient(135deg,#fefefe,#f9f9f9);opacity:.9}.calendar-view-day--past .calendar-view-day-number{color:var(--premium-neutral-500);font-weight:500}.calendar-view-day--past .calendar-view-task-card{opacity:.8}.calendar-view-day--past:hover{opacity:.95;background:linear-gradient(135deg,#f9f9f9,#f3f3f3)}.calendar-view-day--future{background:linear-gradient(135deg,var(--premium-white) 0%,#fcfcff 100%)}.calendar-view-day--future:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.1) 50%,transparent 100%)}.calendar-view-day--today{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px solid var(--premium-info);position:relative;box-shadow:0 0 20px #3b82f626}.calendar-view-day--today:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none;animation:pulseToday 3s ease-in-out infinite}@keyframes pulseToday{0%,to{opacity:1}50%{opacity:.5}}.calendar-view-day--has-tasks{background:linear-gradient(135deg,var(--premium-white) 0%,#fefefe 100%)}.calendar-view-day--has-tasks.calendar-view-day--future:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--premium-accent) 0%,transparent 100%);opacity:.8}.calendar-view-day--has-tasks.calendar-view-day--past:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--premium-neutral-400) 0%,transparent 100%);opacity:.5}.calendar-view-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;position:relative;z-index:1}.calendar-view-day-number{font-size:1.125rem;font-weight:600;color:var(--premium-neutral-700);transition:all .3s ease}.calendar-view-day--today .calendar-view-day-number{background:var(--premium-info);color:var(--premium-white);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #3b82f64d}.calendar-view-day--other-month .calendar-view-day-number{color:var(--premium-neutral-400)}.calendar-view-day--future .calendar-view-day-number{color:var(--premium-navy);font-weight:600;position:relative}.calendar-view-day--future .calendar-view-day-number:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--premium-info);border-radius:50%;opacity:.6}.calendar-view-task-indicator{background:var(--premium-accent);color:var(--premium-white);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;box-shadow:0 2px 4px #c49a9a4d;animation:pulse 2s infinite}.calendar-view-day--past .calendar-view-task-indicator{background:var(--premium-neutral-400);animation:none;box-shadow:none}.calendar-view-day--other-month .calendar-view-task-indicator{background:#a8b8d8;animation:none;box-shadow:0 1px 2px #a8b8d84d}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.calendar-view-task-count{font-size:.625rem;line-height:1}.calendar-view-day-tasks{flex:1;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;position:relative;z-index:1}.calendar-view-task-item{cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.calendar-view-task-card{display:flex;padding:.5rem;border-radius:8px;border-left:3px solid;background:var(--premium-white);box-shadow:0 1px 3px #0f233814;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.calendar-view-task-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#ffffff1a);opacity:0;transition:opacity .3s ease}.calendar-view-task-item:hover .calendar-view-task-card{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0f233826}.calendar-view-task-item:hover .calendar-view-task-card:before{opacity:1}.calendar-view-task-card.priority-high{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:var(--premium-error)}.calendar-view-task-card.priority-normal{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:var(--premium-warning)}.calendar-view-task-card.priority-low{background:linear-gradient(135deg,#f0fdf4,#fff);border-left-color:var(--premium-success)}.calendar-view-task-content{flex:1;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.calendar-view-task-title{font-size:.75rem;font-weight:600;color:var(--premium-neutral-700);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.calendar-view-task-item:hover .calendar-view-task-title{color:var(--premium-navy)}.calendar-view-task-meta{display:flex;align-items:center;gap:.375rem;font-size:.625rem}.calendar-view-task-category{background:var(--premium-neutral-100);color:var(--premium-neutral-600);padding:.125rem .375rem;border-radius:4px;font-weight:600;font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em}.calendar-view-task-comments{display:flex;align-items:center;gap:.1875rem;color:var(--premium-neutral-500)}.calendar-view-comment-icon{transition:transform .3s ease}.calendar-view-task-item:hover .calendar-view-comment-icon{transform:scale(1.1)}.calendar-view-comment-count{font-weight:600;font-size:.5625rem}.calendar-view-task-status{width:3px;border-radius:0 4px 4px 0;transition:width .3s ease}.calendar-view-task-item:hover .calendar-view-task-status{width:4px}.calendar-view-task-status.status-todo{background:var(--premium-info)}.calendar-view-task-status.status-in_progress{background:var(--premium-warning)}.calendar-view-task-status.status-done{background:var(--premium-success)}.calendar-view-task-status.status-locked{background:var(--premium-neutral-400)}.calendar-view-task-card.task-locked{opacity:.7;background:linear-gradient(135deg,var(--premium-neutral-100) 0%,var(--premium-neutral-200) 100%);border-left:3px solid var(--premium-neutral-400)}.calendar-view-task-card.task-locked:before{background:linear-gradient(135deg,var(--premium-neutral-100) 0%,var(--premium-neutral-200) 100%)}.calendar-view-task-card.task-locked .calendar-view-task-title{color:var(--premium-neutral-600)}.calendar-view-more-tasks{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.375rem .5rem;background:linear-gradient(135deg,var(--premium-neutral-50) 0%,var(--premium-neutral-100) 100%);border:1px solid var(--premium-neutral-200);border-radius:6px;color:var(--premium-info);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.calendar-view-more-tasks:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.calendar-view-more-tasks:hover{background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-color:var(--premium-info);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.calendar-view-more-tasks:hover:before{opacity:1}.calendar-view-more-tasks-text{position:relative;z-index:1}.calendar-view-expand-icon{transition:transform .3s ease;position:relative;z-index:1}.calendar-view-more-tasks:hover .calendar-view-expand-icon{transform:rotate(180deg)}@media (max-width: 1200px){.calendar-view-day{padding:.75rem;min-height:100px}.calendar-view-task-card{padding:.375rem}.calendar-view-task-title{font-size:.6875rem}.calendar-view-day-number{font-size:1rem}.calendar-view-task-indicator{width:1.125rem;height:1.125rem}}@media (max-width: 768px){.calendar-view{border-radius:12px;padding-bottom:1.5rem}.calendar-view-header{padding:1.5rem 1rem;flex-direction:column;gap:1rem;min-height:auto;position:sticky;top:0}.calendar-view-nav{gap:1rem}.calendar-view-month{font-size:1.5rem}.calendar-view-year{font-size:1rem}.calendar-view-nav-btn{width:2.5rem;height:2.5rem}.calendar-view-today-btn{padding:.625rem 1rem;font-size:.8125rem}.calendar-view-days{grid-auto-rows:minmax(80px,auto)}.calendar-view-day{padding:.5rem;min-height:80px}.calendar-view-task-card{padding:.25rem .375rem}.calendar-view-task-title{font-size:.625rem}.calendar-view-task-meta{font-size:.5625rem}.calendar-view-weekday{padding:.75rem .5rem;font-size:.75rem}.calendar-view-more-tasks{padding:.25rem .375rem;font-size:.625rem}}@media (max-width: 480px){.calendar-view{border-radius:8px;padding-bottom:1rem}.calendar-view-header{padding:1rem .75rem;min-height:auto;position:sticky;top:0}.calendar-view-nav{gap:.75rem}.calendar-view-month{font-size:1.25rem}.calendar-view-year{font-size:.875rem}.calendar-view-nav-btn{width:2.25rem;height:2.25rem}.calendar-view-today-btn{padding:.5rem .75rem;font-size:.75rem}.calendar-view-weekday{padding:.5rem .25rem;font-size:.6875rem}.calendar-view-days{grid-auto-rows:minmax(70px,auto)}.calendar-view-day{padding:.375rem;min-height:70px}.calendar-view-day-header{margin-bottom:.5rem}.calendar-view-day-number{font-size:.875rem}.calendar-view-task-indicator{width:1rem;height:1rem}.calendar-view-task-count{font-size:.5625rem}.calendar-view-task-card{padding:.1875rem .25rem}.calendar-view-task-title{font-size:.5625rem;line-height:1.2}.calendar-view-task-category{padding:.0625rem .25rem;font-size:.5rem}.calendar-view-task-comments{gap:.125rem}.calendar-view-comment-count{font-size:.5rem}.calendar-view-more-tasks{padding:.1875rem .25rem;font-size:.5625rem}}@media (prefers-contrast: high){.calendar-view{border:3px solid var(--premium-navy)}.calendar-view-nav-btn,.calendar-view-today-btn{border-width:2px}.calendar-view-task-card{border:1px solid var(--premium-neutral-300)}}@media (prefers-reduced-motion: reduce){.calendar-view,.calendar-view-nav-btn,.calendar-view-today-btn,.calendar-view-day,.calendar-view-task-card,.calendar-view-task-item,.calendar-view-more-tasks,.calendar-view-today-icon,.calendar-view-comment-icon,.calendar-view-expand-icon{transition:none;transform:none!important;animation:none!important}.calendar-view-task-indicator{animation:none}}.calendar-view::-webkit-scrollbar{width:10px}.calendar-view::-webkit-scrollbar-track{background:var(--premium-neutral-100);border-radius:5px}.calendar-view::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--premium-navy) 0%,var(--premium-navy-secondary) 100%);border-radius:5px;border:1px solid var(--premium-neutral-100)}.calendar-view::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--premium-navy-secondary) 0%,var(--premium-navy) 100%)}@media print{.calendar-view{box-shadow:none;border:1px solid var(--premium-neutral-300)}.calendar-view-header{background:var(--premium-white)!important;color:var(--premium-navy)!important}.calendar-view-nav-btn,.calendar-view-today-btn{display:none}.calendar-view-day{break-inside:avoid}}.incomplete-checklist-modal.modal-content{max-width:600px}.incomplete-checklist-modal .modal-body{display:flex;flex-direction:column;overflow:hidden}.incomplete-checklist-content{padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1;min-height:0;max-height:calc(85vh - 180px)}.incomplete-checklist-content.comment-state{text-align:left}.incomplete-checklist-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;width:70px;height:70px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;color:#fff;box-shadow:0 8px 25px #f59e0b40;flex-shrink:0}.comment-state-icon{display:flex;justify-content:center;align-items:center;margin:0 auto 1rem;width:70px;height:70px;background:linear-gradient(135deg,#0f2338,#1a3b5c);border-radius:50%;color:#fff;box-shadow:0 8px 25px #0f233840;flex-shrink:0}.incomplete-checklist-icon svg,.comment-state-icon svg{width:32px;height:32px}.incomplete-checklist-message,.comment-state-message{display:flex;flex-direction:column;gap:.75rem;text-align:center}.comment-state-message{text-align:left}.incomplete-checklist-message h3,.comment-state-message h3{margin:0;font-size:1.375rem;font-weight:700;color:#0f2338;letter-spacing:-.025em}.incomplete-checklist-message p,.comment-state-message p{font-size:1rem;color:#6b7280;line-height:1.6;max-width:500px;margin:0 auto}.comment-state-message p{margin:0}.incomplete-checklist-message strong{color:#374151;font-weight:600}.incomplete-count{color:#f59e0b;font-weight:600}.total-count{color:#0f2338;font-weight:600}.checklist-progress-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;text-align:left;margin:.5rem 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-header h4{margin:0;font-size:1rem;font-weight:600;color:#0f2338}.progress-stats{display:flex;gap:1rem;font-size:.875rem}.completed-stat{color:#10b981;font-weight:500}.incomplete-stat{color:#3b82f6;font-weight:500}.incomplete-checklist-modal .checklist-progress-bar-container{display:flex;align-items:center;gap:.75rem;min-height:24px;background:transparent!important;width:auto!important;height:auto!important;margin-bottom:0!important;border-radius:0!important;overflow:visible!important}.incomplete-checklist-modal .checklist-progress-bar{flex:1;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;border:1px solid #d1d5db;position:relative}.incomplete-checklist-modal .checklist-progress-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);transition:width .5s ease-out;border-radius:5px;min-width:2px;position:relative;box-shadow:0 1px 3px #3b82f64d,inset 0 1px #ffffff4d}.incomplete-checklist-modal .checklist-progress-fill.progress-low{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 1px 3px #3b82f64d,inset 0 1px #ffffff4d}.incomplete-checklist-modal .checklist-progress-fill.progress-good,.incomplete-checklist-modal .checklist-progress-fill.progress-complete{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 1px 3px #10b9814d,inset 0 1px #ffffff4d}.incomplete-checklist-modal .checklist-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:5px 5px 0 0}.incomplete-checklist-modal .checklist-progress-bar:hover .checklist-progress-fill{transform:scaleY(1.1);transition:all .3s ease}.incomplete-checklist-modal .checklist-progress-bar:hover .checklist-progress-fill.progress-low{box-shadow:0 2px 6px #3b82f666,inset 0 1px #ffffff4d}.incomplete-checklist-modal .checklist-progress-bar:hover .checklist-progress-fill.progress-good,.incomplete-checklist-modal .checklist-progress-bar:hover .checklist-progress-fill.progress-complete{box-shadow:0 2px 6px #10b98166,inset 0 1px #ffffff4d}.incomplete-checklist-modal .checklist-progress-percentage{font-size:.875rem;font-weight:600;color:#0f2338;min-width:45px;text-align:center;padding:.375rem .625rem;line-height:1.2;display:flex;align-items:center;justify-content:center;height:20px}.incomplete-items-list{text-align:left}.incomplete-items-list h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#0f2338}.incomplete-items-container{background:linear-gradient(135deg,#fff9f0,#fef3e2);border:1px solid #fed7aa;border-radius:10px;padding:1rem;max-height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#fed7aa #fff9f0;position:relative}.incomplete-items-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent 0%,rgba(254,215,170,.3) 100%);border-radius:0 0 10px 10px;pointer-events:none;opacity:0;transition:opacity .3s ease}.incomplete-items-container.scrollable:after{opacity:1}.incomplete-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:6px;transition:all .2s ease;margin-bottom:.5rem}.incomplete-item:last-child{margin-bottom:0}.incomplete-item:hover{background:#f59e0b1a;transform:translate(4px)}.incomplete-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0;margin-top:2px}.incomplete-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.incomplete-item-name{font-size:.875rem;font-weight:500;color:#374151;line-height:1.4}.incomplete-item-description{font-size:.75rem;color:#6b7280;line-height:1.3}.required-badge{font-size:.7rem;font-weight:600;color:#dc2626;background:#dc26261a;padding:.125rem .375rem;border-radius:4px;border:1px solid rgba(220,38,38,.2);flex-shrink:0;align-self:flex-start;margin-top:2px}.more-items-indicator{text-align:center;font-size:.875rem;color:#6b7280;font-style:italic;padding:.5rem;background:#f59e0b0d;border-radius:6px;margin-top:.5rem}.incomplete-checklist-benefits{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;text-align:left;margin:.5rem 0}.benefit-section h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#0f2338}.benefit-list{display:flex;flex-direction:column;gap:.5rem}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151;line-height:1.5;transition:all .2s ease;padding:.25rem;border-radius:6px}.comment-form-container{margin:1rem 0}.comment-guidelines{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;padding:1rem;margin-top:1rem}.comment-guidelines h4{margin:0 0 .75rem;font-size:.925rem;font-weight:600;color:#0369a1}.comment-guidelines ul{margin:0;padding-left:1.25rem;list-style:none}.comment-guidelines li{font-size:.8rem;color:#374151;line-height:1.4;margin-bottom:.375rem;position:relative}.comment-guidelines li:before{content:"•";color:#0369a1;font-weight:700;position:absolute;left:-1rem}.comment-guidelines li:last-child{margin-bottom:0}.incomplete-checklist-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-shrink:0}.incomplete-checklist-actions .btn{min-width:140px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.incomplete-checklist-actions .btn-primary{background:linear-gradient(135deg,#0f2338,#1a3b5c);border:none;color:#fff;box-shadow:0 4px 12px #0f233840}.incomplete-checklist-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a3b5c,#0f2338);transform:translateY(-2px);box-shadow:0 8px 20px #0f233859}.incomplete-checklist-actions .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.incomplete-checklist-actions .btn-secondary{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;color:#6b7280;box-shadow:0 2px 8px #00000014}.incomplete-checklist-actions .btn-secondary:hover:not(:disabled){border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.incomplete-checklist-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.incomplete-checklist-actions .btn:focus{outline:none;box-shadow:0 0 0 3px #0f233833,0 4px 12px #0f233840}.incomplete-checklist-actions .btn-secondary:focus{box-shadow:0 0 0 3px #6b728033,0 4px 12px #0000001f}.incomplete-checklist-modal .modal-close:focus{outline:none;box-shadow:0 0 0 3px #0f233833}@media (max-width: 768px){.incomplete-checklist-modal.modal-content{width:95%;max-width:calc(100vw - 2rem)}.incomplete-checklist-content{padding:1.25rem;gap:1rem;max-height:calc(85vh - 160px)}.incomplete-checklist-icon,.comment-state-icon{width:60px;height:60px}.incomplete-checklist-icon svg,.comment-state-icon svg{width:28px;height:28px}.incomplete-checklist-message h3,.comment-state-message h3{font-size:1.25rem}.incomplete-checklist-message p,.comment-state-message p{font-size:.925rem}.checklist-progress-summary,.incomplete-checklist-benefits{padding:1rem}.incomplete-items-container{max-height:180px}.incomplete-checklist-actions{flex-direction:column;gap:.5rem;padding:1rem}.incomplete-checklist-actions .btn{width:100%;min-width:auto}.progress-stats{flex-direction:column;gap:.25rem;font-size:.8rem}}@media (max-width: 480px){.incomplete-checklist-modal.modal-content{width:calc(100% - 1rem);max-width:100%}.incomplete-checklist-content{padding:.75rem;gap:.75rem;max-height:calc(85vh - 140px)}.incomplete-checklist-icon,.comment-state-icon{width:50px;height:50px}.incomplete-checklist-icon svg,.comment-state-icon svg{width:24px;height:24px}.incomplete-checklist-message h3,.comment-state-message h3{font-size:1.125rem}.incomplete-checklist-message p,.comment-state-message p{font-size:.875rem}.checklist-progress-summary,.incomplete-checklist-benefits,.comment-guidelines{padding:.75rem}.incomplete-items-container{padding:.75rem;max-height:140px}.incomplete-item{padding:.375rem;gap:.5rem}.incomplete-item-name{font-size:.8rem}.incomplete-item-description{font-size:.7rem}.benefit-item{font-size:.8rem;gap:.5rem}.comment-guidelines li{font-size:.75rem}.incomplete-checklist-actions{padding:.75rem}}.incomplete-checklist-modal .incomplete-items-container::-webkit-scrollbar{width:8px}.incomplete-checklist-modal .incomplete-items-container::-webkit-scrollbar-track{background:#fdba741a;border-radius:4px;margin:4px 0}.incomplete-checklist-modal .incomplete-items-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fed7aa,#fdba74);border-radius:4px;border:1px solid rgba(253,186,116,.3)}.incomplete-checklist-modal .incomplete-items-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fdba74,#fb923c)}.incomplete-checklist-modal .incomplete-items-container::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#fb923c,#f97316)}.incomplete-checklist-content::-webkit-scrollbar{width:6px}.incomplete-checklist-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.incomplete-checklist-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.incomplete-checklist-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.incomplete-checklist-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.incomplete-checklist-modal .modal-title{transition:all .2s ease}.incomplete-checklist-message strong{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.125rem .375rem;border-radius:4px;font-weight:600}.incomplete-checklist-icon:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);animation:warningGlow 3s ease-in-out infinite}.comment-state-icon:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgba(15,35,56,.1) 0%,transparent 70%);animation:primaryGlow 3s ease-in-out infinite}@keyframes warningGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes primaryGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.agent-selection-modal .modal-content{max-width:750px;width:90vw;max-height:85vh;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;box-shadow:0 8px 25px #0f233826;overflow:hidden}.agent-selection-modal .modal-body{padding:0 1.5rem;position:relative;z-index:auto}.agent-selection-modal .modal-footer{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb80}.agent-selection-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:1.5rem}.agent-selection-modal .modal-title{color:#fff;font-size:1.375rem;font-weight:600;margin:0 0 .5rem}.agent-selection-modal .modal-subtitle{color:#fffc;font-size:.875rem;margin:0}.agent-search{margin-bottom:1rem;margin-top:1.5rem;position:relative;z-index:10}.agent-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.agent-count{font-size:.875rem;font-weight:600;color:#374151}.filter-indicator{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#3b82f6;background:#eff6ff;padding:.25rem .625rem;border-radius:12px}.filter-indicator svg{color:#3b82f6}.agent-selection-loading,.agent-selection-empty,.agent-selection-error{text-align:center;padding:3rem 2rem;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin:1.5rem 0}.agent-selection-loading{background:linear-gradient(135deg,#f9fafb,#fff)}.agent-selection-error{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.agent-selection-error .error-icon{color:#dc2626}.agent-selection-error h3{color:#dc2626;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem}.agent-selection-error p{color:#6b7280;font-size:.875rem;margin:0}.agent-selection-empty{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#dbeafe}.agent-selection-empty .empty-icon{color:#3b82f6}.agent-selection-empty h3{color:#1e40af;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem}.agent-selection-empty p{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.inline-link{background:none;border:none;color:#3b82f6;text-decoration:underline;cursor:pointer;padding:0;font:inherit;transition:color .2s ease}.inline-link:hover{color:#1e40af}.agent-list{display:flex;flex-direction:column;gap:1rem;max-height:450px;overflow-y:auto;padding:.25rem;position:relative;z-index:1;margin-bottom:1.5rem}.agent-list::-webkit-scrollbar{width:6px}.agent-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.agent-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-radius:3px}.agent-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a3b5c,#0f2338)}.agent-item{display:flex;align-items:center;gap:1rem;padding:1.125rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.agent-item:hover{border-color:#0f2338;background:linear-gradient(135deg,#fff,#f9fafb);transform:translateY(-2px);box-shadow:0 4px 12px #0f23381f}.agent-item:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 4px #0f23381a}.agent-item:active{transform:translateY(0);box-shadow:0 2px 6px #0f233814}.agent-item.agent-inactive{opacity:.75;border-style:dashed}.agent-item.agent-inactive:hover{opacity:1}.agent-avatar{width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(135deg,#0f2338,#1a3b5c);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0f233826;transition:transform .2s ease}.agent-item:hover .agent-avatar{transform:scale(1.05)}.agent-initials{color:#fff;font-weight:600;font-size:1.125rem;letter-spacing:.5px}.agent-details{flex:1;display:flex;flex-direction:column;gap:.375rem}.agent-name-row{display:flex;align-items:center;gap:.625rem}.agent-name{font-weight:600;font-size:1rem;color:#111827;line-height:1.3}.agent-status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.agent-status-badge.inactive{background:#fee2e2;color:#991b1b}.agent-email{color:#6b7280;font-size:.875rem;line-height:1.4}.agent-meta{display:flex;gap:1rem;font-size:.75rem;color:#6b7280;margin-top:.125rem;flex-wrap:wrap}.agent-type{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.25rem .625rem;border-radius:6px;font-weight:600;color:#374151;border:1px solid #d1d5db;text-transform:capitalize}.agent-assigned{display:flex;align-items:center;font-weight:500}.agent-notes{font-size:.75rem;color:#6b7280;font-style:italic;margin-top:.125rem;line-height:1.4;padding:.5rem;background:#f9fafb;border-radius:6px;border-left:3px solid #c49a9a}.agent-arrow{color:#9ca3af;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.agent-item:hover .agent-arrow{color:#0f2338;transform:translate(4px)}@media (max-width: 768px){.agent-selection-modal .modal-content{width:95vw;max-height:90vh;margin:1rem;border-radius:12px}.agent-selection-modal .modal-body{padding:0 1.25rem}.agent-selection-modal .modal-header{padding:1.25rem 1.5rem}.agent-selection-modal .modal-footer{padding:1.25rem}.agent-selection-modal .modal-title{font-size:1.25rem}.agent-search{margin-top:1.25rem;margin-bottom:.875rem}.agent-results-header{padding:.625rem .875rem;font-size:.8rem}.agent-list{max-height:350px;gap:.875rem;padding:.125rem}.agent-item{padding:1rem;gap:.875rem}.agent-avatar{width:2.75rem;height:2.75rem}.agent-initials{font-size:1rem}.agent-name{font-size:.9375rem}.agent-email{font-size:.8125rem}.agent-meta{gap:.75rem}.agent-type{padding:.1875rem .5rem;font-size:.6875rem}.agent-selection-loading,.agent-selection-empty,.agent-selection-error{padding:2rem 1rem}.state-icon{width:48px;height:48px}.state-icon svg{width:36px;height:36px}}@media (max-width: 480px){.agent-selection-modal .modal-content{width:98vw;margin:.5rem;border-radius:10px}.agent-selection-modal .modal-body{padding:0 1rem}.agent-selection-modal .modal-header{padding:1rem 1.25rem}.agent-selection-modal .modal-footer{padding:1rem}.agent-selection-modal .modal-title{font-size:1.125rem}.agent-search{margin-top:1rem}.agent-results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.agent-item{padding:.875rem}.agent-avatar{width:2.5rem;height:2.5rem}.agent-initials{font-size:.9375rem}.agent-name{font-size:.875rem}.agent-email{font-size:.75rem}.agent-notes{font-size:.6875rem;padding:.375rem}}.agent-selection-modal-mobile-overlay{position:fixed;inset:0;z-index:1000;background:#0006;opacity:0;animation:fadeIn .3s ease-out forwards;backdrop-filter:blur(4px)}.agent-selection-modal-mobile{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:90vh;min-height:50vh;display:flex;flex-direction:column;transform:translateY(100%);animation:slideUp .4s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 -8px 25px #00000026;transition:transform .3s ease-out}.agent-selection-modal-mobile.dragging{transition:none}.agent-search-mobile{margin-bottom:20px;flex-shrink:0}.search-input-container{position:relative;display:flex;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.search-input-container:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.search-icon{position:absolute;left:16px;color:#9ca3af;z-index:1}.search-input{width:100%;padding:16px 16px 16px 52px;border:none;background:transparent;font-size:1rem;color:#111827;outline:none;min-height:52px}.search-input::placeholder{color:#9ca3af}.search-clear{position:absolute;right:12px;background:#e5e7eb;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.search-clear:hover,.search-clear:active{background:#d1d5db;color:#374151;transform:scale(1.1)}.agent-results-count{margin-bottom:12px;padding:0 4px;flex-shrink:0}.agent-list-state{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.agent-list-state.error h3{color:#dc2626}.btn-clear-search{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-clear-search:hover,.btn-clear-search:active{background:#2563eb;transform:translateY(-1px)}.agent-list-mobile{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.agent-list-mobile::-webkit-scrollbar{width:2px}.agent-list-mobile::-webkit-scrollbar-track{background:transparent}.agent-list-mobile::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:1px}.agent-item-mobile{display:flex;align-items:center;width:100%;padding:16px 0;border:none;background:none;cursor:pointer;text-align:left;transition:all .2s ease;border-bottom:1px solid #f3f4f6;min-height:72px;position:relative}.agent-item-mobile:last-child{border-bottom:none}.agent-item-mobile:active{background:#f9fafb;transform:scale(.98)}.agent-item-mobile.inactive{opacity:.6}.agent-item-mobile.inactive .agent-primary-info{text-decoration:line-through}.agent-avatar-mobile{width:48px;height:48px;border-radius:24px;background:linear-gradient(135deg,#3b82f6,#1e40af);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px;box-shadow:0 2px 8px #3b82f626}.agent-initials-mobile{color:#fff;font-weight:600;font-size:1rem;letter-spacing:.5px}.agent-info-mobile{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:12px;min-width:0}.agent-primary-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-name-mobile{font-size:1rem;font-weight:600;color:#111827;line-height:1.3}.agent-status-inactive{background:#fef2f2;color:#991b1b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:8px}.agent-email-mobile{font-size:.875rem;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-assigned-mobile{font-size:.75rem;color:#9ca3af;line-height:1.3}.agent-chevron-mobile{color:#d1d5db;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.agent-item-mobile:active .agent-chevron-mobile{color:#3b82f6;transform:translate(4px)}@media (max-width: 375px){.modal-mobile-content{padding:0 16px 16px}.modal-mobile-header{padding:8px 16px 16px}.agent-search-mobile{margin-bottom:16px}.search-input{padding:14px 14px 14px 48px;font-size:.9375rem}.agent-avatar-mobile{width:44px;height:44px;border-radius:22px;margin-right:12px}.agent-initials-mobile,.agent-name-mobile{font-size:.9375rem}.agent-email-mobile{font-size:.8125rem}.agent-assigned-mobile{font-size:.6875rem}}@media (prefers-color-scheme: dark){.agent-selection-modal-mobile{background:#1f2937;color:#f9fafb}.modal-mobile-header{border-bottom-color:#374151}.modal-mobile-title{color:#f9fafb}.search-input-container{background:#374151;border-color:#4b5563}.search-input-container:focus-within{background:#1f2937;border-color:#3b82f6}.search-input{color:#f9fafb}.search-input::placeholder{color:#9ca3af}.agent-item-mobile{border-bottom-color:#374151}.agent-item-mobile:active{background:#374151}.agent-name-mobile{color:#f9fafb}.state-icon{background:#374151}}.objective-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:linear-gradient(135deg,#fff,#fafbfc);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;box-shadow:0 1px 3px #0000001a}.objective-item:hover{border-color:#0f2338;background:linear-gradient(135deg,#f8f9fa,#fff);box-shadow:0 2px 8px #0f23381a}.objective-item:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 4px #0f23381a,0 2px 8px #0f233826}.objective-item:active{box-shadow:0 1px 3px #0f233833}.objective-header{display:flex;flex-direction:column;gap:.5rem}.objective-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.objective-title-actions{display:flex;align-items:center;gap:.75rem}.objective-title{font-weight:600;font-size:1rem;color:#111827;margin:0;line-height:1.3;flex:1;letter-spacing:-.025em}.objective-meta{display:flex;gap:1.5rem;font-size:.8rem;color:#6b7280;align-items:center}.objective-period{font-weight:500;color:#374151;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.25rem .75rem;border-radius:6px;font-size:.75rem;border:1px solid #e5e7eb}.objective-description{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0;padding:.5rem .75rem;background:#f9fafbcc;border-radius:6px;border-left:3px solid #c49a9a}.objective-actions{display:flex;gap:.5rem}.objective-action-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;white-space:nowrap}.objective-action-btn svg{width:14px;height:14px;flex-shrink:0}.link-btn{color:#059669;border-color:#059669}.link-btn:hover{background:#f0fdf4;border-color:#047857;color:#047857}.link-btn:focus{outline:none;box-shadow:0 0 0 3px #0596691a}.unlink-btn{color:#dc2626;border-color:#dc2626}.unlink-btn:hover{background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.unlink-btn:focus{outline:none;box-shadow:0 0 0 3px #dc26261a}@media (max-width: 768px){.objective-item{padding:.875rem 1rem;gap:.625rem;border-radius:8px}.objective-title-row{gap:1rem;flex-wrap:wrap}.objective-title{font-size:1rem;line-height:1.3}.objective-meta{gap:1rem;flex-wrap:wrap;font-size:.75rem}.objective-period{font-size:.7rem;padding:.25rem .5rem}.objective-description{font-size:.8rem;padding:.5rem;margin:0}.objective-title-actions{gap:.5rem}.objective-action-btn{padding:.25rem .5rem;font-size:.7rem}.objective-action-btn svg{width:12px;height:12px}}@media (max-width: 480px){.objective-item{padding:.75rem;gap:.5rem}.objective-title{font-size:.95rem}.objective-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.objective-description{font-size:.75rem;padding:.375rem .5rem}.objective-actions{gap:.375rem}.objective-action-btn{padding:.25rem .375rem;font-size:.65rem;gap:.25rem}.objective-action-btn svg{width:10px;height:10px}}.objective-selection-modal .modal-content{max-width:750px;width:90vw;max-height:85vh;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;box-shadow:0 8px 25px #0f233826;overflow:hidden}.objective-selection-modal .modal-body{padding:0 1.5rem;position:relative;z-index:auto}.objective-selection-modal .modal-footer{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb80}.objective-selection-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:1rem}.objective-selection-modal .modal-title{color:#fff;font-size:1.375rem;font-weight:600;margin:0 0 .5rem}.objective-selection-modal .modal-subtitle{color:#fffc;font-size:.875rem;margin:0}.objective-filters{display:flex;gap:1rem;margin-bottom:1.5rem;margin-top:1.5rem;align-items:center;position:relative;z-index:10}.objective-filters>*{flex:1;min-width:0}@media (max-width: 640px){.objective-filters{flex-direction:column;gap:.75rem}.objective-filters>*{width:100%;flex:none}}.objective-selection-loading,.objective-selection-empty,.objective-selection-error{text-align:center;padding:3rem 2rem;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin:1rem 0}.objective-selection-loading{background:linear-gradient(135deg,#f9fafb,#fff)}.objective-selection-error{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.objective-selection-error .error-icon{color:#dc2626}.objective-selection-error h3{color:#dc2626;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem}.objective-selection-empty{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#dbeafe}.objective-selection-empty .empty-icon{color:#3b82f6}.objective-selection-empty h3{color:#1e40af;font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fffc;box-shadow:0 2px 8px #0000001a;margin:0 auto 1rem}.objective-list{display:flex;flex-direction:column;gap:1rem;max-height:450px;overflow-y:auto;padding:.25rem;position:relative;z-index:1}.objective-list::-webkit-scrollbar{width:6px}.objective-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.objective-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-radius:3px}.objective-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a3b5c,#0f2338)}@media (max-width: 768px){.objective-selection-modal .modal-content{width:95vw;max-height:90vh;margin:1rem;border-radius:12px}.objective-selection-modal .modal-body{padding:0 1.25rem}.objective-selection-modal .modal-header{padding:1.25rem 1.5rem;margin:-1.25rem -1.5rem 1.25rem}.objective-selection-modal .modal-footer{padding:1.25rem;margin:1rem -1.25rem -1.25rem}.objective-selection-modal .modal-title{font-size:1.25rem}.objective-filters{margin-bottom:1.25rem;gap:.75rem}.objective-list{max-height:350px;gap:.875rem;padding:.125rem}.objective-selection-loading,.objective-selection-empty,.objective-selection-error{padding:2rem 1rem}.state-icon{width:48px;height:48px}.state-icon svg{width:36px;height:36px}}@media (max-width: 480px){.objective-selection-modal .modal-content{width:98vw;margin:.5rem;border-radius:10px}.objective-selection-modal .modal-body{padding:0 1rem}.objective-selection-modal .modal-header{padding:1rem 1.25rem;margin:-1rem -1.25rem 1rem}.objective-selection-modal .modal-footer{padding:1rem;margin:1rem -1rem -1rem}.objective-selection-modal .modal-title{font-size:1.125rem}}.objective-selection-modal-mobile-overlay{position:fixed;inset:0;z-index:1000;background:#0006;opacity:0;animation:fadeIn .3s ease-out forwards;backdrop-filter:blur(4px)}.objective-selection-modal-mobile{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:90vh;min-height:50vh;display:flex;flex-direction:column;transform:translateY(100%);animation:slideUp .4s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 -8px 25px #00000026;transition:transform .3s ease-out}.objective-selection-modal-mobile.dragging{transition:none}.modal-mobile-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab}.handle-bar{width:40px;height:4px;background:#d1d5db;border-radius:2px;transition:background .2s ease}.modal-mobile-handle:active .handle-bar{background:#9ca3af}.modal-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.modal-mobile-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;flex:1;text-align:center}.modal-mobile-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;position:absolute;right:12px}.modal-mobile-close:hover,.modal-mobile-close:active{background:#f3f4f6;color:#374151;transform:scale(1.05)}.modal-mobile-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0 20px 20px}.objective-filters-mobile{margin-bottom:20px;flex-shrink:0}.filters-row{display:flex;gap:12px;margin-bottom:12px}.filter-select{flex:1;padding:16px 40px 16px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:1rem;color:#111827;cursor:pointer;transition:all .2s ease;min-height:52px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.filter-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.clear-filters-btn,.btn-clear-filters{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.clear-filters-btn:hover,.clear-filters-btn:active,.btn-clear-filters:hover,.btn-clear-filters:active{background:#4b5563;transform:translateY(-1px)}.objective-results-count{margin-bottom:12px;padding:0 4px;flex-shrink:0}.count-text{font-size:.875rem;font-weight:500;color:#6b7280}.objective-list-state{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.state-indicator h3{font-size:1rem;font-weight:600;color:#374151;margin:16px 0 8px}.state-indicator p{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 16px}.state-icon{width:48px;height:48px;border-radius:24px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#9ca3af}.state-icon.error{background:#fef2f2;color:#dc2626}.objective-list-state.error h3{color:#dc2626}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.objective-list-mobile{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.objective-list-mobile::-webkit-scrollbar{width:2px}.objective-list-mobile::-webkit-scrollbar-track{background:transparent}.objective-list-mobile::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:1px}.objective-item-mobile{margin-bottom:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s ease}.objective-item-mobile:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.objective-content-mobile{width:100%;padding:16px;background:none;border:none;text-align:left;cursor:pointer;display:block;position:relative;transition:all .2s ease;min-height:80px}.objective-content-mobile:active{background:#f9fafb;transform:scale(.98)}.objective-header-mobile{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.objective-title-mobile{font-size:1rem;font-weight:600;color:#111827;line-height:1.4;margin:0;flex:1;min-width:0}.objective-status-mobile{flex-shrink:0}.objective-period-mobile{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:8px}.objective-description-mobile{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.objective-progress-mobile{margin-bottom:8px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.progress-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.progress-percentage{font-size:.875rem;font-weight:600;color:#3b82f6}.progress-bar{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:3px;transition:width .3s ease}.objective-chevron-mobile{position:absolute;top:16px;right:16px;color:#d1d5db;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.objective-content-mobile:active .objective-chevron-mobile{color:#3b82f6;transform:translate(4px)}.objective-actions-mobile{padding:12px 16px;border-top:1px solid #f3f4f6;background:#fafbfc}.btn-link-mobile,.btn-unlink-mobile{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-link-mobile{background:#3b82f6;color:#fff}.btn-link-mobile:hover,.btn-link-mobile:active{background:#2563eb;transform:translateY(-1px)}.btn-unlink-mobile{background:#ef4444;color:#fff}.btn-unlink-mobile:hover,.btn-unlink-mobile:active{background:#dc2626;transform:translateY(-1px)}@media (max-width: 375px){.modal-mobile-content{padding:0 16px 16px}.modal-mobile-header{padding:8px 16px 16px}.objective-content-mobile{padding:14px}.objective-title-mobile{font-size:.9375rem}.objective-period-mobile,.objective-description-mobile{font-size:.8125rem}.filters-row{gap:8px}.filter-select{padding:14px;font-size:.9375rem}}@media (prefers-color-scheme: dark){.objective-selection-modal-mobile{background:#1f2937;color:#f9fafb}.modal-mobile-header{border-bottom-color:#374151}.modal-mobile-title{color:#f9fafb}.objective-item-mobile{background:#374151;border-color:#4b5563}.objective-item-mobile:hover{border-color:#6b7280}.objective-content-mobile:active{background:#4b5563}.objective-title-mobile{color:#f9fafb}.filter-select{background:#374151;border-color:#4b5563;color:#f9fafb}.filter-select:focus{background:#1f2937;border-color:#3b82f6}.state-icon{background:#374151}.objective-actions-mobile{background:#4b5563;border-top-color:#6b7280}.progress-bar{background:#4b5563}}.objective-link-container .form-label{font-weight:600;color:#374151;font-size:.9rem;margin-bottom:.5rem;display:block}.objective-link-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;color:#374151;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;font-weight:500;text-align:left;box-sizing:border-box}.objective-link-button:hover:not(:disabled){border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.objective-link-button:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 4px #0f23381a}.objective-link-button:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.objective-link-button.linked{border-color:#c49a9a;background:#fef9f9}.objective-link-button.linked:hover:not(:disabled){border-color:#c49a9a;background:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.objective-link-button.prepopulated{background:#f0fdf4;border-color:#16a34a;cursor:default}.objective-link-button.prepopulated .objective-link-icon{color:#16a34a}.objective-link-button.prepopulated .linked-title{color:#166534}.objective-link-content{display:flex;align-items:center;gap:.75rem;flex:1}.objective-link-icon{display:flex;align-items:center;color:#6b7280;transition:color .2s ease;font-size:1rem}.objective-link-button:focus .objective-link-icon{color:#0f2338}.objective-link-text{color:#374151;font-weight:500;display:flex;flex-direction:column;gap:.25rem}.objective-link-button:disabled .objective-link-text{color:#9ca3af}.linked-prefix{font-size:.75rem;color:#6b7280;font-weight:400}.linked-title{color:#0f2338;font-weight:600;font-size:.875rem;line-height:1.2}.objective-link-actions{display:flex;align-items:center;gap:.5rem}.objective-link-arrow{display:flex;align-items:center;color:#6b7280;transition:all .2s ease;font-size:.875rem}.objective-link-helper{color:#6b7280;font-size:.75rem;margin-top:.25rem;display:block}@media (max-width: 768px){.objective-link-button{padding:.625rem .875rem;font-size:.8rem}.objective-link-icon{font-size:1.1rem}.linked-title{font-size:.8rem}}.truncated-title-container{position:relative;display:inline-block}.truncated-title-tooltip{z-index:10000!important;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.truncated-title-tooltip{text-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (max-width: 768px){.truncated-title-tooltip{max-width:250px!important;font-size:13px!important}}.task-title-field{display:flex;align-items:center;gap:8px;min-width:0}.task-title-field .title-editor{display:flex;align-items:center;gap:8px;flex:1}.task-title-field .title-editor-mobile{display:flex;flex-direction:column;width:100%}.priority-badge-field{display:flex;align-items:center;gap:8px;min-width:0}.priority-badge-field .priority-editor{display:flex;align-items:center;gap:8px;flex:1}.priority-badge-field .priority-editor-mobile{display:flex;flex-direction:column;width:100%}.description-field{display:flex;flex-direction:column;gap:8px;min-width:0}.description-field.detail-group{margin-bottom:20px}.description-field.detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.description-field.description-group{margin-bottom:24px}.description-field .description-header{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px}.description-field .description-header label{margin-bottom:0}.description-field .description-editor{display:flex;flex-direction:column;gap:12px;flex:1}.description-field .description-editor-mobile{display:flex;flex-direction:column;gap:12px;width:100%}.description-field .description-textarea-mobile{width:100%;min-height:120px;padding:12px;border:1px solid var(--border-color, #e1e5e9);border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;background:var(--input-background, #ffffff);color:var(--text-color, #374151)}.description-field .description-textarea-mobile:focus{outline:none;border-color:var(--focus-color, #3b82f6);box-shadow:0 0 0 3px var(--focus-shadow, rgba(59, 130, 246, .1))}.description-field .description-textarea-mobile:disabled{background-color:var(--disabled-background, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.description-field .description-content{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e5e7eb;min-height:120px;display:flex;flex-direction:column;gap:8px}.description-field .no-description{color:#6b778c;font-style:italic;margin:0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.description-field .description-content-mobile{display:flex;align-items:flex-start;gap:8px}.description-field .description-text{flex:1;color:var(--text-color, #374151);line-height:1.5;word-wrap:break-word}.due-date-field{display:flex;flex-direction:column;gap:8px;min-width:0}.due-date-field.detail-group{margin-bottom:20px}.due-date-field.detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.due-date-field .due-date-header{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px}.due-date-field .due-date-header label{margin-bottom:0}.due-date-field .due-date-editor{display:flex;align-items:center;gap:8px;flex:1}.due-date-field .due-date-editor-mobile{display:flex;flex-direction:column;gap:12px;width:100%}.due-date-field .due-date-input-mobile{width:100%;padding:12px;border:1px solid var(--border-color, #e1e5e9);border-radius:8px;font-family:inherit;font-size:14px;background:var(--input-background, #ffffff);color:var(--text-color, #374151)}.due-date-field .due-date-input-mobile:focus{outline:none;border-color:var(--focus-color, #3b82f6);box-shadow:0 0 0 3px var(--focus-shadow, rgba(59, 130, 246, .1))}.due-date-field .due-date-input-mobile:disabled{background-color:var(--disabled-background, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.due-date-field .due-date-content,.due-date-field .due-date-display{display:flex;align-items:center;gap:8px}.due-date-field .due-date-text{color:var(--text-color, #374151)}.due-date-field .due-date-text.overdue{color:var(--danger-color, #dc2626);font-weight:500}.due-date-field .due-date-content-mobile{display:flex;align-items:center;gap:8px}.due-date-field .due-date-content-mobile.overdue .due-date-text{color:var(--danger-color, #dc2626);font-weight:500}.assigned-to-field{display:flex;flex-direction:column;gap:8px;min-width:0}.assigned-to-field.detail-group{margin-bottom:20px}.assigned-to-field.detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.assigned-to-field .assigned-to-header{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px}.assigned-to-field .assigned-to-header label{margin-bottom:0}.assigned-to-field .assigned-to-editor{display:flex;align-items:center;gap:8px;flex:1}.assigned-to-field .assigned-to-editor-mobile{display:flex;flex-direction:column;gap:12px;width:100%}.assigned-to-field .assigned-to-select-mobile{width:100%;padding:12px;border:1px solid var(--border-color, #e1e5e9);border-radius:8px;font-family:inherit;font-size:14px;background:var(--input-background, #ffffff);color:var(--text-color, #374151)}.assigned-to-field .assigned-to-select-mobile:focus{outline:none;border-color:var(--focus-color, #3b82f6);box-shadow:0 0 0 3px var(--focus-shadow, rgba(59, 130, 246, .1))}.assigned-to-field .assigned-to-select-mobile:disabled{background-color:var(--disabled-background, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.assigned-to-field .assigned-to-content{display:flex;align-items:center;gap:8px}.assigned-to-field .assigned-to-text{color:var(--text-color, #374151)}.assigned-to-field .assigned-to-content-mobile{display:flex;align-items:center;gap:8px}.client-user-field{display:flex;flex-direction:column;gap:8px;min-width:0}.client-user-field.detail-group{margin-bottom:20px}.client-user-field.detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.client-user-field .client-user-header{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px}.client-user-field .client-user-header label{margin-bottom:0}.client-user-field .client-user-editor{display:flex;align-items:center;gap:8px;flex:1}.client-user-field .client-user-editor-mobile{display:flex;flex-direction:column;gap:12px;width:100%}.client-user-field .client-user-select-mobile{width:100%;padding:12px;border:1px solid var(--border-color, #e1e5e9);border-radius:8px;font-family:inherit;font-size:14px;background:var(--input-background, #ffffff);color:var(--text-color, #374151)}.client-user-field .client-user-select-mobile:focus{outline:none;border-color:var(--focus-color, #3b82f6);box-shadow:0 0 0 3px var(--focus-shadow, rgba(59, 130, 246, .1))}.client-user-field .client-user-select-mobile:disabled{background-color:var(--disabled-background, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.client-user-field .client-user-content{display:flex;align-items:center;gap:8px}.client-user-field .client-user-text{color:var(--text-color, #374151)}.client-user-field .client-user-content-mobile{display:flex;align-items:center;gap:8px}.task-card{background:linear-gradient(145deg,#fff,#fefefe);border-radius:10px;padding:14px;box-shadow:0 2px 8px #0f23380f,0 1px 4px #0f23380a;border:1px solid rgba(226,232,240,.4);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;position:relative;overflow:hidden;flex-shrink:0;z-index:1}.task-card.clickable{cursor:pointer}.task-card.clickable:hover{background-color:#fafbfc}.task-card:hover{box-shadow:0 8px 25px #0f23381f,0 4px 12px #0f233814;transform:translateY(-1px);border-color:#0f23381a}.task-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(196,154,154,.15),transparent);transition:left .6s ease;pointer-events:none}.task-card:hover:before{left:100%}.task-card:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#C49A9A 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.task-card:hover:after{opacity:.6}.task-card.dragging{opacity:.7;transform:rotate(3deg) scale(.98);cursor:grabbing;z-index:1000;box-shadow:0 12px 30px #0f233833}.task-header{display:flex;justify-content:space-between;align-items:flex-start}.task-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;position:relative;z-index:1}.task-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-priority-date-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.task-priority-date-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-secondary-header{display:flex;justify-content:space-between;align-items:center;width:100%}.task-badges-labels-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.task-type-name-header{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.task-title{font-size:14px;color:#172b4d;margin:0;flex:1;word-wrap:break-word}.truncated-task-title{font-size:16px;color:#172b4d;margin:4px 0 2px;flex:1;word-wrap:break-word;background-color:transparent}.task-description{font-size:13px;color:#5e6c84;margin:8px 0 0;line-height:1.4}.task-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 25px #0f233826;min-width:220px;padding:6px;border:1px solid #e5e7eb;z-index:11000;margin-top:6px;animation:menuSlideIn .2s cubic-bezier(.4,0,.2,1);transform-origin:top right}.menu-section{padding:4px 0;margin-bottom:4px}.menu-section:not(:last-child){border-bottom:1px solid #f3f4f6;padding-bottom:8px;margin-bottom:4px}.menu-section-header{display:flex;align-items:center;gap:6px;padding:8px 12px 6px;margin-bottom:2px}.menu-section-icon{color:#0f2338;opacity:.7;flex-shrink:0}.menu-section-title{font-size:11px;font-weight:600;color:#0f2338;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.menu-label{display:block;padding:4px 12px;font-size:12px;color:#6b778c;font-weight:600}.menu-label.no-moves{color:#8993a4;font-style:italic}.menu-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;text-align:left;padding:10px 12px;margin:2px 0;border:none;background:none;cursor:pointer;font-size:14px;color:#111827;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:6px;font-weight:500}.menu-item span{display:flex;align-items:center;line-height:1}.menu-item:hover{background-color:#f9fafb;transform:translate(2px)}.menu-item-icon{color:#6b7280;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item:hover .menu-item-icon{color:#0f2338}.menu-section-danger{border-top:1px solid #fee2e2;margin-top:4px;padding-top:8px}.menu-item-delete{color:#dc2626}.menu-item-delete:hover{background-color:#fef2f2;transform:translate(2px)}.menu-item-delete .menu-item-icon{color:#ef4444}.menu-item-delete:hover .menu-item-icon{color:#dc2626}.task-comments{display:flex;align-items:center;gap:4px;background-color:transparent;border-radius:4px;font-size:12px;color:#5e6c84;transition:all .2s ease;margin-left:auto}.task-comments.has-new-comments{background-color:#e3fcef;color:#064;border:1px solid #4ade80}.task-card-comment-icon{font-size:12px}.task-card-comment-count{font-weight:600}.new-comment-indicator{color:#dc2626;font-size:16px;font-weight:900;line-height:1;animation:pulse 2s infinite}.task-sequence-info{display:flex;align-items:center;gap:4px;margin-top:6px;margin-bottom:8px;padding:4px 8px;background-color:#f5f3ff;border:1px solid #e9e5ff;border-radius:4px;font-size:12px;font-weight:600;color:#6b5b95}.task-card-separator{border:none;border-top:1px solid #e5e7eb;margin-bottom:8px;padding:0}.task-card-content{position:relative}.task-user-info{margin-top:8px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.user-info-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-label{font-size:11px;font-weight:600;color:#6b778c;text-transform:uppercase;letter-spacing:.025em}.user-value{font-size:12px;font-weight:500;color:#374151;font-style:italic}.user-separator{color:#9ca3af;font-weight:300;font-size:16px;align-self:stretch;display:flex;align-items:center}.task-meta-tags{display:flex;gap:.5rem;margin:.5rem 0;flex-wrap:wrap;align-items:center}.type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:500;letter-spacing:.025em;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:linear-gradient(135deg,#fef2f2,#fecaca);color:#c49a9a;border-color:#c49a9a33;box-shadow:0 1px 2px #c49a9a1a}.type-badge:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#c49a9a4d;transform:translateY(-1px);box-shadow:0 2px 4px #c49a9a26;color:#a87c7c}.type-icon{font-size:.65rem;opacity:.8;display:flex;align-items:center}.type-name{font-weight:600;text-transform:uppercase;line-height:1}@media (max-width: 1200px){.task-card-header{margin-bottom:8px}}@media (max-width: 1400px){.task-card{padding:12px}}@media (max-width: 1200px){.task-card{padding:10px}}@media (max-width: 900px){.task-card{padding:10px}}@media (max-width: 768px){.task-card{padding:8px}}.task-labels{display:flex;align-items:center;flex-wrap:wrap}.task-labels-list{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.task-label-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;font-weight:500;line-height:1.2;transition:all .15s ease;max-width:120px;overflow:hidden}.task-label-badge:hover{background-color:#f1f5f9;border-color:#cbd5e1}.task-label-icon{display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.task-label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.task-label-more{background-color:#f3f4f6;color:#6b7280;border-color:#d1d5db;font-style:italic;cursor:help}.task-label-more:hover{background-color:#e5e7eb}.task-label-more .task-label-text{font-size:.7rem}.task-labels.small .task-label-badge{padding:.125rem .375rem;font-size:.7rem;max-width:100px}.task-labels.small .task-label-icon{width:8px;height:8px}.task-labels.medium .task-label-badge{padding:.25rem .625rem;font-size:.8rem;max-width:140px}.task-labels.medium .task-label-icon{width:12px;height:12px}.task-labels.header-labels{margin-top:.25rem;margin-left:.5rem}@media (max-width: 768px){.task-labels-list{gap:.25rem}.task-label-badge{padding:.1rem .375rem;font-size:.65rem;max-width:80px}.task-labels.header-labels{margin-top:.375rem;margin-left:0}}.task-label-badge-removable{padding-right:.25rem!important;position:relative}.task-label-remove{display:flex;align-items:center;justify-content:center;padding:.125rem;margin-left:.25rem;background:none;border:none;border-radius:2px;color:#94a3b8;cursor:pointer;flex-shrink:0;transition:all .15s ease;width:16px;height:16px}.task-label-remove:hover{background-color:#f87171;color:#fff;transform:scale(1.1)}.task-label-remove:active{transform:scale(.95)}.task-label-remove svg{width:10px;height:10px;stroke-width:2.5}.task-label-badge-removable .task-label-text{margin-right:.125rem}.task-labels.small .task-label-remove{width:14px;height:14px;margin-left:.125rem}.task-labels.small .task-label-remove svg{width:8px;height:8px}.task-labels.medium .task-label-remove{width:18px;height:18px;margin-left:.375rem}.task-labels.medium .task-label-remove svg{width:12px;height:12px}.task-label-badge.priority-high{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.task-label-badge.priority-medium{background-color:#fffbeb;color:#d97706;border-color:#fed7aa}.task-label-badge.category-client{background-color:#ecfdf5;color:#059669;border-color:#a7f3d0}.task-label-badge.category-internal{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}.swimlanes-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:100%;overflow:hidden}.swimlane-count{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;min-width:24px;text-align:center;box-shadow:0 2px 4px #0f233833;border:1px solid rgba(196,154,154,.2);transition:all .2s ease}.swimlane-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;transition:background-color .3s cubic-bezier(.4,0,.2,1);border-bottom-left-radius:12px;border-bottom-right-radius:12px;-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1024px){.swimlane-content{padding:14px;gap:10px}}@media (max-width: 768px){.swimlanes-container{grid-template-columns:repeat(2,1fr);gap:16px}.swimlane-header{padding:14px 14px 10px}.swimlane-title{font-size:16px}.swimlane-content{padding:12px;gap:8px}}@media (max-width: 600px){.swimlanes-container{grid-template-columns:1fr;gap:12px}.swimlane{height:100%;min-height:0}}@media (max-width: 480px){.swimlane{height:100%}.swimlane-header{padding:10px 8px}.swimlane-title{font-size:14px}.swimlane-count{font-size:11px;padding:2px 6px}.swimlane-content{padding:8px;gap:8px}.swimlane-empty{min-height:100px;padding:20px 8px;font-size:12px}}.board{height:100%;overflow:hidden;display:flex;flex-direction:column}.task-board{padding:0 32px 8px;background:transparent;flex:1;display:flex;flex-direction:column;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:0}.task-board.with-filter-panel{margin-left:200px}min-width: 0; font-size: 11px; } .task-board.with-locked-panel .priority-badge{font-size:9px;padding:1px 4px;flex-shrink:0}.calendar-container{flex:1;overflow:hidden;margin-top:10px;display:flex;flex-direction:column;min-height:0}.task-board-loading,.task-board-error,.task-board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.loading-spinner{width:48px;height:48px;border:4px solid rgba(196,154,154,.2);border-top:4px solid #0F2338;border-right:4px solid #C49A9A;border-radius:50%;animation:premium-spin 1s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:20px;box-shadow:0 4px 12px #c49a9a26}@keyframes premium-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.task-board-error{color:var(--due-date-overdue-primary)}.task-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--badge-color-start),var(--badge-color-end));box-shadow:0 2px 4px #0000001a;transition:all .2s ease;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.task-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.4)}.swimlanes-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;flex:1;overflow:auto;min-height:0;padding-bottom:16px}.swimlane{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:100%;box-shadow:0 4px 12px #0f233814,0 2px 4px #0f23380a;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.swimlane:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c49a9a,#0f2338,#c49a9a);opacity:0;transition:opacity .3s ease}.swimlane:hover:before{opacity:.4}.swimlane:hover{box-shadow:0 6px 16px #c49a9a14,0 3px 6px #0f23380f;transform:translateY(-1px)}.swimlane-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:1px solid rgba(226,232,240,.3);background:linear-gradient(135deg,#0f233805,#0f233803);flex-shrink:0;border-top-left-radius:12px;border-top-right-radius:12px;backdrop-filter:blur(10px)}.swimlane-title{font-size:18px;font-weight:600;color:#0f2338;margin:0;letter-spacing:-.025em}.swimlane-count{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;min-width:24px;text-align:center;box-shadow:0 2px 4px #0f233833;border:1px solid rgba(196,154,154,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.swimlane-count:hover{background:linear-gradient(135deg,#c49a9a,#b08888);box-shadow:0 3px 6px #c49a9a4d}.swimlane-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;transition:background-color .3s cubic-bezier(.4,0,.2,1);border-bottom-left-radius:12px;border-bottom-right-radius:12px;scrollbar-width:none;-ms-overflow-style:none}.swimlane-content::-webkit-scrollbar{display:none}.swimlane-content.drag-over{background:linear-gradient(135deg,#c49a9a14,#c49a9a0a);border:2px dashed #C49A9A;border-radius:12px}.swimlane-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af;font-style:italic;text-align:center;padding:40px 20px}.swimlane-empty p{margin:0}.task-code-priority-group{display:flex;align-items:center;gap:6px}.task-type-name-header{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.task-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;background:linear-gradient(135deg,var(--badge-color-start),var(--badge-color-end));box-shadow:0 2px 4px #0000001a;transition:all .2s ease;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3);border:1px solid rgba(196,154,154,.15)}.task-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #c49a9a33;text-shadow:0 1px 3px rgba(0,0,0,.4);border-color:#c49a9a4d}.task-menu-button{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;font-size:16px;border-radius:4px;transition:all .2s;flex-shrink:0}.task-menu-button:hover{background:linear-gradient(135deg,#c49a9a14,#c49a9a0a);color:#c49a9a}.task-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.task-description{font-size:13px;color:#6b7280;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-due-date{font-size:12px;margin-bottom:4px;padding:2px 6px;border-radius:4px;display:inline-block}.task-due-date.overdue{background-color:var(--due-date-overdue-primary);color:var(--due-date-overdue-light)}.task-due-date.due-today{background-color:var(--due-date-today-light);color:var(--due-date-today-primary)}.task-due-date.due-soon{background-color:var(--due-date-soon-light);color:var(--due-date-soon-primary)}.task-due-date.due-normal{background-color:var(--due-date-normal-light);color:var(--due-date-normal-primary)}.menu-overlay{position:fixed;inset:0;z-index:998;background-color:#0f233805;backdrop-filter:blur(2px);animation:menuOverlayFadeIn .2s ease-out}@keyframes menuOverlayFadeIn{0%{opacity:0}to{opacity:1}}.task-menu{position:absolute;top:100%;right:0;background:linear-gradient(145deg,#fff,#fefefe);border:1px solid rgba(226,232,240,.6);border-radius:10px;box-shadow:0 8px 25px #0f233826,0 4px 12px #0f233814;z-index:999;min-width:160px;overflow:hidden;animation:menuSlideIn .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-section{padding:8px 0;border-bottom:1px solid #f3f4f6}.menu-section:last-child{border-bottom:none}.menu-section-title{display:block;padding:4px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.menu-item{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.menu-item:hover{background:linear-gradient(135deg,#0f23380a,#0f233805);color:#0f2338;transform:translate(2px)}.menu-item-delete{color:var(--due-date-overdue-primary)}.menu-item-delete:hover{background-color:#fef2f2}.task-type-badge{position:relative;overflow:hidden}.task-type-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.task-type-badge:hover:before{left:100%}.task-type-badge,.task-type-badge-large{border:1px solid rgba(255,255,255,.2)}.priority-badge{position:relative;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 1400px){.swimlanes-container{grid-template-columns:repeat(3,minmax(250px,1fr));gap:16px}.swimlane-content{padding:14px;gap:10px}.task-title{font-size:13px}.task-description{font-size:12px;margin:0 0 6px}}@media (max-width: 1200px){.swimlanes-container{grid-template-columns:repeat(3,minmax(200px,1fr));gap:14px}.swimlane-header{padding:14px 14px 10px}.swimlane-title{font-size:16px}.swimlane-content{padding:12px;gap:8px}}@media (max-width: 900px){.swimlanes-container{grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}.swimlane{height:100%;min-height:0}.task-code-priority-group{gap:4px}.task-type-badge{font-size:10px;padding:3px 6px}.priority-badge{font-size:9px;padding:2px 4px}.task-title{font-size:12px}.task-description{font-size:11px;-webkit-line-clamp:1}}@media (max-width: 768px){.task-board{padding:8px 12px}.task-board.with-filter-panel{margin-left:160px}.task-board.with-locked-panel{margin-left:280px}.swimlanes-container{grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px;margin-top:8px}.calendar-container{margin-top:8px}.swimlane{height:100%}.swimlane-header{padding:10px 8px}.swimlane-title{font-size:14px}.swimlane-count{font-size:11px;padding:2px 6px}.swimlane-content{padding:8px;gap:8px}.swimlane-empty{min-height:100px;padding:20px 8px;font-size:12px}.task-type-badge{font-size:9px;padding:2px 4px}.priority-badge{font-size:8px;padding:1px 3px}.task-title{font-size:11px}.task-description{display:none}}@media (max-width: 480px){.task-board.with-filter-panel{margin-left:140px}.task-board.with-locked-panel{margin-left:0}}.task-card-mobile{position:relative;background:#fff;border-radius:12px;margin:0 16px;padding:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f,0 0 0 .5px #0000000a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid #e5e5ea;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}.task-card-mobile:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff6,#fff0);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:14px 14px 0 0}@media (hover: hover){.task-card-mobile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014,0 0 0 .5px #0000000a}.task-card-mobile:hover:before{opacity:1}}.task-card-mobile:active{transform:scale(.98);box-shadow:0 1px 2px #0000000f,0 0 0 .5px #0000000a;transition:all .15s cubic-bezier(.4,0,.6,1)}.task-card-mobile:focus{outline:2px solid #007AFF;outline-offset:2px}.task-card-mobile.priority-high{border-left-color:var(--priority-high-primary);background:linear-gradient(90deg,var(--priority-high-light) 0%,white 8px)}.task-card-mobile.priority-high:hover{box-shadow:0 8px 24px var(--priority-high-alpha-20),0 4px 8px #00000014,0 0 0 .5px #0000000a}.task-card-mobile.priority-normal{border-left-color:var(--priority-normal-primary);background:linear-gradient(90deg,var(--priority-normal-light) 0%,white 8px)}.task-card-mobile.priority-normal:hover{box-shadow:0 8px 24px var(--priority-normal-alpha-20),0 4px 8px #00000014,0 0 0 .5px #0000000a}.task-card-mobile.priority-low{border-left-color:var(--priority-low-primary);background:linear-gradient(90deg,var(--priority-low-light) 0%,white 8px)}.task-card-mobile.priority-low:hover{box-shadow:0 8px 24px var(--priority-low-alpha-20),0 4px 8px #00000014,0 0 0 .5px #0000000a}.task-card-mobile .card-content{width:100%;display:flex;flex-direction:column;gap:8px}.task-card-mobile .task-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.task-card-mobile .task-title{font-size:17px;font-weight:600;color:#1c1c1e;margin:0;line-height:1.3;letter-spacing:-.2px;flex:1;min-width:0;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.task-card-mobile .task-badges{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.task-card-mobile .sequence{background:linear-gradient(135deg,var(--priority-normal-primary) 0%,var(--priority-normal-secondary) 100%);color:#fff;padding:3px 8px;border-radius:10px;font-weight:600;font-size:12px;line-height:1.2;box-shadow:0 1px 3px var(--priority-normal-alpha-20),0 1px 2px var(--priority-normal-alpha-10);white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.task-card-mobile:hover .sequence{transform:scale(1.05);box-shadow:0 4px 12px var(--priority-normal-alpha-25),0 2px 4px var(--priority-normal-alpha-20)}}.task-card-mobile .unread-indicator{width:10px;height:10px;background:var(--priority-high-primary);border-radius:50%;flex-shrink:0;position:relative;animation:task-card-mobile-pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 0 0 var(--priority-high-alpha-25),0 0 4px var(--priority-high-alpha-20)}@keyframes task-card-mobile-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 var(--priority-high-alpha-25),0 0 4px var(--priority-high-alpha-20)}50%{opacity:.9;transform:scale(1.15);box-shadow:0 0 0 4px var(--priority-high-alpha-10),0 0 8px var(--priority-high-alpha-25)}}.task-card-mobile .task-description{font-size:14px;color:#3c3c43;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic;background:#f9f9f9;padding:8px;border-radius:8px;border-left:2px solid #e5e5ea;box-shadow:inset 0 1px 2px #00000008}.task-card-mobile .card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:2px;border-top:.5px solid rgba(0,0,0,.08);font-size:13px;color:#8e8e93;gap:8px}.task-card-mobile .footer-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.task-card-mobile .footer-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-card-mobile .due-date{font-weight:600;font-size:13px;padding:5px 10px;border-radius:12px;background:#f2f2f7;color:#3c3c43;display:inline-flex;align-items:center;gap:4px;line-height:1.2;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.task-card-mobile .due-date:before{content:"📅";font-size:12px}.task-card-mobile .due-date.upcoming{background:var(--due-date-soon-light);color:var(--due-date-soon-primary);box-shadow:0 2px 4px var(--due-date-soon-alpha-20),0 1px 2px var(--due-date-soon-alpha-10)}.task-card-mobile .due-date.upcoming:before{content:"⏰"}.task-card-mobile .due-date.overdue{background:var(--due-date-overdue-primary);color:#fff;font-weight:700;animation:task-card-mobile-badge-pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 2px 8px var(--due-date-overdue-alpha-20),0 1px 3px var(--due-date-overdue-alpha-10)}@keyframes task-card-mobile-badge-pulse{0%,to{opacity:1}50%{opacity:.85}}.task-card-mobile .due-date.overdue:before{content:"⚠️"}.task-card-mobile .assignee{color:#3c3c43;font-size:11px;font-weight:600;background:#f2f2f7;padding:4px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;line-height:1;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.task-card-mobile .assignee:before{content:"👤";font-size:10px}.task-card-mobile .comment-count{display:inline-flex;align-items:center;gap:4px;color:#8e8e93;font-weight:600;font-size:13px;line-height:1.2;padding:4px 8px;border-radius:10px;background:#f2f2f7;box-shadow:0 1px 2px #00000008}.task-card-mobile .comment-count svg{flex-shrink:0;width:14px;height:14px;opacity:.8}.task-list-filter-panel-mobile-backdrop{position:fixed;inset:0;background:#0006;z-index:150;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:task-list-filter-panel-mobile-backdrop-fade-in .3s cubic-bezier(.4,0,.2,1) forwards;opacity:1}@keyframes task-list-filter-panel-mobile-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.task-list-filter-panel-mobile{position:fixed;bottom:0;left:0;right:0;max-height:80vh;z-index:200;background:#f2f2f7;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026,0 -4px 16px #0000001a,0 0 0 .5px #0000000a;display:flex;flex-direction:column;padding-bottom:max(env(safe-area-inset-bottom),20px);animation:task-list-filter-panel-mobile-slide-up .4s cubic-bezier(.4,0,.2,1) forwards;opacity:1}@keyframes task-list-filter-panel-mobile-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.task-list-filter-panel-mobile-handle{display:flex;justify-content:center;padding:8px 0;cursor:grab}.task-list-filter-panel-mobile-handle-bar{width:36px;height:5px;background:#0003;border-radius:3px}.task-list-filter-panel-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:.5px solid rgba(0,0,0,.08)}.task-list-filter-panel-mobile-title{font-size:20px;font-weight:700;color:#1c1c1e;margin:0;letter-spacing:-.3px}.task-list-filter-panel-mobile-close-btn{width:32px;height:32px;border-radius:16px;background:transparent;border:none;color:#8e8e93;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.task-list-filter-panel-mobile-close-btn:hover{background:#0000000f}.task-list-filter-panel-mobile-close-btn:active{background:#0000001f;transform:scale(.95)}.task-list-filter-panel-mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.task-list-filter-panel-mobile-section{background:#fff;margin-bottom:8px}.task-list-filter-panel-mobile-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border:none;border-bottom:.5px solid rgba(0,0,0,.08);cursor:pointer;text-align:left;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.task-list-filter-panel-mobile-section-header:hover{background:#00000005}.task-list-filter-panel-mobile-section-header:active{background:#0000000a}.task-list-filter-panel-mobile-section-title{font-size:16px;font-weight:600;color:#1c1c1e;flex:1}.task-list-filter-panel-mobile-section-count{font-size:14px;font-weight:600;color:#007aff;margin-right:8px}.task-list-filter-panel-mobile-chevron{color:#8e8e93;transition:transform .3s cubic-bezier(.4,0,.2,1)}.task-list-filter-panel-mobile-chevron.expanded{transform:rotate(180deg)}.task-list-filter-panel-mobile-section-content{padding:16px 20px;background:#f9f9f9;animation:task-list-filter-panel-mobile-section-expand .3s cubic-bezier(.4,0,.2,1)}.task-list-filter-panel-mobile-search-wrapper{position:relative;width:100%}.task-list-filter-panel-mobile-search-input{width:100%;height:44px;padding:12px 16px 12px 44px;background:#fff;border:1.5px solid #e5e5ea;border-radius:12px;font-size:16px;font-weight:400;color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.task-list-filter-panel-mobile-search-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a,0 1px 3px #0000000a}.task-list-filter-panel-mobile-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8e8e93;pointer-events:none;z-index:1}.task-list-filter-panel-mobile-search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:10px;background:#8e8e93;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1;-webkit-tap-highlight-color:transparent}.task-list-filter-panel-mobile-search-clear-btn:hover{background:#636366;transform:translateY(-50%) scale(1.1)}.task-list-filter-panel-mobile-search-clear-btn:active{transform:translateY(-50%) scale(.95)}.task-list-filter-panel-mobile-search-input::placeholder{color:#8e8e93;font-weight:400}.task-list-filter-panel-mobile-search-input::-webkit-input-placeholder{color:#8e8e93;font-weight:400}.task-list-filter-panel-mobile-search-input::-moz-placeholder{color:#8e8e93;font-weight:400}.task-list-filter-panel-mobile-search-input:-ms-input-placeholder{color:#8e8e93;font-weight:400}@keyframes task-list-filter-panel-mobile-section-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.task-list-filter-panel-mobile-chips{display:flex;flex-wrap:wrap;gap:8px}.task-list-filter-panel-mobile-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1.5px solid #e5e5ea;border-radius:20px;font-size:15px;font-weight:500;color:#3c3c43;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px #0000000a}.task-list-filter-panel-mobile-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.task-list-filter-panel-mobile-chip:active{transform:scale(.98)}.task-list-filter-panel-mobile-chip.active{background:linear-gradient(135deg,#c49a9a,#b8898a);border-color:#c49a9a;color:#fff;font-weight:600;box-shadow:0 2px 8px #c49a9a40,0 1px 4px #c49a9a26}.task-list-filter-panel-mobile-priority-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.task-list-filter-panel-mobile-priority-indicator.priority-high{background:var(--priority-high-primary, #FF3B30);box-shadow:0 0 0 2px #ff3b3033}.task-list-filter-panel-mobile-priority-indicator.priority-normal{background:var(--priority-normal-primary, #C49A9A);box-shadow:0 0 0 2px #c49a9a33}.task-list-filter-panel-mobile-priority-indicator.priority-low{background:var(--priority-low-primary, #8E8E93);box-shadow:0 0 0 2px #8e8e9333}.task-list-filter-panel-mobile-list{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.task-list-filter-panel-mobile-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:none;border-bottom:.5px solid rgba(0,0,0,.08);text-align:left;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;min-height:48px}.task-list-filter-panel-mobile-list-item:last-child{border-bottom:none}.task-list-filter-panel-mobile-list-item:hover{background:#00000005}.task-list-filter-panel-mobile-list-item:active{background:#0000000a}.task-list-filter-panel-mobile-list-item.active{background:#c49a9a14}.task-list-filter-panel-mobile-list-text{font-size:16px;font-weight:400;color:#1c1c1e;flex:1}.task-list-filter-panel-mobile-checkmark{color:#007aff;flex-shrink:0}.task-list-filter-panel-mobile-footer{display:flex;gap:12px;padding:16px 20px 0;background:#fff;border-top:.5px solid rgba(0,0,0,.08)}.task-list-filter-panel-mobile-clear-btn,.task-list-filter-panel-mobile-apply-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:48px;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:6px}.task-list-filter-panel-mobile-clear-btn{background:#f2f2f7;color:#3c3c43;border:1px solid #e5e5ea}.task-list-filter-panel-mobile-clear-btn:hover{background:#e5e5ea;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.task-list-filter-panel-mobile-clear-btn:active{transform:scale(.98)}.task-list-filter-panel-mobile-clear-btn:disabled{opacity:.4;cursor:not-allowed}.task-list-filter-panel-mobile-apply-btn{background:linear-gradient(135deg,#c49a9a,#b8898a);color:#fff;box-shadow:0 4px 12px #c49a9a40,0 2px 4px #c49a9a26}.task-list-filter-panel-mobile-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c49a9a4d,0 3px 6px #c49a9a33}.task-list-filter-panel-mobile-apply-btn:active{transform:scale(.98)}.task-list-filter-panel-mobile-apply-count{background:#ffffff40;padding:2px 8px;border-radius:10px;font-size:14px;font-weight:700}@media (max-width: 375px){.task-list-filter-panel-mobile-header{padding:10px 16px}.task-list-filter-panel-mobile-title{font-size:18px}.task-list-filter-panel-mobile-section-header,.task-list-filter-panel-mobile-section-content{padding-left:16px;padding-right:16px}.task-list-filter-panel-mobile-chip{font-size:14px;padding:8px 14px}.task-list-filter-panel-mobile-footer{padding:12px 16px 0}}@media (min-width: 768px){.task-list-filter-panel-mobile{max-width:600px;left:50%;transform:translate(-50%);border-radius:20px;bottom:20px;opacity:1}@keyframes task-list-filter-panel-mobile-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}}.task-filter-chips-mobile{position:relative;z-index:85;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px 16px;background:#f2f2f7;border-top:.5px solid rgba(0,0,0,.06);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.task-filter-chips-mobile::-webkit-scrollbar{display:none}.task-filter-chips-mobile:after{content:"";position:sticky;right:0;width:40px;height:100%;background:linear-gradient(90deg,#f2f2f700,#f2f2f7);pointer-events:none}.task-filter-chips-mobile__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e5ea;border-radius:16px;font-size:13px;font-weight:600;color:#3c3c43;white-space:nowrap;box-shadow:0 1px 3px #00000014;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.task-filter-chips-mobile__chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f;background:#f9f9f9}}.task-filter-chips-mobile__chip:active{transform:scale(.96);box-shadow:0 1px 2px #0000000f}.task-filter-chips-mobile__indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-filter-chips-mobile__icon{flex-shrink:0;opacity:.7}.task-filter-chips-mobile__chip--priority-high{border-color:var(--priority-high-primary, #ff3b30);background:linear-gradient(90deg,#ff3b3014,#fff 20px)}.task-filter-chips-mobile__chip--priority-high .task-filter-chips-mobile__indicator{background:var(--priority-high-primary, #ff3b30);box-shadow:0 0 0 2px #ff3b3026}.task-filter-chips-mobile__chip--priority-normal{border-color:var(--priority-normal-primary, #c49a9a);background:linear-gradient(90deg,#c49a9a14,#fff 20px)}.task-filter-chips-mobile__chip--priority-normal .task-filter-chips-mobile__indicator{background:var(--priority-normal-primary, #c49a9a);box-shadow:0 0 0 2px #c49a9a26}.task-filter-chips-mobile__chip--priority-low{border-color:var(--priority-low-primary, #8e8e93);background:linear-gradient(90deg,#8e8e9314,#fff 20px)}.task-filter-chips-mobile__chip--priority-low .task-filter-chips-mobile__indicator{background:var(--priority-low-primary, #8e8e93);box-shadow:0 0 0 2px #8e8e9326}.task-filter-chips-mobile__chip--search{border-color:#34c759;background:linear-gradient(90deg,#34c75914,#fff 20px)}.task-filter-chips-mobile__chip--search .task-filter-chips-mobile__icon{color:#34c759}.task-filter-chips-mobile__chip--assignee{border-color:#007aff;background:linear-gradient(90deg,#007aff14,#fff 20px)}.task-filter-chips-mobile__chip--assignee .task-filter-chips-mobile__icon{color:#007aff}.task-filter-chips-mobile__chip--label{border-color:#34c759;background:linear-gradient(90deg,#34c75914,#fff 20px)}.task-filter-chips-mobile__chip--label .task-filter-chips-mobile__icon{color:#34c759}.task-filter-chips-mobile__remove{flex-shrink:0;color:#8e8e93;transition:color .2s ease}.task-filter-chips-mobile__chip:hover .task-filter-chips-mobile__remove{color:#3c3c43}@media (max-width: 375px){.task-filter-chips-mobile{padding:10px 12px;gap:6px}.task-filter-chips-mobile__chip{padding:5px 10px;font-size:12px;gap:5px}.task-filter-chips-mobile__indicator{width:7px;height:7px}.task-filter-chips-mobile__icon{width:11px;height:11px}.task-filter-chips-mobile__remove{width:12px;height:12px}}@media (min-width: 768px){.task-filter-chips-mobile{max-width:600px;margin:0 auto}}.task-filter-button-mobile{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px));right:20px;z-index:350;width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#c49a9a,#b8898a);color:#fff;border:none;box-shadow:0 4px 16px #c49a9a4d,0 2px 8px #c49a9a33,0 0 0 .5px #ffffff1a inset;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}.task-filter-button-mobile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0 60%);border-radius:28px;opacity:1;transition:opacity .3s ease}.task-filter-button-mobile__icon{position:relative;z-index:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.task-filter-button-mobile__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:#ff3b30;color:#fff;border-radius:10px;font-size:11px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff;animation:task-filter-button-mobile-badge-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes task-filter-button-mobile-badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@media (hover: hover){.task-filter-button-mobile:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #c49a9a59,0 4px 12px #c49a9a40,0 0 0 .5px #ffffff26 inset}.task-filter-button-mobile:hover:before{opacity:.7}.task-filter-button-mobile:hover .task-filter-button-mobile__icon{transform:rotate(180deg)}}.task-filter-button-mobile:active,.task-filter-button-mobile--active{transform:scale(.95);box-shadow:0 2px 8px #c49a9a40,0 1px 4px #c49a9a26;transition:all .15s cubic-bezier(.4,0,.6,1)}.task-filter-button-mobile--active .task-filter-button-mobile__icon{transform:rotate(180deg)}.task-filter-button-mobile:focus{outline:2px solid #007AFF;outline-offset:2px}@media (max-width: 375px){.task-filter-button-mobile{width:52px;height:52px;border-radius:26px;bottom:max(20px,env(safe-area-inset-bottom,20px));right:16px}.task-filter-button-mobile__icon{width:18px;height:18px}}@media (min-width: 768px){.task-filter-button-mobile{width:64px;height:64px;border-radius:32px}.task-filter-button-mobile__icon{width:24px;height:24px}}.task-list-mobile{min-height:100vh;background-color:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;position:relative}.task-list-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f2f2f7;font-size:17px;color:#8e8e93;font-weight:400}.task-status-tabs{display:flex;background:#f2f2f7;padding:12px 16px;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.08)}.status-tab{flex:1;position:relative;padding:10px 8px;font-size:15px;font-weight:500;color:#1c1c1e;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:56px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;margin:0 2px}@media (hover: hover){.status-tab:hover{background-color:#0000000a}}.status-tab.active{color:#007aff;background:#fff;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f,0 0 0 .5px #0000000a;transform:scale(1.02)}.status-label{font-weight:600;font-size:15px;line-height:1.2;letter-spacing:-.2px}.status-count{background:#00000014;color:#3c3c43;padding:3px 8px;border-radius:12px;font-size:13px;font-weight:600;min-width:24px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.status-tab.active .status-count{background:#007aff;color:#fff;box-shadow:0 2px 4px #007aff40,0 1px 2px #007aff26}.task-list-content{flex:1;background-color:#f2f2f7;padding-bottom:max(16px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.task-list{display:flex;flex-direction:column;gap:12px;padding:16px 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;min-height:400px}.empty-state-icon{font-size:64px;margin-bottom:16px;animation:icon-float 3s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-size:22px;font-weight:700;color:#1c1c1e;margin:0 0 8px;letter-spacing:-.4px}.empty-state-subtitle{font-size:15px;color:#8e8e93;margin:0 0 24px;line-height:1.4;max-width:280px}.empty-state-action{background:#007aff;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;box-shadow:0 4px 12px #007aff40,0 2px 4px #007aff26;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:120px;-webkit-tap-highlight-color:transparent}@media (hover: hover){.empty-state-action:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 6px 16px #007aff4d,0 3px 6px #007aff33}}.empty-state-action:active{transform:scale(.96);box-shadow:0 2px 6px #007aff33,0 1px 2px #007aff1a;transition:all .15s cubic-bezier(.4,0,.6,1)}.skeleton-list{display:flex;flex-direction:column;gap:12px;padding:16px}.task-card-skeleton{position:relative;background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;animation:skeleton-pulse 1.5s ease-in-out infinite;overflow:hidden}.task-card-skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:skeleton-shimmer 2s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.skeleton-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.skeleton-meta{display:flex;align-items:center;gap:8px}.skeleton-sop-code{width:48px;height:20px;background:#f2f2f7;border-radius:8px}.skeleton-sequence{width:32px;height:20px;background:#f2f2f7;border-radius:8px}.skeleton-indicator{width:10px;height:10px;background:#f2f2f7;border-radius:50%}.skeleton-title{width:75%;height:20px;background:#f2f2f7;border-radius:8px;margin-bottom:6px}.skeleton-title-second{width:55%;height:20px;background:#f2f2f7;border-radius:8px;margin-bottom:12px}.skeleton-description{width:90%;height:48px;background:#f9f9f9;border-radius:8px;margin-bottom:12px;border-left:3px solid #e5e5ea}.skeleton-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:.5px solid rgba(0,0,0,.08)}.skeleton-date{width:64px;height:22px;background:#f2f2f7;border-radius:8px}.skeleton-comments{width:48px;height:22px;background:#f2f2f7;border-radius:8px}.task-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;min-height:400px}.task-list-error h2{font-size:22px;font-weight:700;color:var(--priority-high-primary);margin:0 0 8px;letter-spacing:-.4px}.task-list-error p{font-size:15px;color:#8e8e93;margin:0 0 24px;line-height:1.4;max-width:280px}.retry-button{background:var(--priority-high-primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;box-shadow:0 4px 12px var(--priority-high-alpha-25),0 2px 4px var(--priority-high-alpha-10);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:120px;-webkit-tap-highlight-color:transparent}@media (hover: hover){.retry-button:hover{background:var(--priority-high-secondary);transform:translateY(-2px);box-shadow:0 6px 16px var(--priority-high-alpha-25),0 3px 6px var(--priority-high-alpha-20)}}.retry-button:active{transform:scale(.96);box-shadow:0 2px 6px var(--priority-high-alpha-20),0 1px 2px var(--priority-high-alpha-10);transition:all .15s cubic-bezier(.4,0,.6,1)}.menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;animation:overlay-fade-in .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.side-menu{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;background:#f2f2f7;z-index:300;display:flex;flex-direction:column;border-left:.5px solid rgba(0,0,0,.08);animation:menu-slide-in .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #00000026}@keyframes menu-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.side-menu-header{display:flex;justify-content:space-between;align-items:center;padding-top:max(env(safe-area-inset-top),20px);padding-bottom:8px;padding-left:16px;padding-right:16px;background:linear-gradient(180deg,#c49a9a,#b8898a);border-bottom:.5px solid rgba(0,0,0,.08);min-height:72px;color:#fff}.side-menu-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.side-menu-avatar{width:44px;height:44px;border-radius:22px;background:#0f2338;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #0f233840}.side-menu-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.side-menu-user-name{font-weight:600;font-size:16px;line-height:1.2;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-menu-user-role{font-size:13px;font-weight:400;color:#fffc;text-transform:capitalize}.menu-close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;width:32px;height:32px;border-radius:16px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.menu-close-btn:hover{background:#ffffff26}.menu-close-btn:active{background:#ffffff40;transform:scale(.95)}.side-menu-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f2f2f7;display:flex;flex-direction:column}.menu-section{padding:0}.menu-section-title{font-size:13px;font-weight:400;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin:24px 16px 8px;padding:0}.menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;margin:0;background:#fff;border:none;border-bottom:.5px solid rgba(0,0,0,.08);text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:16px;color:#1c1c1e;min-height:44px;-webkit-tap-highlight-color:transparent}.menu-item:hover{background:#0000000a}.menu-item:active{background:#00000014}.menu-item-text{font-weight:400;font-size:16px}.menu-section-bottom{margin-top:auto;border-top:8px solid #f2f2f7;background:#f2f2f7;padding-bottom:max(32px,env(safe-area-inset-bottom))}.logout-item{color:#ff3b30;font-weight:400;background:#fff;border-bottom:none}.logout-item:hover{background:#ff3b300f}.logout-item:active{background:#ff3b301f}.menu-item:first-child{border-top:.5px solid rgba(0,0,0,.08)}@media (max-width: 390px){.task-status-tabs{padding:10px 12px}.status-tab{padding:8px 6px;font-size:14px;min-height:52px}.status-count{font-size:12px;padding:2px 6px}}@media (max-width: 375px){.task-status-tabs{padding:8px 12px}.status-tab{padding:8px 4px;font-size:13px;gap:4px;min-height:50px}.status-label{font-size:14px}.status-count{font-size:11px;padding:2px 6px;min-width:20px}.task-list{gap:10px;padding:12px 0}.empty-state{padding:48px 24px}.empty-state-icon{font-size:56px}.empty-state-title{font-size:20px}.empty-state-subtitle{font-size:14px}}@media (max-width: 320px){.task-status-tabs{padding:8px}.status-tab{padding:6px 2px;font-size:12px;gap:3px;margin:0 1px}.status-label{font-size:13px}.status-count{font-size:10px;padding:2px 5px;min-width:18px}.task-list{gap:8px}.empty-state{padding:40px 20px}}@media (min-width: 768px){.task-list-content{max-width:600px;margin:0 auto}}.badge-text{font-size:.75rem;line-height:1;color:#0f2338}.task-type-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.task-type-badge-bottom{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:.75rem}.task-type-card:hover .badge-general{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d;transform:scale(1.05);box-shadow:0 4px 12px #22c55e4d;border-color:#15803d}.task-type-card:hover .badge-sop{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d;border-color:#1d4ed8}.task-type-card.selected .badge-general{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 12px #15803d66;border-color:#14532d}.task-type-card.selected .badge-sop{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;box-shadow:0 4px 12px #1e40af66;border-color:#1e3a8a}.task-type-card.general-task{border-left:4px solid #16a34a}.task-type-card.sop-workflow{border-left:4px solid #0f2338}.task-type-card.general-task:hover,.task-type-card.general-task.selected{border-left-color:#15803d}.task-type-card.sop-workflow:hover,.task-type-card.sop-workflow.selected{border-left-color:#0f172a}.workflow-two-column .form-group{width:100%;margin-bottom:0;display:flex;flex-direction:column}.workflow-two-column .form-group>*:not(label):not(.form-label){width:100%!important;max-width:100%!important}.workflow-two-column .premium-text-input,.workflow-two-column .premium-dropdown,.workflow-two-column .premium-datetime-picker,.workflow-two-column .ql-container,.workflow-two-column .premium-rich-text-editor,.workflow-two-column .premium-rich-text-editor__container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.workflow-two-column .premium-rich-text-editor__content,.workflow-two-column .premium-rich-text-editor__textarea,.workflow-two-column .premium-rich-text-editor__preview{width:100%!important;max-width:100%!important;box-sizing:border-box!important;word-wrap:break-word;overflow-wrap:break-word}.workflow-two-column .premium-rich-text-editor__toolbar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:wrap}.workflow-two-column .premium-rich-text-editor__footer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.workflow-two-column .premium-dropdown__trigger,.workflow-two-column .premium-dropdown__container{width:100%!important;max-width:100%!important;box-sizing:border-box}.workflow-left-column .form-section,.workflow-right-column .form-section{flex:1;display:flex;flex-direction:column;gap:1rem;width:100%;border:none}.workflow-left-column .section-header,.workflow-right-column .section-header{margin-bottom:.5rem;padding-bottom:.5rem}.form-group .ql-container{border-radius:12px;border:2px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:100%!important;width:100%!important}.form-group .ql-container:focus-within{border-color:#0f2338;box-shadow:0 0 0 4px #0f23381a}.recurrence-section{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1.5rem;position:relative;overflow:visible!important;z-index:100}.recurrence-section .premium-datetime-picker{overflow:visible!important;position:relative;z-index:1000}.recurrence-section .form-group{overflow:visible!important;position:relative}.workflow-left-column{border-right:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex-direction:column}.workflow-right-column{box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:4rem}.workflow-two-column{gap:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;height:100%;position:relative;overflow:visible!important}.form-group-horizontal{display:flex;gap:1rem;width:100%;margin-bottom:0}.form-group-horizontal .form-group{flex:1;margin-bottom:0;min-width:0}.form-group-half-width{width:calc(50% - .5rem);margin-bottom:0}.form-group-half-width .form-group{margin-bottom:0}.page-container .modal-workflow{height:calc(100vh - 140px)!important;overflow:visible!important;position:relative}.page-container .workflow-two-column{height:100%!important;overflow:visible!important;position:relative}.page-container .workflow-left-column{height:100%!important;overflow-y:auto!important;overflow-x:visible!important;position:relative;z-index:100;padding-bottom:400px;scroll-padding:20px;scroll-padding-top:20px;scroll-padding-bottom:20px;scroll-behavior:smooth}.page-container .workflow-right-column{height:100%!important;max-height:calc(100vh - 160px)!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb;scroll-padding:20px;scroll-padding-top:20px;scroll-padding-bottom:20px;scroll-behavior:smooth;padding-bottom:6rem!important}.page-container .workflow-right-column::-webkit-scrollbar{width:8px}.page-container .workflow-right-column::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.page-container .workflow-right-column::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.page-container .workflow-right-column::-webkit-scrollbar-thumb:hover{background:#9ca3af}.page-container .modal-form,.page-container .modal-form-content{height:auto!important;overflow:visible!important}.page-container,.page-container .modal-content,.page-container .modal-body{overflow:visible!important;position:relative}.workflow-left-column .calendar-dropdown,.recurrence-section .calendar-dropdown{z-index:10000!important}.recurrence-section .premium-date-picker{position:relative!important;z-index:1000!important}.page-container .workflow-right-column .premium-rich-text-editor{width:100%!important;max-width:100%!important;flex:1;display:flex;flex-direction:column}.page-container .workflow-right-column .premium-rich-text-editor__container{flex:1;display:flex;flex-direction:column;min-height:200px;max-height:400px}.page-container .workflow-right-column .premium-rich-text-editor__content{flex:1}.page-container .workflow-right-column .premium-rich-text-editor__textarea,.page-container .workflow-right-column .premium-rich-text-editor__preview{min-height:150px!important;max-height:350px!important;flex:1;overflow-y:auto!important}.page-container .workflow-right-column .form-group{width:100%!important;max-width:100%!important}.page-container .workflow-right-column .form-group:last-child{flex:1;display:flex;flex-direction:column}.workflow-left-column .premium-dropdown,.workflow-left-column select,.workflow-left-column input{width:100%!important}.workflow-left-column .premium-datetime-picker,.workflow-left-column .premium-date-picker{width:100%!important;position:relative!important}.workflow-left-column .premium-date-picker .calendar-dropdown,.recurrence-section .premium-date-picker .calendar-dropdown{z-index:10000!important;background:#fff!important;opacity:1!important}.workflow-left-column .premium-date-picker .calendar-dropdown:after,.recurrence-section .premium-date-picker .calendar-dropdown:after{content:""!important;position:absolute!important;inset:0!important;background:#fff!important;z-index:-1!important;border-radius:12px!important}.workflow-left-column .calendar-backdrop,.recurrence-section .calendar-backdrop{z-index:999998!important}.date-picker-portal,.datetime-picker-portal{z-index:999999!important}.workflow-left-column .form-section>*{margin-bottom:0}.workflow-right-column input[type=text],.workflow-right-column .premium-text-input{width:100%!important;font-size:1.125rem}@media (max-width: 768px){.form-group-horizontal{flex-direction:column;gap:0}.form-group-horizontal .form-group{margin-bottom:1.25rem}.form-group-half-width{width:100%}.form-group-half-width .date-picker__dropdown{width:auto!important;min-width:300px!important}.form-group-half-width .date-picker__calendar{width:auto!important;min-width:280px!important}}@media (max-width: 1024px){.workflow-left-column .form-section,.workflow-left-column{padding-left:1rem!important;padding-right:1rem!important;border-right:none;border-bottom:1px solid #e5e7eb}.workflow-right-column{padding-left:1rem!important;padding-right:1rem!important;padding-bottom:3rem!important;background:transparent;max-height:calc(100vh - 140px)!important}.page-container .modal-workflow{height:auto!important;min-height:calc(100vh - 120px);overflow-y:auto!important}.page-container .workflow-two-column{height:auto!important;min-height:calc(100vh - 120px);overflow:visible!important}}@media (max-height: 700px),(max-width: 768px){.page-container .workflow-right-column{max-height:calc(100vh - 120px)!important;padding-bottom:4rem!important}.page-container .workflow-right-column .premium-rich-text-editor__container{min-height:150px!important;max-height:300px!important}.page-container .workflow-right-column .premium-rich-text-editor__textarea,.page-container .workflow-right-column .premium-rich-text-editor__preview{min-height:120px!important;max-height:250px!important}}.recurrence-section{position:relative;padding-bottom:20px}.recurrence-section .premium-dropdown{position:relative}.recurrence-section .premium-dropdown .dropdown-list,.form-group-horizontal .premium-dropdown .dropdown-list{max-height:250px!important;overflow-y:auto!important;position:absolute!important;z-index:9999!important}.workflow-left-column .form-section:last-child{padding-bottom:150px!important;margin-bottom:50px!important}.btn-save-task-premium{position:relative;min-width:150px;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f2338,#1a3b5c,#0f2338);background-size:200% 100%;color:#fff;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f233840,inset 0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:shimmer 3s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-save-task-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f233859,inset 0 1px #fff3;border-color:#fff3}.btn-save-task-premium:active{transform:translateY(0);box-shadow:0 2px 8px #0f233840,inset 0 1px #0000001a}.btn-save-task-premium:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save-task-premium:disabled:hover{transform:none;box-shadow:0 4px 12px #0f233840,inset 0 1px #ffffff1a;border-color:#ffffff1a}.btn-save-task-premium .btn-sparkle{font-size:1.1rem;filter:drop-shadow(0 0 3px rgba(255,255,255,.5));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}50%{transform:scale(1.1) rotate(15deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}}.btn-save-task-premium .btn-text{position:relative;z-index:2;letter-spacing:.025em}.btn-save-task-premium .btn-gradient-overlay{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.btn-save-task-premium:hover .btn-gradient-overlay{transform:translate(100%)}.btn-save-task-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(196,154,154,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.btn-save-task-premium:hover:before{opacity:1}@media (max-width: 768px){.btn-save-task-premium{min-width:120px;padding:.625rem 1.25rem;font-size:.9rem}}@media (max-width: 480px){.btn-save-task-premium{width:100%;min-width:auto;padding:.75rem 1rem;font-size:.875rem}}@media (prefers-reduced-motion: reduce){.btn-save-task-premium{animation:none;transition:none}.btn-save-task-premium .btn-sparkle{animation:none}.btn-save-task-premium:hover{transform:none}.btn-save-task-premium .btn-gradient-overlay{transition:none}}.checklist-modal .modal-content{max-width:640px;max-height:85vh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 8px 25px #0f233826;animation:fadeInScale .2s ease-out}@media (max-width: 768px){.checklist-modal .modal-content{max-width:95%;max-height:75vh;margin:1rem;border-radius:10px}.checklist-modal-content{padding:1rem}.checklist-items-container{gap:.625rem}.checklist-item-card{padding:.875rem 1rem;gap:.75rem}.checklist-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.checklist-item-status{align-self:flex-start}.checklist-item-number-badge{min-width:1.75rem;height:1.75rem;font-size:.8rem}.checklist-item-name{font-size:.9rem}.checklist-item-description{font-size:.8rem}.status-badge{font-size:.7rem;padding:.1rem .375rem}.checklist-empty-state{padding:2rem 1.5rem}.empty-state-icon{font-size:2.5rem}}@media (min-width: 1024px){.checklist-modal .modal-content{max-width:720px}.checklist-modal-content{padding:2rem}.checklist-items-container{gap:1rem}.checklist-item-card{padding:1.25rem 1.5rem}.checklist-item-name{font-size:1rem}.checklist-item-description{font-size:.9rem}}.checklist-modal .modal-content{max-width:640px;max-height:85vh;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 8px 25px #0f233826}.checklist-modal .modal-body{padding:0}.checklist-modal-header{padding:0 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.checklist-count-badge{display:inline-flex;align-items:baseline;gap:.375rem;padding:.375rem .75rem;background:#0f2338;color:#fff;border-radius:16px;font-weight:600;flex-shrink:0}.checklist-count-badge .count-number{font-size:1rem;font-weight:700}.checklist-count-badge .count-label{font-size:.8rem;opacity:.9}.checklist-modal-content{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.checklist-items-container{display:flex;flex-direction:column;gap:.75rem}.checklist-item-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;cursor:default}.checklist-item-card:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.checklist-item-number-badge{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.checklist-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.checklist-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.checklist-item-name{flex:1;color:#111827;font-size:.95rem;line-height:1.5;font-weight:500}.checklist-item-status{flex-shrink:0}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.required{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.status-badge.optional{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.checklist-item-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-top:.25rem}.checklist-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-message{color:#6b7280;font-size:.95rem;font-style:italic;max-width:280px;line-height:1.5}.view-checklist-link{display:inline-flex;align-items:center;gap:.375rem;margin-left:.75rem;padding:.25rem .625rem;background:linear-gradient(135deg,#3b82f6,#1976d2);color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.view-checklist-link:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.view-checklist-link:active{transform:translateY(0)}.checklist-modal-content::-webkit-scrollbar{width:8px}.checklist-modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.checklist-modal-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.checklist-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (max-width: 768px){.checklist-modal .modal-content{max-width:95%;max-height:75vh;margin:1rem;border-radius:10px}.checklist-modal-header{padding:0 1rem .75rem}.checklist-count-badge{padding:.25rem .625rem}.checklist-count-badge .count-number{font-size:.875rem}.checklist-count-badge .count-label{font-size:.75rem}.checklist-modal-content{padding:1rem}.checklist-items-container{gap:.625rem}.checklist-item-card{padding:.875rem 1rem;gap:.75rem}.checklist-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.checklist-item-status{align-self:flex-start}.checklist-item-number-badge{min-width:1.75rem;height:1.75rem;font-size:.8rem}.checklist-item-name{font-size:.9rem}.checklist-item-description{font-size:.8rem}.status-badge{font-size:.7rem;padding:.1rem .375rem}.view-checklist-link{font-size:.75rem;padding:.2rem .5rem;margin-left:.5rem}.checklist-empty-state{padding:2rem 1.5rem}.empty-state-icon{font-size:2.5rem}}@media (min-width: 1024px){.checklist-modal .modal-content{max-width:720px}.checklist-modal-header{padding:0 2rem 1.25rem}.checklist-count-badge{padding:.5rem 1rem}.checklist-count-badge .count-number{font-size:1.125rem}.checklist-count-badge .count-label{font-size:.875rem}.checklist-modal-content{padding:2rem}.checklist-items-container{gap:1rem}.checklist-item-card{padding:1.25rem 1.5rem}.checklist-item-name{font-size:1rem}.checklist-item-description{font-size:.9rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.checklist-modal .modal-content{animation:fadeInScale .2s ease-out}.checklist-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.checklist-loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#0f2338;border-radius:50%;animation:spin .8s linear infinite}.file-selector{width:100%;scroll-margin:40px;scroll-margin-top:40px;scroll-margin-bottom:60px;margin-bottom:3rem}.file-selector-dropzone{border:2px dashed #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center}.file-selector-dropzone:hover:not(.disabled){border-color:#0f2338;background-color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f23381a}.file-selector-dropzone.drag-active{border-color:#0f2338;background-color:#f0f4f8;border-style:solid}.file-selector-dropzone.disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.dropzone-icon{color:#0f2338;margin-bottom:.75rem;display:flex;justify-content:center;align-items:center}.dropzone-icon svg{width:40px;height:40px}.dropzone-text{color:#374151}.dropzone-message{margin:0;font-size:.875rem;color:#111827;margin-bottom:.25rem}.dropzone-message strong{color:#0f2338;font-weight:600}.dropzone-hint{margin:0;font-size:.75rem;color:#6b7280}.selected-files-list{margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:1.5rem}.selected-files-header{margin-bottom:.75rem}.selected-files-title{margin:0;font-size:.875rem;font-weight:600;color:#0f2338}.selected-files-items{display:flex;flex-direction:column;gap:.5rem}.selected-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.selected-file-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.selected-file-item.uploading{border-color:#3b82f6;background-color:#eff6ff}.selected-file-item.uploaded{border-color:#16a34a;background-color:#f0fdf4}.selected-file-item.error{border-color:#dc2626;background-color:#fef2f2}.file-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.file-icon{font-size:1.25rem;flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-weight:500;color:#111827;font-size:.8125rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#6b7280;flex-wrap:wrap}.file-separator{color:#d1d5db}.file-size{white-space:nowrap}.file-status{white-space:nowrap;text-transform:capitalize}.file-status.status-uploading{color:#3b82f6}.file-status.status-uploaded{color:#16a34a}.file-status.status-error{color:#dc2626}.file-error{color:#dc2626;font-size:.7rem}.file-progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;margin-top:.5rem;overflow:hidden}.file-progress-fill{height:100%;background:linear-gradient(90deg,#0f2338,#1a3b5c);border-radius:2px;transition:width .3s ease}.btn-remove-file{background:none;border:1px solid #e5e7eb;padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280;flex-shrink:0}.btn-remove-file:hover{background-color:#fef2f2;border-color:#dc2626;color:#dc2626}.btn-remove-file svg{width:16px;height:16px}@media (max-width: 768px){.file-selector-dropzone{padding:1.25rem}.dropzone-icon svg{width:32px;height:32px}.dropzone-message{font-size:.8125rem}.dropzone-hint{font-size:.7rem}.selected-file-item{padding:.625rem}.file-info{gap:.625rem}.file-icon{font-size:1.125rem}.file-name{font-size:.75rem}.file-meta{font-size:.65rem}}.mobile-task-page{min-height:calc(100vh - 120px);background:#f9fafb}.mobile-page-header{padding:1rem!important;margin:0 0 1rem!important;background:#fff!important;border-radius:0!important;box-shadow:0 2px 8px #00000014!important}.mobile-page-header h1{font-size:1.25rem!important;margin:0!important}.mobile-page-header .page-header-left{flex:0 0 auto}.mobile-page-header .page-header-title.mobile-page-title{font-size:1.25rem!important;margin:0!important;flex:1;text-align:center;padding:0 .5rem}.mobile-page-header .page-header-right{flex:0 0 auto}.mobile-page-header .page-header-actions{gap:.5rem!important}.mobile-btn{padding:.5rem 1rem!important;font-size:.875rem!important}.mobile-workflow{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:0 1rem 1rem;overflow:hidden}.mobile-form{display:flex;flex-direction:column;height:auto}.mobile-form-content{padding:0 .5rem!important;overflow-y:auto;max-height:calc(100vh - 250px)}.mobile-section-title{font-size:1.25rem!important;text-align:left!important;margin:0 0 1rem!important}.mobile-section-title:after{display:none!important}.mobile-task-type-grid{display:flex;flex-direction:column;gap:.5rem}.mobile-task-type-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:.875rem;display:flex;flex-direction:column;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:100px}.mobile-task-type-card.general-task{border-left:4px solid #16a34a}.mobile-task-type-card.sop-workflow{border-left:4px solid #0f2338}.mobile-task-type-card.general-task:hover,.mobile-task-type-card.general-task.selected{border-left-color:#15803d}.mobile-task-type-card.sop-workflow:hover,.mobile-task-type-card.sop-workflow.selected{border-left-color:#0f172a}.mobile-task-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#0f2338,transparent);opacity:0;transition:opacity .3s ease}.mobile-task-type-card:hover{border-color:#0f2338;transform:translateY(-2px);box-shadow:0 4px 12px #0f233826}.mobile-task-type-card:hover:before{opacity:1}.mobile-task-type-card.selected{border-color:#0f2338;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 6px 20px #0f233833}.mobile-task-type-card.selected:before{opacity:1;background:linear-gradient(90deg,#0f2338,#c49a9a,#0f2338)}.mobile-task-type-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.mobile-task-type-subtitle{font-size:.75rem;color:#6b7280;margin:0;line-height:1.3}.mobile-task-type-card.selected .mobile-task-type-title{color:#0f2338}.mobile-task-type-badge-bottom{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:.5rem}.task-type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-badge{padding:.25rem .5rem!important;font-size:.625rem!important;border-radius:12px!important;flex-shrink:0}.badge-general{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#0f2338;border:1px solid #16a34a;font-weight:700}.badge-sop{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#0f2338;border:1px solid #2563eb;font-weight:700}.badge-icon{font-size:.875rem;display:inline-block}.badge-text{font-size:.75rem;line-height:1}.mobile-badge .badge-icon{font-size:.75rem!important}.mobile-badge .badge-text{font-size:.625rem!important}.mobile-task-type-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem;line-height:1.3}.mobile-task-type-card:hover .badge-general{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#14532d;transform:scale(1.05);box-shadow:0 2px 6px #22c55e4d;border-color:#15803d}.mobile-task-type-card:hover .badge-sop{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;transform:scale(1.05);box-shadow:0 2px 6px #3b82f64d;border-color:#1d4ed8}.mobile-task-type-card.selected .badge-general{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 6px #15803d66;border-color:#14532d}.mobile-task-type-card.selected .badge-sop{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;box-shadow:0 2px 6px #1e40af66;border-color:#1e3a8a}.mobile-full-width{width:100%}.mobile-full-width .form-label{display:block;width:100%;margin-bottom:.5rem}.mobile-input,.mobile-select{width:100%;box-sizing:border-box}.mobile-textarea{width:100%;min-height:80px;resize:vertical;font-family:inherit;line-height:1.4;padding:.5rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.mobile-textarea:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.mobile-textarea.error{border-color:#dc2626}.mobile-editor-container{display:none}.mobile-priority-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.priority-btn{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;text-transform:uppercase;letter-spacing:.025em}.priority-btn.low{background:#6b72804d;border-color:#6b7280;color:#6b7280}.priority-btn.low.selected{background:#6b7280;border-color:#6b7280;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #6b728066}.priority-btn.normal{background:#c49a9a4d;border-color:#c49a9a;color:#c49a9a}.priority-btn.normal.selected{background:#c49a9a;border-color:#c49a9a;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #c49a9a66}.priority-btn.high{background:#dc26264d;border-color:#dc2626;color:#dc2626}.priority-btn.high.selected{background:#dc2626;border-color:#dc2626;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #dc262666}.mobile-toggle-group{display:flex;align-items:center;justify-content:space-between}.mobile-recurrence-section{background:#f9fafb;border-radius:8px;padding-top:.75rem;border:1px solid #e5e7eb}.mobile-recurrence-fields{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0f2338;border-radius:50%;animation:spin 1s linear infinite}.mobile-task-page .form-section{margin:0}.mobile-task-page .form-section.mobile-full-width{width:100%}.mobile-task-page .form-label{font-size:.875rem;font-weight:600;margin:0;display:block}.mobile-task-page .form-label+.form-section{margin-top:0}.mobile-task-page .mobile-full-width .premium-dropdown{width:100%!important;display:flex!important}.mobile-task-page .mobile-full-width .premium-dropdown .dropdown-wrapper{width:100%!important;min-width:unset!important;box-sizing:border-box!important}.mobile-task-page .mobile-full-width .premium-dropdown .dropdown-trigger{width:100%!important;box-sizing:border-box!important}.mobile-task-page .mobile-full-width .premium-text-input{width:100%!important}.mobile-task-page .mobile-full-width .premium-text-input__container,.mobile-task-page .mobile-full-width .premium-text-input__input{width:100%!important;box-sizing:border-box!important}.mobile-task-content>.form-label{margin:0}.mobile-task-content>.form-label:first-child{margin:0}.mobile-task-page .form-input,.mobile-task-page .form-select{padding:.5rem;font-size:1rem;border-radius:6px;border:2px solid #e5e7eb;width:100%;box-sizing:border-box}.mobile-task-page .form-input:focus,.mobile-task-page .form-select:focus{border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.mobile-task-page .form-group{margin:0}.mobile-task-page .form-group.mobile-full-width{width:100%}.mobile-task-page .form-error{font-size:.8rem;margin-top:.375rem;color:#dc2626}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:all .3s ease;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#c49a9a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.task-type-radio-hidden{position:absolute;opacity:0;pointer-events:none}.mobile-back-btn-text{background:none;border:1px solid #e5e7eb;color:#0f2338;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.mobile-back-btn-text:hover{background:#f3f4f6;border-color:#0f2338}.mobile-section-subtitle{font-size:1rem;font-weight:600;color:#0f2338;margin:0 0 .5rem}.mobile-sop-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.4}.mobile-steps-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.mobile-steps-count{font-size:.8rem;color:#6b7280;font-weight:500}.mobile-sop-steps-container{display:flex;flex-direction:column;gap:.75rem}.mobile-sop-step-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;transition:all .3s ease}.mobile-sop-step-card:has(.mobile-step-checkbox:checked){border-color:#0f2338;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.mobile-step-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;width:100%}.mobile-step-checkbox{width:18px;height:18px;accent-color:#0f2338;cursor:pointer;flex-shrink:0}.mobile-step-info{flex:1;min-width:0}.mobile-step-number{font-size:.7rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em;display:block;margin-bottom:.25rem}.mobile-step-title{font-size:.875rem;font-weight:600;color:#111827;margin:0;line-height:1.3}@media (max-width: 360px){.mobile-page-header{padding:.75rem!important}.mobile-page-header h1{font-size:1.125rem!important}.mobile-workflow{margin:0 .75rem .75rem}.mobile-form-content{padding:.75rem!important}.mobile-btn{padding:.4rem .75rem!important;font-size:.8rem!important}.mobile-priority-buttons{grid-template-columns:1fr}}.mobile-expandable-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;overflow:hidden;border:1px solid #f0f0f0}.mobile-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#fff,#f9fafb);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f0f0f0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-section-header:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.mobile-section-header:active{background:#f3f4f6;transform:scale(.98)}.mobile-section-title{font-size:1rem;font-weight:600;color:#0f2338;margin:0;letter-spacing:-.2px}.mobile-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#6b7280;flex-shrink:0}.mobile-chevron.expanded{transform:rotate(180deg);color:#0f2338}.mobile-section-content{padding:.75rem 1rem 1rem;background:#fff;border-top:1px solid #f9fafb;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.mobile-task-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.mobile-checklist-preview-btn{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);color:#0277bd;border:1px solid #0288d1;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:.25rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-checklist-preview-btn:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa);color:#01579b;transform:scale(1.05);box-shadow:0 2px 8px #0288d14d}.mobile-checklist-preview-btn:active{transform:scale(.95)}.mobile-form-section{display:flex;flex-direction:column;gap:1.5rem;background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.mobile-upload-hint{color:#6b7280;font-style:italic;margin-top:.5rem;padding:.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;border-left:3px solid #0f2338}.mobile-header-error{position:absolute;top:-2rem;right:0;background:#fee2e2;color:#dc2626;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;white-space:nowrap;border:1px solid #fecaca}.loading-spinner-small{display:inline-block;animation:pulse 2s infinite}.mobile-btn{display:flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:.025em;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0f233833}.mobile-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0f23381a}.mobile-btn:disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.secondary-button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:#f9fafb;color:#0f2338;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.secondary-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#0f172a;transform:scale(1.05)}.secondary-button:active{background:#e5e7eb;transform:scale(.95)}.mobile-task-page .premium-rich-text-editor{min-height:120px}.mobile-task-page .premium-rich-text-editor .editor-content{min-height:120px;line-height:1.5;font-size:1rem}.mobile-task-page .premium-rich-text-editor .editor-toolbar{flex-wrap:wrap;gap:.25rem;padding:.5rem;border-bottom:1px solid #e5e7eb}.mobile-task-page .premium-rich-text-editor .editor-toolbar button{min-width:36px;min-height:36px;padding:.5rem;font-size:.875rem}.mobile-task-page .file-selector{width:100%}.mobile-task-page .file-selector .file-upload-area{min-height:120px;border:2px dashed #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#f9fafb,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease}.mobile-task-page .file-selector .file-upload-area:hover{border-color:#0f2338;background:linear-gradient(135deg,#f3f4f6,#f9fafb);transform:translateY(-2px)}.mobile-task-page .file-selector .file-upload-area.dragover{border-color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);transform:scale(1.02)}.mobile-task-page .file-selector .upload-icon{font-size:2rem;color:#0f2338}.mobile-task-page .file-selector .upload-text{text-align:center;color:#374151}.mobile-task-page .file-selector .upload-hint{font-size:.875rem;color:#6b7280;text-align:center;line-height:1.4}.mobile-task-page .pending-documents-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-task-page .pending-document-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.mobile-task-page .pending-document-item:hover{background:#f3f4f6;border-color:#d1d5db}.mobile-task-page .document-info{flex:1;min-width:0;margin-right:.75rem}.mobile-task-page .document-name{font-weight:600;color:#111827;font-size:.875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-task-page .document-size{font-size:.75rem;color:#6b7280;margin-top:.125rem}.mobile-task-page .remove-document-btn{min-width:36px;min-height:36px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.mobile-task-page .remove-document-btn:hover{background:#fca5a5;color:#991b1b;transform:scale(1.05)}.mobile-task-page .objective-link-button{width:100%;min-height:48px;padding:.75rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:10px;color:#0c4a6e;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-task-page .objective-link-button:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0284c7;color:#082f49;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.mobile-task-page .objective-link-button:active{transform:translateY(0);background:linear-gradient(135deg,#bae6fd,#7dd3fc)}.mobile-task-page .objective-link-button.linked{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#16a34a;color:#14532d}.mobile-task-page .objective-link-button.linked:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);border-color:#15803d;box-shadow:0 4px 12px #16a34a33}.mobile-error-toast{position:fixed;top:80px;left:16px;right:16px;background:#fee2e2;color:#dc2626;padding:1rem;border-radius:12px;border-left:4px solid #dc2626;box-shadow:0 4px 16px #dc262633;z-index:1001;animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1);font-weight:500;text-align:center}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-task-page{min-height:100vh;background:#f9fafb;padding-top:0;position:relative}.mobile-task-form{display:flex;flex-direction:column;height:calc(100vh - 72px);overflow:hidden;margin-top:0}.mobile-form-scroll-area{flex:1;overflow-y:auto;padding:1rem 1rem 2rem;-webkit-overflow-scrolling:touch}.mobile-form-footer{background:#fff;padding:1rem;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #0000001a;position:sticky;bottom:0;z-index:10;display:flex;flex-direction:column;gap:.75rem}.mobile-task-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.mobile-task-page .mobile-form-section,.mobile-task-page .form-section.mobile-full-width{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important}.mobile-task-page .mobile-expandable-section{border:none!important;box-shadow:none!important;background:transparent!important}.mobile-task-page .form-label{margin-bottom:.5rem!important}.mobile-page-header,.mobile-header-error,.loading-spinner-small{display:none!important}@media (orientation: landscape) and (max-height: 600px){.mobile-form-content{max-height:calc(100vh - 200px);padding:.75rem!important}.mobile-task-type-card{padding:.75rem}.mobile-expandable-section{margin-bottom:.75rem}.mobile-form-section{gap:1rem;margin-bottom:.75rem}.mobile-fab-save{bottom:16px;right:16px;width:48px;height:48px}}@media (max-width: 374px){.mobile-task-page{padding-bottom:80px}.mobile-fab-save{bottom:16px;right:16px;width:48px;height:48px}.mobile-error-toast{left:12px;right:12px;padding:.75rem;font-size:.875rem}}.document-list{width:100%}.document-list-header{margin-bottom:1rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem}.document-list-title{margin:0;font-size:1.125rem;font-weight:600;color:#0f2338;display:flex;align-items:center;gap:.5rem}.document-count{font-size:.875rem;font-weight:500;color:#6b7280}.document-list.loading{padding:2rem;text-align:center}.loading-spinner{color:#6b7280;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#0f2338;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.document-list.error{padding:2rem;text-align:center}.error-message{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#dc2626;font-size:.875rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px}.empty-state{text-align:center;padding:2rem;background-color:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;flex-shrink:0}.empty-message{margin:0;color:#6b7280;font-size:.875rem;width:100%}.document-items{display:flex;flex-direction:column;gap:.75rem}.document-item:hover{border-color:#0f2338;box-shadow:0 2px 8px #0f23381a;transform:translateY(-1px)}.document-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.document-icon{font-size:1.5rem;flex-shrink:0}.document-details{flex:1;min-width:0}.document-name{font-weight:500;color:#111827;font-size:.875rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.document-size,.document-date{white-space:nowrap}.document-actions{display:flex;gap:.5rem;flex-shrink:0}.doc-action-btn{background:none;border:1px solid #e5e7eb;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.doc-action-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#0f2338;color:#0f2338;transform:translateY(-1px)}.doc-action-btn:disabled{cursor:not-allowed;opacity:.5}.doc-action-btn svg{width:20px;height:20px}.doc-download-btn:hover:not(:disabled){background-color:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.doc-delete-btn:hover:not(:disabled){background-color:#fef2f2;border-color:#dc2626;color:#dc2626}.spinner-small{font-size:1rem;animation:spin .8s linear infinite}@media (max-width: 768px){.empty-state{padding:1.5rem}.empty-icon{font-size:2.5rem}.empty-message{font-size:.75rem}.document-item{padding:.75rem}.document-info{gap:.75rem}.document-icon{font-size:1.25rem}.document-name{font-size:.8125rem}.document-meta{font-size:.7rem}.document-actions{gap:.25rem}.doc-action-btn{padding:.375rem}.doc-action-btn svg{width:18px;height:18px}}.document-uploader{width:100%;margin:1rem 0 3rem;overflow:visible;position:relative;scroll-margin:40px;scroll-margin-top:40px;scroll-margin-bottom:60px}.upload-area{border:2px dashed #e5e7eb;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb;overflow:hidden;position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area:hover:not(.disabled){border-color:#0f2338;background-color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f23381a}.upload-area.drag-active{border-color:#0f2338;background-color:#f0f4f8;border-style:solid}.upload-area.disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.upload-icon{color:#0f2338;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;overflow:visible;flex-shrink:0}.upload-icon svg{width:48px;height:48px;display:block;flex-shrink:0}.upload-text{color:#374151;display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%}.upload-message{margin:0;font-size:1rem;color:#111827;margin-bottom:.5rem}.upload-message strong{color:#0f2338;font-weight:600}.upload-hint{margin:0;font-size:.875rem;color:#6b7280}.disabled-message{color:#9ca3af;font-weight:500}.upload-progress{width:100%}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;margin-top:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0f2338,#1a3b5c);border-radius:4px;transition:width .3s ease}.upload-error{margin-top:1rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;align-items:center;gap:.75rem;color:#dc2626;font-size:.875rem}.error-icon{font-size:1.25rem}.error-message{flex:1}.error-close{background:none;border:none;font-size:1.5rem;color:#dc2626;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s ease}.error-close:hover{opacity:1}.upload-success{margin-top:1rem;padding:.75rem 1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;align-items:center;gap:.75rem;color:#16a34a;font-size:.875rem;animation:fadeIn .3s ease}.success-icon{font-size:1.25rem;font-weight:700}.success-message{flex:1}.mobile-uploader{margin:.5rem 0 1rem}.mobile-upload-button{width:100%;padding:.75rem 1rem;background-color:#0f2338;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.mobile-upload-button:hover:not(.disabled){background-color:#1e40af;transform:translateY(-1px);box-shadow:0 2px 8px #0f233826}.mobile-upload-button:active:not(.disabled){transform:translateY(0);box-shadow:0 1px 3px #0f23381a}.mobile-upload-button.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.mobile-upload-progress{margin-top:.75rem;padding:.75rem;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.mobile-upload-progress .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem}.mobile-upload-progress .filename{color:#374151;font-weight:500;truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.mobile-upload-progress .percentage{color:#6b7280;font-weight:600}.mobile-upload-progress .progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.mobile-upload-progress .progress-fill{height:100%;background-color:#0f2338;transition:width .3s ease;border-radius:2px}.upload-error.mobile-error,.upload-success.mobile-success{margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;border-radius:6px}@media (max-width: 768px){.upload-area{padding:1.5rem}.upload-icon svg{width:40px;height:40px}.upload-message{font-size:.875rem}.upload-hint{font-size:.75rem}}.comments-section{display:flex;flex-direction:column}.comments-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.comments-header-left{display:flex;align-items:center;gap:8px}.comments-header h3{font-size:16px;color:#172b4d;margin:0;font-weight:600}.comment-count{background-color:#dfe1e6;color:#5e6c84;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.comments-search-premium{margin-bottom:20px}.comments-search-premium .premium-text-input__container{border-radius:8px;background:linear-gradient(135deg,#fff,#f9fafb)}.comments-search-premium .premium-text-input__input{font-size:14px;padding:10px 12px}.comments-search-premium .premium-text-input__prefix-icon{color:#6b7280;padding-left:12px}.comments-search-premium .premium-text-input__clear{margin-right:8px}.comments-search-premium .premium-text-input--focused .premium-text-input__container{border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.comments-list{flex:1;overflow-y:auto;min-height:0}.no-comments{text-align:center;padding:32px 16px;color:#6b778c;font-size:14px;background-color:#f4f5f7;border-radius:4px}.comment-item{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #ebecf0}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0052cc,#0065ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;text-transform:uppercase}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.comment-author{font-size:14px;font-weight:600;color:#172b4d}.comment-time{font-size:12px;color:#6b778c}.comment-text{font-size:14px;color:#172b4d;line-height:1.5}.add-comment-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #dfe1e6}.add-comment-button{width:100%;padding:12px 16px;border:2px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.add-comment-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f233805,#0f23380d);opacity:0;transition:opacity .3s ease;pointer-events:none}.add-comment-button:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db;color:#0f2338;transform:translateY(-1px);box-shadow:0 4px 12px #0f23381a}.add-comment-button:hover:before{opacity:1}.add-comment-button:active{transform:translateY(0);box-shadow:0 2px 8px #0f23381a}.add-comment-button:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.add-comment-icon{flex-shrink:0;transition:transform .2s ease}.add-comment-button:hover .add-comment-icon{transform:scale(1.1)}.new-comment-form{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-editor-premium{margin-bottom:12px}.comment-editor-premium .premium-rich-text-editor__container{border-radius:8px;overflow:visible}.comment-editor-premium .premium-rich-text-editor__toolbar{padding:.5rem .75rem;gap:.5rem;flex-wrap:wrap}.comment-editor-premium .premium-rich-text-editor__group{gap:.25rem}.comment-editor-premium .premium-rich-text-editor__btn{width:32px;height:32px;border-radius:6px;font-size:.75rem}.comment-editor-premium .premium-rich-text-editor__textarea,.comment-editor-premium .premium-rich-text-editor__preview{min-height:80px;padding:.75rem;font-size:.875rem}.comment-editor-premium .premium-rich-text-editor__footer{padding:.5rem .75rem;font-size:.7rem}.comment-editor-premium .premium-rich-text-editor__group:nth-child(n+5){display:none}.comment-editor-premium .premium-rich-text-editor__group--right{display:flex}.comment-actions{display:flex;gap:8px;justify-content:flex-end}.comment-actions .btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.comment-actions .btn-primary{background-color:#0f2338;color:#fff}.comment-actions .btn-primary:hover:not(:disabled){background-color:#1a3552}.comment-actions .btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.comment-actions .btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.comment-actions .btn-secondary:hover{background-color:#e5e7eb}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f4f5f7;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a5adba}.task-history-section{display:flex;flex-direction:column}.task-history-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.task-history-header h3{font-size:16px;color:#172b4d;margin:0;font-weight:600}.history-count{background-color:#dfe1e6;color:#5e6c84;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.task-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#6b778c;font-size:14px}.task-history-loading .loading-spinner{width:32px;height:32px;border:3px solid #dfe1e6;border-top:3px solid #0F2338;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.task-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#6b778c;font-size:14px;text-align:center}.error-icon{color:#dc3545;margin-bottom:16px}.retry-button{margin-top:16px;padding:8px 16px;background-color:#0f2338;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#1a3552;transform:translateY(-1px)}.task-history-timeline{flex:1;overflow-y:auto;min-height:0}.no-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.no-history-icon{color:#9ca3af;margin-bottom:16px}.no-history h4{font-size:16px;color:#374151;margin:0 0 8px;font-weight:600}.no-history p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.timeline-list{position:relative;padding:8px 0}.timeline-entry{display:flex;position:relative;margin-bottom:24px;animation:slideIn .3s ease-out}.timeline-entry:last-child{margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-right:16px;position:relative}.timeline-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .2s ease;border:2px solid}.timeline-line{width:2px;flex:1;min-height:32px;position:absolute;top:36px;left:50%;transform:translate(-50%);z-index:1}.timeline-entry--created .timeline-icon{background:linear-gradient(135deg,#28a745,#16a34a);color:#fff;border-color:#16a34a;box-shadow:0 4px 12px #28a74540}.timeline-entry--created .timeline-line{background:linear-gradient(to bottom,#28a745,#e5e7eb)}.timeline-entry--status .timeline-icon{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;border-color:#1a3b5c;box-shadow:0 4px 12px #0f233840}.timeline-entry--status .timeline-line{background:linear-gradient(to bottom,#0f2338,#e5e7eb)}.timeline-entry--assignment .timeline-icon{background:linear-gradient(135deg,#c49a9a,#b58a8a);color:#fff;border-color:#b58a8a;box-shadow:0 4px 12px #c49a9a40}.timeline-entry--assignment .timeline-line{background:linear-gradient(to bottom,#c49a9a,#e5e7eb)}.timeline-entry--priority .timeline-icon{background:var(--priority-normal-gradient);color:#fff;border-color:var(--priority-normal-secondary);box-shadow:0 4px 12px var(--priority-normal-alpha-25)}.timeline-entry--priority .timeline-line{background:linear-gradient(to bottom,var(--priority-normal-primary),#e5e7eb)}.timeline-entry--date .timeline-icon{background:linear-gradient(135deg,#3b82f6,#1976d2);color:#fff;border-color:#1976d2;box-shadow:0 4px 12px #3b82f640}.timeline-entry--date .timeline-line{background:linear-gradient(to bottom,#3b82f6,#e5e7eb)}.timeline-entry--general .timeline-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border-color:#4b5563;box-shadow:0 4px 12px #6b728040}.timeline-entry--general .timeline-line{background:linear-gradient(to bottom,#6b7280,#e5e7eb)}.timeline-content{flex:1;min-width:0;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f233805,#0f23380d);opacity:0;transition:opacity .3s ease;pointer-events:none}.timeline-entry:hover .timeline-content:before{opacity:1}.timeline-entry:hover .timeline-content{border-color:#d1d5db;box-shadow:0 4px 12px #0f23381a;transform:translateY(-1px)}.timeline-entry:hover .timeline-icon{transform:scale(1.05);box-shadow:0 6px 20px #0f233833}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.timeline-user{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0052cc,#0065ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase;border:2px solid #e5e7eb}.user-name{font-size:14px;font-weight:600;color:#172b4d;truncate:ellipsis;overflow:hidden;white-space:nowrap}.timeline-time{font-size:12px;color:#6b778c;font-weight:500;flex-shrink:0}.timeline-change{position:relative;z-index:1}.change-summary{font-size:14px;color:#374151;line-height:1.5;margin:0;font-weight:500}.task-history-timeline::-webkit-scrollbar{width:6px}.task-history-timeline::-webkit-scrollbar-track{background:#f4f5f7;border-radius:3px}.task-history-timeline::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:3px}.task-history-timeline::-webkit-scrollbar-thumb:hover{background:#a5adba}@media (max-width: 768px){.timeline-entry{margin-bottom:20px}.timeline-marker{margin-right:12px}.timeline-icon{width:32px;height:32px}.timeline-content{padding:12px}.timeline-header{flex-direction:column;align-items:flex-start;gap:4px}.timeline-time{font-size:11px}.user-avatar{width:24px;height:24px;font-size:10px}.user-name,.change-summary{font-size:13px}}@media (max-width: 480px){.timeline-content{padding:10px;border-radius:8px}.timeline-icon{width:28px;height:28px}.timeline-marker{margin-right:10px}.no-history,.task-history-loading,.task-history-error{padding:32px 12px}}@media (prefers-contrast: high){.timeline-content{border-width:2px}.timeline-icon{border-width:3px}}@media (prefers-reduced-motion: reduce){.timeline-entry,.timeline-content,.timeline-icon,.timeline-content:before{transition:none;animation:none}.timeline-entry:hover .timeline-content,.timeline-entry:hover .timeline-icon{transform:none}}@media (prefers-color-scheme: dark){.task-history-header h3{color:#f9fafb}.history-count{background-color:#374151;color:#d1d5db}.timeline-content{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.user-name{color:#f9fafb}.timeline-time{color:#9ca3af}.change-summary{color:#d1d5db}.no-history h4{color:#f9fafb}.no-history p,.task-history-loading,.task-history-error{color:#9ca3af}}.monthly-objectives-section{margin-bottom:24px}.monthly-objectives-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.monthly-objectives-section__title{display:flex;align-items:center;gap:8px;margin:0;font-size:1.125rem;font-weight:600;color:#0f2338}.monthly-objectives-section__icon{font-size:1.25rem}.monthly-objectives-section__count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:24px;font-weight:500}.monthly-objectives-section__list{display:flex;flex-direction:column;gap:16px}.monthly-objectives-section__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:0 1px 2px #0000001a}.monthly-objectives-section__card:hover{border-color:#c49a9a;box-shadow:0 4px 12px #0f23381a;transform:translateY(-1px)}.monthly-objectives-section__card-header{margin-bottom:12px}.monthly-objectives-section__card-info{display:flex;flex-direction:column;gap:8px}.monthly-objectives-section__card-title{margin:0;font-size:1rem;font-weight:600;color:#0f2338;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.monthly-objectives-section__card-meta{display:flex;align-items:center;gap:12px}.monthly-objectives-section__card-period{font-size:.875rem;color:#6b7280;font-weight:500}.monthly-objectives-section__status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.monthly-objectives-section__status-badge--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.monthly-objectives-section__status-badge--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.monthly-objectives-section__status-badge--secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.monthly-objectives-section__status-badge--primary{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.monthly-objectives-section__card-description{margin:0 0 16px;font-size:.875rem;color:#374151;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.6em}@media (max-width: 768px){.monthly-objectives-section__header{flex-direction:column;align-items:flex-start;gap:8px}.monthly-objectives-section__count{align-self:flex-end}.monthly-objectives-section__card{padding:16px}.monthly-objectives-section__card-meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.monthly-objectives-section{margin-bottom:20px}.monthly-objectives-section__title{font-size:1rem}.monthly-objectives-section__card{padding:12px}.monthly-objectives-section__card-title{font-size:.875rem}.monthly-objectives-section__list{gap:12px}}.detail-group{margin-bottom:20px}.detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.description-group{margin-bottom:24px}.description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.description-header label{margin-bottom:0}.description-label-with-edit{display:flex;align-items:center;gap:8px}.description-editor{margin-top:8px}.description-content{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e5e7eb;min-height:120px}.no-description{color:#6b778c;font-style:italic;margin:0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.due-date-label-with-edit{display:flex;align-items:center;gap:6px;margin-bottom:4px}.due-date-editor{margin-top:4px;display:flex;align-items:center;gap:8px}.due-date-editor .premium-date-picker{flex:1;min-width:0}.due-date-picker-container{display:flex;align-items:center;gap:8px;width:100%}.due-date-picker-container .premium-date-picker{flex:1;max-width:200px}.due-date-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assigned-user-label-with-edit{display:flex;align-items:center;gap:6px;margin-bottom:4px}.assigned-user-editor{margin-top:4px;display:flex;align-items:center;gap:8px}.assigned-user-editor .premium-dropdown{flex:1;min-width:0}.field-value{font-size:14px;color:#172b4d;line-height:1.5;margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-separator{border-top:1px solid #e5e7eb;margin:24px 0;width:100%}.status-transition-modal.modal-content{max-width:480px}.status-transition-content{padding:1rem;text-align:center;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;min-height:0}.transition-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;width:60px;height:60px;background:linear-gradient(135deg,#0f2338,#1a3b5c);border-radius:50%;color:#fff;box-shadow:0 8px 25px #0f233840;flex-shrink:0}.transition-icon svg{width:36px;height:36px}.transition-message{display:flex;flex-direction:column;gap:.75rem;text-align:center}.transition-message h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f2338;letter-spacing:-.025em}.transition-message p{font-size:.875rem;color:#6b7280;line-height:1.4;max-width:400px;margin:0 auto}.transition-message strong{color:#374151;font-weight:600}.transition-benefits{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0;flex-shrink:0}.benefit-item{display:flex;align-items:center;gap:.5rem;text-align:left;font-size:.75rem;color:#374151;line-height:1.3;transition:all .2s ease;padding:.25rem;border-radius:6px}.benefit-icon{font-size:1.125rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transition-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.25rem;padding:.5rem 0 0}.transition-actions .btn{min-width:130px;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.375rem}.transition-actions .btn-primary{background:linear-gradient(135deg,#0f2338,#1a3b5c);border:none;color:#fff;box-shadow:0 4px 12px #0f233840}.transition-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a3b5c,#0f2338);transform:translateY(-2px);box-shadow:0 8px 20px #0f233859}.transition-actions .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.transition-actions .btn-secondary{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;color:#6b7280;box-shadow:0 2px 8px #00000014}.transition-actions .btn-secondary:hover:not(:disabled){border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.transition-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 640px){.status-transition-modal.modal-content{width:95%;max-width:calc(100vw - 2rem)}.status-transition-content{padding:.75rem;gap:.75rem}.transition-icon{width:70px;height:70px}.transition-icon svg{width:40px;height:40px}.transition-message h3{font-size:1.25rem}.transition-message p{font-size:.925rem}.transition-benefits{padding:1rem}.benefit-item{font-size:.8rem}.transition-actions{flex-direction:column;gap:.5rem}.transition-actions .btn{width:100%;min-width:auto}}@media (max-width: 480px){.status-transition-modal.modal-content{width:calc(100% - 1rem);max-width:100%}.status-transition-content{padding:.75rem;gap:.625rem}.transition-icon{width:50px;height:50px}.transition-icon svg{width:28px;height:28px}.transition-message h3{font-size:1.125rem}.transition-message p{font-size:.875rem}.transition-benefits{padding:.625rem;gap:.375rem}.benefit-item{font-size:.75rem;gap:.5rem}.benefit-icon{font-size:1rem;width:20px;height:20px}}.transition-actions .btn:focus{outline:none;box-shadow:0 0 0 3px #0f233833,0 4px 12px #0f233840}.transition-actions .btn-secondary:focus{box-shadow:0 0 0 3px #6b728033,0 4px 12px #0000001f}.task-completion-modal.modal-content{max-width:560px}.completion-content{padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;min-height:0}.completion-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;width:90px;height:90px;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;box-shadow:0 8px 25px #16a34a4d;animation:celebrationPulse 2s ease-in-out infinite;position:relative}@keyframes celebrationPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #16a34a4d}50%{transform:scale(1.05);box-shadow:0 12px 35px #16a34a66}}.completion-icon svg{width:56px;height:56px}.completion-message{display:flex;flex-direction:column;gap:.75rem;text-align:center}.completion-message h3{margin:0;font-size:1.5rem;font-weight:700;color:#16a34a;letter-spacing:-.025em}.completion-message p{font-size:1rem;color:#6b7280;line-height:1.6;max-width:450px;margin:0 auto}.completion-message strong{color:#374151;font-weight:600}.completion-benefits{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;margin:.5rem 0;text-align:left}.benefit-section{display:flex;flex-direction:column;gap:.75rem}.benefit-section h4{margin:0;font-size:1rem;font-weight:600;color:#0f2338;text-align:center;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.benefit-list{display:flex;flex-direction:column;gap:.625rem}.benefit-item{display:flex;align-items:center;gap:.75rem;text-align:left;font-size:.875rem;color:#374151;line-height:1.5;transition:all .2s ease;padding:.25rem;border-radius:6px}.benefit-item:hover{background:#0f23380d;transform:translate(4px)}.benefit-icon{font-size:1rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.completion-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.completion-actions .btn{min-width:150px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.completion-actions .btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff;box-shadow:0 4px 12px #16a34a40}.completion-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);transform:translateY(-2px);box-shadow:0 8px 20px #16a34a59}.completion-actions .btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.completion-actions .btn-secondary{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;color:#6b7280;box-shadow:0 2px 8px #00000014}.completion-actions .btn-secondary:hover:not(:disabled){border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.completion-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.task-completion-modal.modal-content{width:95%;max-width:calc(100vw - 2rem)}.completion-content{padding:1.25rem;gap:1.25rem}.completion-icon{width:80px;height:80px}.completion-icon svg{width:48px;height:48px}.completion-message h3{font-size:1.375rem}.completion-message p{font-size:.925rem}.completion-benefits{padding:1.25rem;gap:1.25rem}.benefit-section h4{font-size:.925rem}.benefit-item{font-size:.8rem}.completion-actions{flex-direction:column;gap:.5rem}.completion-actions .btn{width:100%;min-width:auto}}@media (max-width: 480px){.task-completion-modal.modal-content{width:calc(100% - 1rem);max-width:100%}.completion-content{padding:.75rem;gap:.5rem;overflow-y:auto;flex:1;min-height:0}.completion-icon{width:60px;height:60px;flex-shrink:0}.completion-icon svg{width:40px;height:40px}.completion-message h3{font-size:1.25rem}.completion-message p{font-size:.875rem}.completion-benefits{padding:.75rem;gap:.75rem;display:flex;flex-direction:column;flex-shrink:0}.benefit-section{gap:.5rem}.benefit-section h4{font-size:.875rem}.benefit-item{font-size:.7rem;gap:.4rem;padding:.125rem}.benefit-icon{font-size:.875rem;width:18px;height:18px}}@media (min-width: 768px){.completion-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.benefit-section{gap:.5rem}}@media (max-height: 700px){.completion-content{overflow-y:auto;flex:1;min-height:0}.completion-icon{width:50px;height:50px}.completion-message h3{font-size:1.125rem}.completion-message p{font-size:.8rem}.completion-benefits{flex-shrink:0;padding:.75rem;gap:.5rem}.benefit-section h4{font-size:.8rem;margin-bottom:.375rem}.benefit-item{font-size:.7rem}.completion-actions{padding-top:.75rem}.benefit-section{gap:.75rem}}.completion-actions .btn:focus{outline:none;box-shadow:0 0 0 3px #16a34a33,0 4px 12px #16a34a40}.completion-actions .btn-secondary:focus{box-shadow:0 0 0 3px #6b728033,0 4px 12px #0000001f}.completion-icon:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.1) 0%,transparent 70%);animation:successGlow 3s ease-in-out infinite}@keyframes successGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.comments-modal{animation:modalBackdropFadeIn .25s cubic-bezier(.4,0,.2,1)}.comments-modal .modal-content{max-width:920px;width:90vw;max-height:88vh;border-radius:16px;box-shadow:0 8px 25px #0f233826,0 4px 12px #0f23381a,0 0 0 1px #0f23380d;animation:modalContentSlideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.comments-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);padding:1.5rem 2rem;border-bottom:1px solid rgba(196,154,154,.15);position:relative;overflow:hidden}.comments-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(196,154,154,.5) 30%,rgba(196,154,154,.8) 50%,rgba(196,154,154,.5) 70%,transparent 100%)}.comments-modal .modal-header h2{color:#fff;font-size:1.375rem;font-weight:600;margin:0;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.comments-modal-header-content{display:flex;align-items:center;gap:.75rem}.comments-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:#c49a9a40;backdrop-filter:blur(8px);border:1px solid rgba(196,154,154,.3);border-radius:14px;font-size:.8125rem;font-weight:600;color:#fff;letter-spacing:0;box-shadow:0 2px 4px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.comments-count-badge:hover{background:#c49a9a59;border-color:#c49a9a66;transform:scale(1.05)}.comments-modal .modal-close{background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.comments-modal .modal-close:hover{background:#fff3;border-color:#ffffff4d;transform:rotate(90deg)}.comments-modal .modal-close svg{color:#fff}.comments-modal .modal-body{padding:2rem;background:linear-gradient(180deg,#fff,#f9fafb);position:relative}.comments-modal .modal-body:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(15,35,56,.08) 50%,transparent 100%)}.comments-modal-content{height:100%;display:flex;flex-direction:column;overflow:hidden;gap:1.5rem}.comments-modal-content .comments-section{height:100%;display:flex;flex-direction:column;overflow:hidden;gap:1.25rem}.comments-modal-content .comments-list{flex:1;overflow-y:auto;min-height:0;padding-right:.5rem;margin-right:-.5rem}.comments-modal-content .comments-list::-webkit-scrollbar{width:8px}.comments-modal-content .comments-list::-webkit-scrollbar-track{background:transparent;border-radius:4px}.comments-modal-content .comments-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:all .2s ease}.comments-modal-content .comments-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280);background-clip:padding-box}.comments-modal-content .add-comment-section{flex-shrink:0;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0f23380f;transition:all .25s cubic-bezier(.4,0,.2,1)}.comments-modal-content .add-comment-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0f23381a}.comments-modal-content .comments-search-premium{flex-shrink:0}.comments-modal-content .comments-search-premium .premium-text-input__container{background:#fff;border:2px solid #e5e7eb;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0f23380a}.comments-modal-content .comments-search-premium .premium-text-input--focused .premium-text-input__container{border-color:#0f2338;box-shadow:0 0 0 4px #0f233814,0 2px 8px #0f23381a;transform:translateY(-1px)}.comments-modal-content .comments-search-premium .premium-text-input__prefix-icon{color:#9ca3af;transition:color .2s ease}.comments-modal-content .comments-search-premium .premium-text-input--focused .premium-text-input__prefix-icon{color:#0f2338}.comments-modal-content .comment-item{padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:commentSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comments-modal-content .comment-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0f233814;transform:translateY(-2px)}.comments-modal-content .comment-item:last-child{margin-bottom:0}.comments-modal-content .comment-avatar{width:40px;height:40px;background:linear-gradient(135deg,#0f2338,#1a3b5c,#c49a9a);box-shadow:0 2px 8px #0f233826,inset 0 1px 2px #fff3;border:2px solid #ffffff}.comments-modal-content .comment-author{font-size:.9375rem;font-weight:600;color:#111827;letter-spacing:-.01em}.comments-modal-content .comment-time{font-size:.8125rem;color:#6b7280;font-weight:500}.comments-modal-content .comment-text{color:#374151;line-height:1.6;font-size:.9375rem}.comments-modal-content .no-comments{padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db}.comments-modal-content .no-comments p{color:#6b7280;font-size:.9375rem;font-weight:500;margin:0}@media (max-width: 768px){.comments-modal .modal-content{max-width:95vw;max-height:90vh;border-radius:12px}.comments-modal .modal-header{padding:1.25rem 1.5rem}.comments-modal .modal-header h2{font-size:1.25rem}.comments-modal .modal-body{padding:1.5rem}.comments-modal-content{gap:1.25rem}.comments-modal-content .add-comment-section,.comments-modal-content .comment-item{padding:1rem}.comments-modal-content .comment-avatar{width:36px;height:36px}}@media (max-width: 480px){.comments-modal .modal-content{max-width:100vw;max-height:100vh;border-radius:0}.comments-modal .modal-header{padding:1rem 1.25rem}.comments-modal .modal-body{padding:1.25rem}}.tippy-box{z-index:10001!important}.tippy-box .mention-list{z-index:10002!important}.task-modal{animation:modalBackdropFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.task-modal .modal-content{max-width:920px;width:90vw;max-height:88vh;border-radius:16px;box-shadow:0 8px 25px #0f233826,0 4px 12px #0f23381a,0 0 0 1px #0f23380d;animation:modalContentSlideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);padding:1.5rem 2rem;border-bottom:1px solid rgba(196,154,154,.15);position:relative;overflow:hidden}.task-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(196,154,154,.5) 30%,rgba(196,154,154,.8) 50%,rgba(196,154,154,.5) 70%,transparent 100%)}.task-modal .modal-header h2{color:#fff;font-size:1.375rem;font-weight:600;margin:0;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.task-modal .modal-close{background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.task-modal .modal-close:hover{background:#fff3;border-color:#ffffff4d;transform:rotate(90deg)}.task-modal .modal-close svg{color:#fff}.task-modal .modal-body{padding:2rem;background:linear-gradient(180deg,#fff,#f9fafb);position:relative;overflow-y:auto;max-height:calc(88vh - 100px)}.task-modal .modal-body:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(15,35,56,.08) 50%,transparent 100%)}.task-modal-content{height:100%;display:flex;flex-direction:column;gap:1.5rem}.task-modal .modal-body::-webkit-scrollbar{width:8px}.task-modal .modal-body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.task-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:all .2s ease}.task-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280);background-clip:padding-box}@media (max-width: 768px){.task-modal .modal-content{max-width:95vw;max-height:90vh;border-radius:12px}.task-modal .modal-header{padding:1.25rem 1.5rem}.task-modal .modal-header h2{font-size:1.25rem}.task-modal .modal-body{padding:1.5rem;max-height:calc(90vh - 80px)}}@media (max-width: 480px){.task-modal .modal-content{max-width:100vw;max-height:100vh;border-radius:0}.task-modal .modal-header{padding:1rem 1.25rem}.task-modal .modal-body{padding:1.25rem;max-height:calc(100vh - 60px)}}.label-input-modal .form-section{border:none!important;background:transparent!important;border-radius:0!important;padding:0!important;margin-bottom:1.5rem}.label-input-modal .form-section:hover{border:none!important;border-color:transparent!important}.enhanced-checklist{width:100%}.enhanced-checklist .checklist-items{display:flex;flex-direction:column;gap:.5rem}.grouped-checklist{flex-direction:column}.checklist-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:.75rem}.checklist-group:hover{border-color:#c49a9a;box-shadow:0 4px 12px #0f233826;transform:translateY(-1px)}.checklist-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fafbfc;border-bottom:1px solid #f3f4f6;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:48px}.checklist-group:hover .checklist-group-header{background:#f8f9fa;border-bottom-color:#e9ecef}.group-header-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:.25rem .5rem;flex:1;text-align:left;border-radius:6px;transition:all .15s ease;margin:-.25rem -.5rem}.group-header-button:hover{background:#c49a9a14}.group-header-button:focus{outline:2px solid #c49a9a;outline-offset:2px;background:#c49a9a1a}.group-header-content{display:flex;align-items:center;width:100%}.group-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.expand-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#9ca3af;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center;border-radius:4px}.expand-icon.expanded{transform:rotate(90deg);color:#c49a9a;background:#c49a9a1a}.expand-icon:hover{background:#9ca3af1a}.expand-icon svg{width:14px;height:14px}.group-title{font-size:.95rem;font-weight:600;color:#374151;margin:0;letter-spacing:-.01em;line-height:1.4}.group-count{font-size:.75rem;color:#6b7280;background:#f9fafb;padding:.125rem .5rem;border-radius:12px;border:1px solid #f3f4f6;font-weight:500;white-space:nowrap;margin-left:.5rem}.group-progress{min-width:80px;margin-left:.75rem}.group-content{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-content.collapsed{max-height:0;opacity:0}.group-content.expanded{max-height:2000px;opacity:1}.group-items{padding:.5rem 1rem .75rem;background:#fff;display:flex;flex-direction:column;gap:.375rem}.enhanced-checklist .checklist-item{background:#fff;border:1px solid #f3f4f6;border-radius:6px;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.enhanced-checklist .checklist-item:hover{border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a;background:#fafbfc}.enhanced-checklist .checklist-item.completed{background:linear-gradient(135deg,#f0fdf4,#f7fee7);border-color:#16a34a}.enhanced-checklist .checklist-item.updating{opacity:.7;pointer-events:none;border-color:var(--priority-normal-primary);background:var(--priority-normal-bg-gradient)}.enhanced-checklist .checklist-item.error{border-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.enhanced-checklist .checkbox-container{display:flex;align-items:flex-start;margin-right:.75rem;padding-top:1px}.enhanced-checklist .checklist-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;appearance:none;margin:0}.enhanced-checklist .checklist-checkbox:checked{background:#16a34a;border-color:#16a34a}.enhanced-checklist .checklist-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.enhanced-checklist .checklist-checkbox:focus{outline:2px solid #0f2338;outline-offset:2px}.enhanced-checklist .checklist-checkbox:disabled{opacity:.5;cursor:not-allowed}.enhanced-checklist .checklist-item-content{display:flex;flex-direction:column;flex:1}.enhanced-checklist .checklist-item-header{display:flex;align-items:flex-start;width:100%}.enhanced-checklist .item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.enhanced-checklist .item-name{font-size:.9rem;font-weight:500;color:#111827;line-height:1.4;display:flex;align-items:flex-start;gap:.375rem}.enhanced-checklist .checklist-item.completed .item-name{color:#16a34a;text-decoration:line-through;text-decoration-color:#16a34a;text-decoration-thickness:1px}.enhanced-checklist .sequence-number{color:inherit;font-weight:600;font-size:.875rem;min-width:fit-content}.enhanced-checklist .required-indicator{color:#dc2626;font-weight:700;font-size:1.125rem;line-height:1}.enhanced-checklist .item-description{font-size:.8125rem;color:#6b7280;line-height:1.4;margin-top:.125rem}.enhanced-checklist .checklist-item.completed .item-description{color:#16a34a;opacity:.8}.enhanced-checklist .item-status{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-left:1rem;min-width:fit-content}.enhanced-checklist .item-status.updating,.enhanced-checklist .item-status.error{align-items:flex-start;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.enhanced-checklist .item-status.updating{color:var(--priority-normal-primary);background:var(--priority-normal-light);border:1px solid var(--priority-normal-primary)}.enhanced-checklist .item-status.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.enhanced-checklist .status-icon{margin-right:.25rem}.enhanced-checklist .completion-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;font-size:.6875rem;color:#6b7280;display:flex;flex-direction:column;gap:.125rem}.enhanced-checklist .completion-time{font-weight:500}.enhanced-checklist .completion-user{font-style:italic}.enhanced-checklist .error-message{margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;font-size:.75rem;color:#dc2626;text-align:center}@media (max-width: 768px){.checklist-group-header{padding:.625rem .875rem}.group-items{padding:.5rem .875rem .625rem}.enhanced-checklist .checklist-item{padding:.5rem .625rem}.group-title{font-size:.9rem}.group-count{font-size:.6875rem;padding:.125rem .375rem}.group-progress{min-width:80px;margin-left:.625rem}.enhanced-checklist .item-name{font-size:.875rem}.enhanced-checklist .item-description{font-size:.75rem}}.group-content.expanded .checklist-item{animation:fadeIn .2s ease forwards}.group-content.expanded .checklist-item:nth-child(2){animation-delay:.05s}.group-content.expanded .checklist-item:nth-child(3){animation-delay:.1s}.group-content.expanded .checklist-item:nth-child(n+4){animation-delay:.15s}.group-header-button:focus-within .group-title{color:#0f2338}.enhanced-checklist .checklist-item:focus-within{border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}@media (prefers-contrast: high){.enhanced-checklist .checklist-item,.checklist-group{border-width:2px}.enhanced-checklist .checklist-checkbox{border-width:3px}}.share-task-modal.modal-content{width:560px;max-width:95vw}.share-task-modal-title{display:flex;flex-direction:column;gap:.25rem}.share-task-modal-title span{font-size:1.125rem;font-weight:700}.share-task-modal .modal-header{background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;padding:1.75rem 2rem 1.5rem;border-bottom:none}.share-task-modal .modal-header .modal-title{color:#fff}.share-task-modal .modal-close{color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:all .2s ease}.share-task-modal .modal-close:hover{background:#fff3;color:#fff;transform:scale(1.05)}.modal-subtitle{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.share-task-modal .modal-body{padding:0;overflow:visible}.share-task-modal-content{padding:2rem;max-height:65vh;overflow-y:auto}.user-search{margin-bottom:1.75rem}.user-search:first-child{margin-top:0}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.9375rem;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0f23380d}.search-input:focus{outline:none;border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a,0 4px 12px #0f233814;transform:translateY(-1px)}.search-input::placeholder{color:#94a3b8;font-weight:500}.search-icon{position:absolute;left:1rem;color:#64748b;pointer-events:none;width:18px;height:18px}.selected-users-section{margin-bottom:2rem}.selected-users-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.selected-count{font-size:.9375rem;font-weight:700;color:#0f2338;display:flex;align-items:center;gap:.5rem}.selected-count:before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230F2338' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.selected-users-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafb,#f1f5f9);border-radius:12px;border:2px dashed #cbd5e1;transition:all .3s ease;min-height:60px;align-items:center}.selected-users-list:has(.selected-user-chip){border-style:solid;border-color:#e2e8f0;background:linear-gradient(135deg,#fff,#f8fafb)}.selected-user-chip{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;animation:slideInScale .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0f233826;border:1px solid rgba(255,255,255,.1)}.selected-user-chip .user-avatar{width:28px;height:28px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:1px solid rgba(255,255,255,.2)}.selected-user-chip .user-name{white-space:nowrap;font-weight:600}.remove-user-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;padding:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.remove-user-btn:hover{background:#ffffff40;color:#fff;transform:scale(1.1)}.users-list-section{flex:1;min-height:260px}.users-list{display:flex;flex-direction:column;gap:0;max-height:320px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0f23380d}.user-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-item:last-child{border-bottom:none}.user-item:hover{background:linear-gradient(135deg,#f8fafb,#f1f5f9);transform:translate(2px);box-shadow:0 2px 8px #0f23380f}.user-item.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#0f233826;position:relative}.user-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#0f2338,#1a3b5c);border-radius:0 2px 2px 0}.user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0f2338,#1a3b5c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;text-transform:uppercase;box-shadow:0 3px 12px #0f233826;border:2px solid #ffffff;transition:all .3s ease}.user-item:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 16px #0f233833}.user-details{flex:1}.user-name{font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.375rem;display:flex;align-items:center;gap:.625rem}.user-email{font-size:.8125rem;color:#64748b;font-weight:500}.user-checkbox{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0f23380d}.user-item:hover .user-checkbox{border-color:#94a3b8;transform:scale(1.05)}.user-item.selected .user-checkbox{background:linear-gradient(135deg,#0f2338,#1a3b5c);border-color:#0f2338;color:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0f233833}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.loading-state .loading-spinner,.success-state .loading-icon{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #0F2338;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state p{margin:0;font-size:.875rem}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:successPulse .6s ease-out}.success-state h3{color:#0f2338;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.success-state p{color:#6b7280;margin:0 0 .5rem;line-height:1.5}.success-subtitle{font-size:.875rem!important;color:#9ca3af!important}.share-task-modal .modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafb,#f1f5f9);margin:0;border-radius:0 0 8px 8px;min-height:80px}.share-task-modal .modal-footer .btn-primary{margin-right:.25rem}.share-task-modal .modal-footer .btn{padding:.875rem 2rem;border-radius:10px;font-weight:700;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.share-task-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#0f2338,#1a3b5c);border:none;color:#fff;display:flex;align-items:center;gap:.625rem;box-shadow:0 4px 12px #0f233826;min-width:140px;justify-content:center}.share-task-modal .modal-footer .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.share-task-modal .modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a3b5c,#0f2338);transform:translateY(-2px);box-shadow:0 8px 25px #0f233840}.share-task-modal .modal-footer .btn-primary:hover:not(:disabled):before{left:100%}.share-task-modal .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0f23381a}.share-task-modal .modal-footer .btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b;font-weight:600;box-shadow:0 1px 3px #0f23380d}.share-task-modal .modal-footer .btn-secondary:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafb;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #0f23381a}@keyframes slideInScale{0%{opacity:0;transform:translateY(-8px) scale(.9)}50%{transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.share-task-modal.modal-content{width:95vw}.share-task-modal-content{max-height:70vh}.selected-users-list{padding:.75rem}.selected-user-chip{padding:.375rem .625rem;font-size:.8125rem}.user-item{padding:1rem .75rem}.user-avatar{width:36px;height:36px;font-size:.8125rem}.share-task-modal .modal-footer{padding:1rem;flex-direction:column-reverse;gap:.5rem}.share-task-modal .modal-footer .btn{width:100%;justify-content:center}}.task-view-modal-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem;position:relative;flex-shrink:0}.task-view-modal-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:.75rem}.task-view-modal-title-display{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.task-view-modal-title{margin:0;font-size:1.75rem;font-weight:600;color:#0f2338;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;flex:1;min-width:0}.task-view-modal-title-edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease;flex-shrink:0}.task-view-modal-title-edit-btn:hover{background-color:#f3f4f6;color:#0f2338}.task-view-modal-title-edit-btn:active{background-color:#e5e7eb}.task-view-modal-title-edit-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-modal-title-editor{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.task-view-modal-title-edit-actions{flex-shrink:0}.task-view-panel-overlay{position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 128px);background-color:#0000004d;z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.task-view-panel-overlay.task-view-open{opacity:1;visibility:visible}.task-view-panel{position:fixed;top:72px;right:-100%;width:100%;height:calc(100vh - 128px);background-color:#f8f9fa;box-shadow:-4px 0 20px #0000001a;z-index:999;transition:right .3s ease;display:flex;flex-direction:column;overflow:hidden}.task-view-panel.task-view-open{right:0}.task-view-panel.task-view-page-mode{position:static;right:auto;width:100%;height:auto;min-height:calc(100vh - 72px);background-color:#fff;box-shadow:none;z-index:auto;transition:none;margin:0 auto;max-width:1200px}.task-view-panel-header{border-bottom:2px solid #dfe1e6;background-color:#fff;position:relative;flex-shrink:0}.task-view-header-content{max-width:1400px;margin:0 auto;padding-right:20px;padding-left:20px;display:flex;align-items:center;gap:12px;position:relative}.task-view-panel-header .task-view-header-content{padding:1rem}.task-view-panel-header h2{margin:0;font-size:24px;color:#172b4d;font-weight:600;word-wrap:break-word}.task-view-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b778c}.task-view-panel-loading .task-view-loading-spinner{width:40px;height:40px;border:3px solid #f4f5f7;border-top:3px solid #0052cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.task-view-panel-loading p{margin:0;font-size:14px}.task-view-title-with-edit{display:flex;align-items:center;gap:8px}.task-view-title-with-edit .task-view-header-badges{margin-left:16px}.task-view-description-label-with-edit{display:flex;align-items:center;gap:8px}.task-view-panel-content{flex:1;overflow-y:auto;background-color:#f8f9fa;width:100%}.task-view-panel-content-inner{width:100%;max-width:1400px;margin:0 auto;padding:20px;background-color:#fff;height:100%;box-shadow:0 0 20px #0000000d}.task-view-panel-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;height:100%}.task-view-panel-left,.task-view-panel-right{overflow-y:auto;height:100%;overflow-x:hidden;scroll-padding:20px;scroll-padding-top:20px;scroll-padding-bottom:20px}.task-view-panel-left{padding-right:20px;padding-bottom:6rem;border-right:1px solid #e5e7eb;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.task-view-panel-right{padding-left:20px;padding-bottom:6rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.task-view-panel-left::-webkit-scrollbar,.task-view-panel-right::-webkit-scrollbar{width:6px}.task-view-panel-left::-webkit-scrollbar-track,.task-view-panel-right::-webkit-scrollbar-track{background:#f4f5f7;border-radius:3px}.task-view-panel-left::-webkit-scrollbar-thumb,.task-view-panel-right::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:3px}.task-view-panel-left::-webkit-scrollbar-thumb:hover,.task-view-panel-right::-webkit-scrollbar-thumb:hover{background:#a5adba}.task-view-details{margin-bottom:30px}.task-view-details h3,.task-view-detail-group{margin-bottom:20px}@media (max-width: 1024px){.task-view-panel-split{grid-template-columns:1fr;gap:0}.task-view-panel-left{border-right:none;border-bottom:2px solid #e5e7eb;padding-right:0;padding-bottom:30px;margin-bottom:30px}.task-view-panel-right{padding-left:0}}.task-view-details h3{font-size:16px;color:#172b4d;font-weight:600}.task-view-detail-group label{display:block;font-size:12px;color:#6b778c;font-weight:600;text-transform:uppercase;margin-bottom:4px}.task-view-detail-group p{margin:0;font-size:14px;color:#172b4d;line-height:1.5}.task-view-header-content .task-view-priority-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.task-view-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background-color:#f8f9fa;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef;color:#495057}.task-view-type-display{display:flex;align-items:center;gap:8px}.task-view-type-badge-large{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--badge-color-start),var(--badge-color-end));box-shadow:0 3px 6px #0000001a;transition:all .2s ease;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.task-view-type-badge-large:hover{transform:translateY(-1px);box-shadow:0 5px 10px #00000026;text-shadow:0 1px 3px rgba(0,0,0,.5)}.task-view-type-name{font-size:14px;color:#374151;font-weight:500}.task-view-specific-fields{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.task-view-specific-fields h4{font-size:14px;color:#374151;margin-bottom:12px;font-weight:600}.task-view-specific-fields ul{margin:0;padding-left:16px;color:#374151}.task-view-specific-fields li{margin-bottom:4px}.task-view-notes-section{margin-top:30px;padding-top:20px;border-top:1px solid #dfe1e6}.task-view-notes-section h3{font-size:16px;color:#172b4d;margin-bottom:16px;font-weight:600}.task-view-type-badge-large{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.task-view-type-badge-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.task-view-type-badge-large:hover:before{left:100%}.task-view-priority-badge{transition:all .2s ease;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.task-view-description-content{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e5e7eb;min-height:120px}.task-view-no-description{color:#6b778c;font-style:italic}.task-view-metadata-group{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.task-view-metadata-table{margin-top:12px;background-color:#f8f9fa;border-radius:6px;padding:16px;border:1px solid #e5e7eb}.task-view-metadata-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:12px}.task-view-metadata-row:last-child{margin-bottom:0}.task-view-metadata-field{display:flex;flex-direction:column;gap:4px}.task-view-metadata-label{font-size:11px;color:#6b778c;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-view-metadata-value{font-size:13px;color:#172b4d;font-weight:500;line-height:1.4;display:flex;align-items:center;gap:.75rem}.task-view-related-tasks-link{background:none;color:#6366f1;border:none;padding:0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;white-space:nowrap}.task-view-related-tasks-link:hover{color:#4f46e5;text-decoration:underline;text-decoration-thickness:2px}.task-view-related-tasks-link:active{color:#3730a3}.task-view-due-date-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.task-view-metadata-row{grid-template-columns:1fr;gap:16px}.task-view-metadata-table{padding:12px}}.task-view-checklist-group{border-top:1px solid #e5e7eb;margin-top:20px}.task-view-checklist-progress{display:flex;align-items:center;gap:12px;margin:12px 0}.task-view-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.task-view-progress-fill{height:100%;background:linear-gradient(90deg,#059669,#047857);border-radius:4px;transition:width .3s ease}.task-view-progress-text{font-size:14px;font-weight:600;color:#374151;min-width:40px}.task-view-checklist-items{display:flex;flex-direction:column;gap:8px;margin-top:16px}.task-view-checklist-item{display:flex;flex-direction:row;align-items:center;transition:all .2s ease}.task-view-checklist-item-label{display:flex;align-items:flex-start;gap:16px;cursor:pointer;width:100%;padding:4px 0}.task-view-checklist-checkbox{width:16px;height:16px;margin:0 12px 0 0;cursor:pointer;flex-shrink:0;accent-color:#059669;transition:opacity .2s ease}.task-view-checklist-checkbox:disabled{cursor:not-allowed;opacity:.6}.task-view-checklist-item.task-view-updating{opacity:.7}.task-view-checklist-item.task-view-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:4px}.task-view-checklist-text{flex:1;font-size:14px;line-height:1.5;color:#374151;font-weight:400}.task-view-checklist-item.task-view-completed .task-view-checklist-text{text-decoration:line-through;color:#6b7280;opacity:.8}.task-view-completed-info{margin-top:4px;margin-left:32px;font-size:11px;color:#059669;font-weight:500;font-style:italic}@media (max-width: 1200px){.task-view-panel-content,.task-view-header-content{max-width:100%;padding-left:20px;padding-right:20px}}@media (max-width: 480px){.task-view-panel-header,.task-view-panel-content{padding:16px}.task-view-panel-header h2{font-size:18px}}.task-view-description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-view-description-header label{margin-bottom:0}.task-view-description-actions{display:flex;gap:8px}.task-view-description-edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b778c;flex-shrink:0}.task-view-description-edit-btn:hover{background-color:#091e4214;color:#172b4d}.task-view-description-edit-actions{display:flex;gap:4px}.task-view-description-editor{margin-top:8px}.task-view-loading-icon{animation:spin 1s linear infinite}.task-view-title-with-edit{display:flex;align-items:center;gap:8px;min-width:0}.task-view-title-with-edit h2{margin:0;min-width:0}.task-view-title-editor{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.task-view-title-input{flex:1;min-width:0;padding:8px 12px;border:2px solid #0052cc;border-radius:4px;font-size:24px;font-weight:600;color:#172b4d;background-color:#fff;outline:none;transition:border-color .2s ease}.task-view-title-input:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc33}.task-view-title-input:disabled{opacity:.6;cursor:not-allowed}.task-view-title-edit-btn,.task-view-title-save-btn,.task-view-title-cancel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b778c;flex-shrink:0}.task-view-title-edit-btn:hover{background-color:#091e4214;color:#172b4d}.task-view-title-save-btn{color:#0052cc}.task-view-title-save-btn:hover{background-color:#0052cc14;color:#0052cc}.task-view-title-save-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-title-cancel-btn{color:#de350b}.task-view-title-cancel-btn:hover{background-color:#de350b14;color:#de350b}.task-view-title-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-title-edit-actions{display:flex;gap:4px;flex-shrink:0}.task-view-header-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-view-header-content{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-width:0;width:100%}.task-view-header-close{display:flex;align-items:center;flex-shrink:0}.task-view-header-center{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0}.task-view-header-center .task-view-title-with-edit{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.task-view-header-center .task-view-title-editor{width:100%;display:flex;flex-direction:row;align-items:center;gap:8px}.task-view-header-center .task-view-title-with-edit h2{text-align:left;margin:0}.task-view-header-center .task-view-title-input{text-align:left}.task-view-title-input-container{flex:1;min-width:0}.task-view-title-input-container .premium-text-input{width:100%}.task-view-title-input-container .premium-text-input__input{font-size:24px;font-weight:600;color:#172b4d;padding:8px 12px}.task-view-field-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1.5px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#fff;flex-shrink:0}.task-view-field-action-btn.task-view-field-save-btn{color:#16a34a;border-color:#16a34a}.task-view-field-action-btn.task-view-field-save-btn:hover:not(:disabled){background-color:#16a34a08;border-color:#15803d;color:#15803d}.task-view-field-action-btn.task-view-field-save-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-field-action-btn.task-view-field-cancel-btn{color:#dc2626;border-color:#dc2626}.task-view-field-action-btn.task-view-field-cancel-btn:hover:not(:disabled){background-color:#dc262608;border-color:#b91c1c;color:#b91c1c}.task-view-field-action-btn.task-view-field-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-field-action-btn .task-view-loading-icon{animation:spin 1s linear infinite}.task-view-header-center .task-view-header-badges{justify-content:flex-start}.task-view-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-self:end}.task-view-header-actions .btn-primary{padding:.875rem 1.75rem;font-size:.875rem;min-width:120px}.task-view-actions-menu-container{position:relative;display:inline-block}.task-view-actions-button{display:flex;align-items:center;gap:6px;background:none;border:2px solid #dfe1e6;cursor:pointer;color:#172b4d;padding:8px 16px;border-radius:6px;transition:all .2s;font-size:14px;font-weight:500;white-space:nowrap}.task-view-actions-button:hover{background-color:#f4f5f7;border-color:#c1c7d0;color:#172b4d}.task-view-actions-menu{position:absolute;top:100%;right:0;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(15,35,56,.08);border-radius:12px;box-shadow:0 4px 6px -1px #0f23381a,0 2px 4px -1px #0f23380f,0 0 0 1px #0f23380d;min-width:220px;width:max-content;max-width:280px;z-index:1000;margin-top:8px;overflow:hidden;backdrop-filter:blur(8px);animation:task-view-dropdownSlideIn .15s ease-out}@keyframes task-view-dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-view-menu-section{padding:6px 0}.task-view-menu-section:not(:last-child){border-bottom:1px solid rgba(15,35,56,.06);position:relative}.task-view-menu-section:not(:last-child):after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(15,35,56,.1) 50%,transparent 100%)}.task-view-menu-section-header{display:flex;align-items:center;gap:6px;padding:8px 16px 6px}.task-view-menu-section-icon{color:#0f2338;opacity:.7;flex-shrink:0}.task-view-menu-section-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#0f2338,#1a3b5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding:0}.task-view-due-date-label-with-edit{display:flex;align-items:center;gap:6px;margin-bottom:4px}.task-view-due-date-edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b778c;flex-shrink:0}.task-view-due-date-edit-btn:hover{background-color:#091e4214;color:#172b4d}.task-view-due-date-edit-actions{display:flex;gap:2px}.task-view-due-date-editor{margin-top:4px;display:flex;align-items:center;gap:8px}.task-view-due-date-editor .premium-date-picker{flex:1;min-width:0}.task-view-due-date-picker-container{display:flex;align-items:center;gap:8px;width:100%}.task-view-due-date-picker-container .premium-date-picker{flex:1;max-width:200px}.task-view-due-date-edit-actions{display:flex;gap:4px;flex-shrink:0}.task-view-due-date-input{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#172b4d;background-color:#fff;outline:none;transition:border-color .2s ease}.task-view-due-date-input:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc33}.task-view-due-date-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.task-view-assigned-user-label-with-edit{display:flex;align-items:center;gap:6px;margin-bottom:4px}.task-view-assigned-user-edit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b778c;flex-shrink:0}.task-view-assigned-user-edit-btn:hover{background-color:#091e4214;color:#172b4d}.task-view-assigned-user-edit-actions{display:flex;gap:2px}.task-view-assigned-user-editor{margin-top:4px;display:flex;align-items:center;gap:8px}.task-view-assigned-user-editor .premium-dropdown{flex:1;min-width:0}.task-view-assigned-user-select{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#172b4d;background-color:#fff;outline:none;transition:border-color .2s ease}.task-view-assigned-user-select:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc33}.task-view-assigned-user-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.task-view-priority-label-with-edit{display:flex;align-items:center;gap:6px;margin-bottom:4px}.task-view-priority-edit-btn,.task-view-priority-save-btn,.task-view-priority-cancel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b778c;flex-shrink:0}.task-view-priority-edit-btn:hover{background-color:#091e4214;color:#172b4d}.task-view-priority-save-btn{color:#0052cc}.task-view-priority-save-btn:hover{background-color:#0052cc14;color:#0052cc}.task-view-priority-save-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-priority-cancel-btn{color:#de350b}.task-view-priority-cancel-btn:hover{background-color:#de350b14;color:#de350b}.task-view-priority-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.task-view-priority-edit-actions{display:flex;gap:2px}.task-view-priority-editor{margin-top:4px}.task-view-priority-select{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#172b4d;background-color:#fff;outline:none;transition:border-color .2s ease}.task-view-priority-select:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc33}.task-view-priority-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.task-view-priority-badge-container{display:flex;align-items:center;position:relative}.task-view-priority-badge-with-edit{display:flex;align-items:center;gap:4px}.task-view-header-priority-editor{display:flex;align-items:center;gap:4px;background-color:#fffffff2;border-radius:4px;padding:2px;box-shadow:0 2px 8px #00000026}.task-view-header-priority-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#172b4d;background-color:#fff;outline:none;transition:border-color .2s ease;min-width:85px;height:32px}.task-view-header-priority-select:focus{border-color:#0052cc;box-shadow:0 0 0 1px #0052cc33}.task-view-header-priority-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.task-view-header-priority-edit-actions{display:flex;gap:4px}.task-view-header-priority-dropdown{min-width:200px;width:200px}.task-view-detail-separator{border-top:1px solid #e5e7eb;margin:24px 0;width:100%}@media (max-width: 768px){.task-view-header-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;padding-left:16px;padding-right:16px}.task-view-header-close{order:1;justify-self:start}.task-view-header-center{order:2;align-items:flex-start}.task-view-header-actions{order:3;justify-self:center}.task-view-header-center .task-view-title-with-edit h2,.task-view-header-center .task-view-title-input{font-size:20px;text-align:left}.task-view-header-center .task-view-title-editor{flex-direction:row;gap:8px}.task-view-header-center .task-view-header-badges{justify-content:flex-start}}.task-view-field-value{font-size:14px;color:#172b4d;line-height:1.5;margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-view-checklist-section{display:flex;flex-direction:column;gap:16px}.task-view-checklist-progress-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;transition:all .2s ease}.task-view-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.task-view-progress-header h3{margin:0;font-size:13px;font-weight:500;color:#6b7280}.task-view-progress-percentage{font-size:13px;font-weight:600;color:#374151}.task-view-progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:4px;position:relative}.task-view-progress-fill{height:100%;background:#059669;border-radius:2px;transition:width .4s ease;position:relative}.task-view-progress-stats{display:flex;justify-content:flex-end}.task-view-completed-count{font-size:11px;color:#9ca3af;font-weight:400}.task-view-checklist-items-section{display:flex;flex-direction:column;gap:12px}.task-view-checklist-items-header{display:flex;align-items:center;justify-content:space-between}.task-view-checklist-items-section h3{margin:0;font-size:14px;font-weight:600;color:#0f2338;display:flex;align-items:center;gap:6px}.task-view-checklist-toggle-container{display:flex;align-items:center}.task-view-checklist-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;user-select:none}.task-view-checklist-toggle-label .task-view-toggle-label-text{font-size:12px;color:#6b7280}.task-view-checklist-toggle-label:hover .task-view-toggle-slider{background-color:#94a3b8}.task-view-checklist-toggle-label:hover .task-view-toggle-input:checked+.task-view-toggle-slider{background-color:#047857}.task-view-checklist-items{display:flex;flex-direction:column;gap:6px}.task-view-checklist-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;transition:all .2s ease;position:relative;overflow:hidden}.task-view-checklist-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0f23380d}.task-view-checklist-item.task-view-completed{border-color:#059669;background:#f0fdf4}.task-view-checklist-item.task-view-updating{opacity:.7;pointer-events:none}.task-view-checklist-item.task-view-error{border-color:#dc2626;background:#fef2f2}.task-view-checklist-item-content{display:flex;flex-direction:column;gap:4px}.task-view-checklist-item-header{display:flex;align-items:center;gap:10px}.task-view-checkbox-container{position:relative;flex-shrink:0;margin-top:1px}.task-view-checklist-checkbox{appearance:none;width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;transition:all .15s ease;position:relative}.task-view-checklist-checkbox:hover{border-color:#9ca3af}.task-view-checklist-checkbox:checked{background:#059669;border-color:#059669}.task-view-checklist-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.task-view-checklist-checkbox:disabled{opacity:.5;cursor:not-allowed}.task-view-checkbox-label{position:absolute;top:0;left:0;width:16px;height:16px;cursor:pointer}.task-view-item-details{flex:1;min-width:0}.task-view-item-name{font-size:14px;font-weight:500;color:#0f2338;line-height:1.3;display:flex;align-items:center;gap:4px;margin:0}.task-view-checklist-item.task-view-completed .task-view-item-name{color:#6b7280;text-decoration:line-through}.task-view-checklist-item .task-view-required-indicator{color:#dc2626;font-weight:400;font-size:14px;margin-left:2px;background:none;border:none;border-radius:0;padding:0;display:inline}.task-view-item-description{font-size:12px;color:#9ca3af;line-height:1.3;margin-top:2px}.task-view-checklist-item.task-view-completed .task-view-item-description{color:#9ca3af;text-decoration:line-through}.task-view-item-status{flex-shrink:0;display:flex;align-items:center;margin-top:2px}.task-view-updating-spinner{display:flex;align-items:center;justify-content:center}.task-view-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.task-view-check-icon{color:#059669}.task-view-completion-details{display:flex;flex-direction:column;gap:1px;margin-left:26px;margin-top:4px;padding:4px 6px;background:#05966908;border-radius:3px;border-left:2px solid #059669}.task-view-completion-time{font-size:10px;color:#059669;font-weight:400}.task-view-completion-user{font-size:10px;color:#9ca3af;font-style:italic}.task-view-error-message{margin-left:26px;margin-top:4px;padding:4px 6px;background:#dc262608;border-radius:3px;border-left:2px solid #dc2626;font-size:11px;color:#dc2626;font-weight:400}.task-view-no-checklist{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.task-view-no-checklist-icon{margin-bottom:16px;color:#9ca3af}.task-view-no-checklist h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.task-view-no-checklist p{margin:0;font-size:14px;color:#6b7280;max-width:300px}@media (max-width: 768px){.task-view-checklist-progress-card{padding:8px 10px}.task-view-progress-header{flex-direction:row;align-items:center;gap:8px}.task-view-progress-percentage{font-size:12px}.task-view-checklist-item{padding:6px 10px}.task-view-checklist-item-header{gap:8px}.task-view-item-name{font-size:13px}.task-view-item-description{font-size:11px}.task-view-completion-details,.task-view-error-message{margin-left:24px}}.task-view-right-panel-content{flex:1;display:flex;flex-direction:column;min-height:0;animation:fadeIn .2s ease}.task-view-sop-task-types-link-container{margin-top:.75rem;margin-bottom:.5rem}.task-view-sop-task-types-link{color:#1a3b5c;font-size:.875rem;font-weight:500;text-decoration:underline;display:inline-flex;align-items:center;transition:color .2s ease;border:none;background:none;padding:0;cursor:pointer}.task-view-sop-task-types-link:hover{color:#0f2338;text-decoration:underline}.task-view-sop-task-types-link:active{color:#2a4b6c}.task-view-info-badge-container{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}.task-view-badges-row{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.task-view-category-badge,.task-view-type-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.125rem .5rem!important;border-radius:12px!important;font-size:.65rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important;line-height:1.2!important;white-space:nowrap!important;cursor:default!important;height:auto!important;min-height:24px!important;box-sizing:border-box!important}.task-view-category-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;box-shadow:0 1px 3px #3b82f64d!important;border:1px solid rgba(59,130,246,.4)!important}.task-view-type-badge{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;box-shadow:0 1px 3px #f9731699!important;border:1px solid rgba(249,115,22,.8)!important;opacity:1!important}.task-view-category-badge[data-category=AT]{background:linear-gradient(135deg,#c49a9a,#b0888a);box-shadow:0 1px 3px #c49a9a4d;border:1px solid rgba(196,154,154,.4)}.task-view-category-badge[data-category=LP]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 1px 3px #8b5cf64d;border:1px solid rgba(139,92,246,.4)}.task-view-category-badge[data-category=TM]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 1px 3px #ef44444d;border:1px solid rgba(239,68,68,.4)}@media (max-width: 768px){.task-view-info-badge-container,.task-view-badges-row{gap:.25rem}.task-view-category-badge,.task-view-type-badge{padding:.1rem .375rem;font-size:.6rem;border-radius:10px}}.task-view-tab-content-wrapper{position:relative;display:flex;flex-direction:column;height:100%}.task-view-tab-content-header{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 0;margin-bottom:.75rem}.label-modal-header-content{display:flex;align-items:center;color:#fff}.label-modal-header-content svg{color:#c49a9ae6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.label-input-modal .label-input-form{display:flex;flex-direction:column;gap:1.5rem}.label-input-modal .form-section{display:flex;flex-direction:column;gap:.75rem}.label-input-modal .form-label{font-size:.9375rem;font-weight:600;color:#111827;letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:.25rem}.label-input-modal .required-asterisk{color:#dc2626;font-weight:700}.label-input-modal .existing-labels-section{padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:12px;animation:labelSectionSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes labelSectionSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.label-input-modal .existing-labels-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.label-input-modal .existing-label-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0f233814}.label-input-modal .existing-label-badge:hover{background:linear-gradient(135deg,#f8f9fa,#f1f5f9);border-color:#c49a9a;transform:translateY(-1px);box-shadow:0 2px 6px #0f23381f}.label-input-modal .existing-label-badge svg{color:#c49a9a;flex-shrink:0}.label-input-modal .label-text{flex:1;min-width:0;word-break:break-word}.label-input-modal .remove-label-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:.25rem;background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2);border-radius:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.label-input-modal .remove-label-btn:hover:not(:disabled){background:#dc262626;border-color:#dc26264d;transform:scale(1.05)}.label-input-modal .remove-label-btn:active{transform:scale(.95)}.label-input-modal .remove-label-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.label-input-modal .remove-label-btn svg{color:currentColor;width:10px;height:10px}.label-input-modal .form-actions{padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.label-input-modal .premium-text-input--focused .premium-text-input__container{border-color:#c49a9a;box-shadow:0 0 0 4px #c49a9a1a,0 2px 8px #0f23381a}@media (max-width: 768px){.label-input-modal .existing-labels-section{padding:1rem}.label-input-modal .existing-labels-list{gap:.375rem}.label-input-modal .existing-label-badge{padding:.3rem .6rem;font-size:.75rem}}@media (max-width: 480px){.label-input-modal .label-input-form{gap:1.25rem}.label-input-modal .existing-label-badge{padding:.25rem .5rem;font-size:.7rem}.label-input-modal .existing-label-badge svg{width:10px;height:10px}}.task-details-section-mobile .field-container{margin-bottom:1.5rem}.task-details-section-mobile .monthly-objectives-list{display:flex;flex-direction:column;gap:.75rem}.task-details-section-mobile .objective-item-mobile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.875rem 1rem;transition:all .2s ease}.task-details-section-mobile .objective-item-mobile:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.task-details-section-mobile .objective-title{font-size:.9375rem;font-weight:500;color:#374151;line-height:1.4;margin:0;display:block}.task-details-section-mobile .section-content{padding-top:1rem}.task-details-section-mobile .section-content>div:not(:last-child){margin-bottom:1.25rem}.task-details-section-mobile .field-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:block}@media (max-width: 375px){.task-details-section-mobile .objective-item-mobile{padding:.75rem .875rem}.task-details-section-mobile .objective-title{font-size:.875rem}}@media (prefers-color-scheme: dark){.task-details-section-mobile .objective-item-mobile{background:#1f2937;border-color:#374151}.task-details-section-mobile .objective-item-mobile:hover{background:#111827;border-color:#4b5563}.task-details-section-mobile .objective-title{color:#e5e7eb}.task-details-section-mobile .field-label{color:#f3f4f6}}.checklist-section-mobile .section-content{padding-top:1rem}.checklist-title-with-progress{display:flex;flex-direction:column;gap:.5rem;flex:1}.checklist-header-progress{display:flex;align-items:center;gap:.5rem}.progress-bar-inline{width:80px;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;flex-shrink:0}.progress-bar-inline .progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:2px;transition:width .3s ease}.progress-text-inline{font-size:.75rem;font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0}.progress-bar-container{display:flex;align-items:center;gap:.75rem;width:100%;margin-bottom:.5rem}.progress-bar{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;min-width:0}.progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:500;color:#374151;white-space:nowrap;flex-shrink:0}.no-checklist-mobile{padding:2rem;text-align:center;color:#6b7280}.no-checklist-icon{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.checklist-header-mobile{padding:0 0 1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.progress-section{margin-bottom:1rem}.checklist-controls{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.hide-completed-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer}.hide-completed-toggle input[type=checkbox]{margin:0;width:16px;height:16px}.checklist-items-mobile{display:flex;flex-direction:column;gap:0}.checklist-item-mobile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.checklist-item-mobile:hover{background:#f9fafb;border-color:#d1d5db}.checklist-item-content{display:flex;align-items:flex-start;gap:.5rem;width:100%;flex-wrap:nowrap}.checklist-checkbox-container{position:relative;flex-shrink:0;display:flex;align-items:flex-start;margin-top:1px}.checklist-checkbox{width:18px;height:18px;border:2px solid #d1d5db;border-radius:3px;background:#fff;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;position:relative}.checklist-checkbox:checked{background:#16a34a;border-color:#16a34a}.checklist-checkbox:checked:after{content:"✓";color:#fff;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.checklist-checkbox.error{border-color:#dc2626}.checkbox-loading{position:absolute;top:0;left:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:3px}.loading-icon{width:12px;height:12px;color:#6b7280;animation:spin 1s linear infinite}.checklist-label{flex:1;font-size:.875rem;line-height:1.4;color:#374151;cursor:pointer;word-break:break-word;min-width:0}.checklist-label.completed{text-decoration:line-through;color:#6b7280}.sequence-number{font-weight:600;color:#6b7280;margin-right:.25rem}.required-indicator{color:#dc2626;font-weight:600;margin-left:.25rem}.checklist-item-status{font-size:.75rem;margin-top:.5rem;margin-left:2.75rem}.checklist-item-status.updating{color:var(--priority-normal-primary)}.checklist-item-status.error{color:#dc2626}.checklist-completed-info{margin-top:.75rem;margin-left:2.75rem;display:flex;flex-direction:column;gap:.25rem}.completed-time{font-size:.75rem;color:#9ca3af}.completion-user{font-size:.75rem;color:#6b7280}.grouped-checklist-mobile{display:flex;flex-direction:column;gap:1rem}.checklist-group-mobile{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.group-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s ease}.group-header-mobile:hover{background:#f3f4f6}.group-title{font-size:.875rem;font-weight:600;color:#374151;margin:0}.group-meta{display:flex;align-items:center;gap:.5rem}.group-progress{font-size:.75rem;color:#6b7280;font-weight:500}.comments-section-mobile .section-content{padding-top:1rem}.comments-header-mobile{padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;touch-action:manipulation}.comments-header-mobile:hover{background-color:#f3f4f6}.comments-title{font-size:1rem;font-weight:600;color:#0f2338;margin:0}.comment-count-badge{background-color:#0f2338;color:#fff;padding:.125rem .375rem;border-radius:12px;font-size:.75rem;font-weight:500;min-width:1.25rem;text-align:center}.comments-content-mobile{max-height:60vh;overflow-y:auto;padding:1rem;background-color:#fff}.comments-list-mobile{position:relative}.comments-list-scrollable{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar:none;-ms-overflow-style:none;scrollbar-width:none}.user-avatar-mobile{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#0f2338;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.user-name-mobile{font-size:.875rem;font-weight:600;color:#0f2338;display:block;margin-bottom:.25rem}.btn-secondary-mobile{padding:.5rem 1rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.btn-secondary-mobile:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-primary-mobile{padding:.5rem 1rem;background-color:#0f2338;border:1px solid #0f2338;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.btn-primary-mobile:hover:not(:disabled){background-color:#1e3a5f;border-color:#1e3a5f}.btn-primary-mobile:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 374px){.comments-list-scrollable{max-height:270px}}@media (max-width: 320px){.comments-list-scrollable{max-height:240px}.comment-actions-mobile{flex-direction:column}}@media (prefers-color-scheme: dark){.comment-textarea-mobile{background-color:#374151;border-color:#4b5563;color:#f9fafb}}.document-upload-section{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.document-file-input{display:none}.document-upload-button{width:100%;padding:.75rem 1rem;background-color:#0f2338;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;touch-action:manipulation}.document-upload-button:hover:not(:disabled){background-color:#1a3b5c;transform:translateY(-1px);box-shadow:0 2px 8px #0f233826}.document-upload-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0f23381a}.document-upload-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.upload-progress{margin-top:.75rem;padding:.75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem}.upload-filename{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-percentage{color:#6b7280;font-weight:600}.upload-progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background-color:#0f2338;transition:width .3s ease;border-radius:2px}.upload-success{margin-top:.5rem;padding:.5rem .75rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;align-items:center;gap:.5rem;color:#16a34a;font-size:.75rem;animation:fadeIn .3s ease}.upload-error{margin-top:.5rem;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.75rem}.upload-error-message{margin-top:.75rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;line-height:1.4}.documents-loading{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.documents-loading p{margin:0;font-size:.875rem}.documents-error{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.documents-error h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.documents-error p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.no-documents{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.no-documents h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.no-documents p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5;max-width:300px}.no-documents-icon{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.document-item:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.document-info{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem}.document-icon-and-name{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.document-icon{font-size:1.5rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.document-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.document-name{font-size:.875rem;font-weight:500;color:#0f2338;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.document-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;flex-wrap:wrap}.document-type{font-weight:600;color:#0f2338;text-transform:uppercase;letter-spacing:.5px}.document-separator{color:#d1d5db}.document-size{color:#6b7280}.document-date{color:#9ca3af}.document-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.document-action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.5rem;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.document-action-button:hover{background-color:#f9fafb;border-color:#d1d5db}.document-action-button:active{background-color:#f3f4f6;transform:scale(.95)}.document-action-button:disabled{opacity:.5;cursor:not-allowed}.document-action-button.download-btn{color:#0f2338}.document-action-button.download-btn:hover{background-color:#f0f4f8;border-color:#0f2338}.document-action-button.delete-btn{color:#dc2626}.document-action-button.delete-btn:hover{background-color:#fef2f2;border-color:#fca5a5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 374px){.document-upload-section,.document-item{padding:.75rem}.document-icon{font-size:1.25rem;width:28px;height:28px}.document-name{font-size:.8125rem}.document-meta{font-size:.6875rem}.document-action-button{width:32px;height:32px}}@media (max-width: 320px){.document-actions{gap:.375rem}.upload-progress-info{font-size:.6875rem}.documents-list{gap:.5rem}}@media (pointer: coarse){.document-action-button{min-width:44px;min-height:44px}.document-upload-button{min-height:48px}}.history-section-mobile .section-content{padding-top:1rem}.history-loading-mobile{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.history-loading-mobile h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.history-loading-mobile p{margin:0;font-size:.875rem}.loading-spinner-mobile{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.history-error-mobile{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.history-error-mobile h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.history-error-mobile p{margin:0;font-size:.875rem}.error-icon{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.no-history-mobile{padding:2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:.75rem}.no-history-mobile h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.no-history-mobile p{margin:0;font-size:.875rem}.no-history-icon{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.history-list-mobile{position:relative}.history-list-scrollable{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;overflow-x:hidden;-webkit-scrollbar:none;-ms-overflow-style:none;scrollbar-width:none}.history-item-mobile{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.history-item-mobile:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.history-icon{width:20px;height:20px;flex-shrink:0;color:#6b7280;transition:color .2s ease}.history-icon.assignment{color:#d97706}.history-icon.general{color:#6b7280}.history-summary{font-size:.875rem;color:#374151;margin-bottom:.5rem;line-height:1.5}.history-details{font-size:.75rem;color:#6b7280;line-height:1.4}@media (max-width: 374px){.history-list-scrollable{max-height:270px}.history-item-mobile{padding:.75rem}.history-avatar{width:28px;height:28px;font-size:.6875rem}.history-user-name{font-size:.8125rem}.history-time{font-size:.6875rem}.history-summary{font-size:.8125rem}.history-details{font-size:.6875rem}.history-icon{width:18px;height:18px}}@media (max-width: 320px){.history-list-scrollable{max-height:240px}.history-list-mobile{gap:.5rem}.history-item-header{gap:.5rem;margin-bottom:.5rem}.history-content{margin-left:2rem}.comment-preview-content{font-size:.6875rem}.comment-preview-time{font-size:.625rem}}@media (pointer: coarse){.history-item-mobile{min-height:44px}}@media (prefers-color-scheme: dark){.history-item-mobile{background:#374151;border-color:#4b5563}.history-item-mobile:hover{background:#4b5563;border-color:#6b7280}.history-user-name{color:#f9fafb}.history-summary{color:#e5e7eb}.history-time,.history-details{color:#9ca3af}.comment-preview-author,.history-loading-mobile h4,.history-error-mobile h4,.no-history-mobile h4{color:#f9fafb}}:root{--taskview-primary: #007AFF;--taskview-primary-dark: #0051D5;--taskview-primary-light: rgba(0, 122, 255, .1);--taskview-primary-ultralight: rgba(0, 122, 255, .05);--taskview-black: #1c1c1e;--taskview-gray-800: #3c3c43;--taskview-bg-primary: #f9fafb;--taskview-bg-elevated: rgba(255, 255, 255, .95);--taskview-border-light: rgba(0, 0, 0, .04);--taskview-border-medium: rgba(0, 0, 0, .06);--taskview-border-primary: rgba(0, 122, 255, .2);--taskview-gradient-card: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--taskview-gradient-card-pressed: linear-gradient(135deg, #f5f5f5 0%, #eeeeee 100%);--taskview-gradient-header: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--taskview-gradient-field: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);--taskview-gradient-field-focus: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--taskview-shadow-0: none;--taskview-shadow-1: 0 1px 3px rgba(0, 0, 0, .04);--taskview-shadow-2: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--taskview-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .5);--taskview-shadow-inset-pressed: inset 0 2px 4px rgba(0, 0, 0, .06);--taskview-shadow-card: var(--taskview-shadow-2), var(--taskview-shadow-inset), 0 0 0 1px var(--taskview-border-light);--taskview-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06), var(--taskview-shadow-inset), 0 0 0 1px var(--taskview-border-medium);--taskview-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Roboto", sans-serif;--taskview-text-sm: .8125rem;--taskview-text-base: .9375rem;--taskview-text-xl: 1.25rem;--taskview-weight-bold: 700;--taskview-leading-normal: 1.4;--taskview-tracking-tight: -.015em;--taskview-tracking-widest: .08em;--taskview-space-md: .75rem;--taskview-space-lg: 1rem;--taskview-space-xl: 1.5rem;--taskview-space-2xl: 2rem;--taskview-padding-section: var(--taskview-space-lg);--taskview-radius-md: .75rem;--taskview-radius-card: 1.25rem;--taskview-ease-out: cubic-bezier(0, 0, .2, 1);--taskview-ease-spring: cubic-bezier(.25, .46, .45, .94);--taskview-duration-slow: .4s;--taskview-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--taskview-z-40: 40}@media (prefers-color-scheme: dark){:root{--taskview-black: #ffffff;--taskview-gray-800: #e5e5ea;--taskview-bg-primary: #000000;--taskview-bg-elevated: rgba(28, 28, 30, .95);--taskview-border-light: rgba(255, 255, 255, .06);--taskview-border-medium: rgba(255, 255, 255, .1);--taskview-shadow-1: 0 1px 3px rgba(0, 0, 0, .4);--taskview-shadow-2: 0 2px 8px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--taskview-gradient-card: linear-gradient(135deg, #1c1c1e 0%, #2c2c2e 100%);--taskview-gradient-header: linear-gradient(180deg, #1c1c1e 0%, #2c2c2e 100%);--taskview-gradient-field: linear-gradient(135deg, #2c2c2e 0%, #1c1c1e 100%)}}@media (prefers-reduced-motion: reduce){:root{--taskview-duration-slow: .01s;--taskview-transition-normal: .01s linear}}.task-view-mobile{min-height:100vh;min-height:100dvh;background:var(--taskview-bg-primary);display:flex;flex-direction:column;font-family:var(--taskview-font-system);position:relative;isolation:isolate;will-change:scroll-position;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-width:none;-ms-overflow-style:none}.task-view-mobile::-webkit-scrollbar{display:none}.task-detail-mobile{min-height:100vh;min-height:100dvh;background:var(--taskview-bg-primary);display:flex;flex-direction:column;font-family:var(--taskview-font-system)}.task-mobile-header{position:sticky;top:0;z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;box-shadow:0 1px 3px #0000001a}.task-mobile-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-mobile-title{font-size:1.125rem;font-weight:600;color:#0f2338;margin:0;text-align:center;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.task-mobile-title.editable{cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s ease}.task-mobile-title.editable:hover{background-color:#f9fafb}.actions-btn-placeholder{width:44px;height:44px}.task-mobile-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.task-mobile-content{flex:1;overflow-y:auto;background-color:#f9fafb}.expandable-section{background:var(--taskview-bg-elevated);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--taskview-radius-card);margin-bottom:var(--taskview-space-xl);overflow:hidden;box-shadow:var(--taskview-shadow-card);transition:all var(--taskview-transition-normal);border:1px solid var(--taskview-border-light)}@media (hover: hover){.expandable-section:hover{transform:translateY(-2px);box-shadow:var(--taskview-shadow-card-hover);border-color:var(--taskview-border-medium)}}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--taskview-space-xl) var(--taskview-padding-section);cursor:pointer;touch-action:manipulation;background:var(--taskview-gradient-card);transition:all var(--taskview-transition-normal);-webkit-tap-highlight-color:transparent;position:relative;min-height:60px}.section-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--taskview-primary-ultralight) 0%,transparent 100%);opacity:0;transition:opacity var(--taskview-transition-normal);pointer-events:none}.section-header:hover:before{opacity:1}.section-header:active{background:var(--taskview-gradient-card-pressed);transform:scale(.995)}.section-header-title-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-title{font-size:var(--taskview-text-xl);font-weight:var(--taskview-weight-bold);color:var(--taskview-black);margin:0;letter-spacing:var(--taskview-tracking-tight);text-shadow:0 1px 2px rgba(0,0,0,.02)}.chevron-icon{color:var(--taskview-primary);transition:all .35s var(--taskview-ease-spring);filter:drop-shadow(0 1px 2px rgba(0,122,255,.15))}.chevron-icon.expanded{transform:rotate(180deg);color:var(--taskview-primary-dark)}.section-content{padding:0 var(--taskview-padding-section) var(--taskview-space-xl);border-top:1px solid var(--taskview-border-light);animation:sectionExpand var(--taskview-duration-slow) var(--taskview-ease-out);background:linear-gradient(180deg,rgba(0,0,0,.01) 0%,transparent 24px)}@keyframes sectionExpand{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.field-container{margin-bottom:var(--taskview-space-2xl);padding:var(--taskview-space-lg);background:var(--taskview-gradient-field);border-radius:var(--taskview-radius-md);border:1px solid var(--taskview-border-light);box-shadow:var(--taskview-shadow-1),var(--taskview-shadow-inset);transition:all var(--taskview-transition-normal)}.field-container:hover{box-shadow:var(--taskview-shadow-2),var(--taskview-shadow-inset);border-color:var(--taskview-border-medium)}.field-container:last-child{margin-bottom:0}.field-mobile{margin-bottom:1rem}.field-label-mobile{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.field-label{display:block;font-size:var(--taskview-text-sm);font-weight:var(--taskview-weight-bold);color:var(--taskview-gray-800);margin-bottom:var(--taskview-space-md);text-transform:uppercase;letter-spacing:var(--taskview-tracking-widest);opacity:.85}.field-display-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.field-display-mobile.editable:hover{background-color:#f3f4f6;border-color:#d1d5db}.field-display-mobile.danger{border-color:#fca5a5;background-color:#fef2f2}.field-display-mobile.danger .field-value-mobile{color:#dc2626;font-weight:600}.field-value-mobile{background:var(--taskview-gradient-field);border-radius:var(--taskview-radius-md);padding:var(--taskview-space-lg);font-size:var(--taskview-text-base);color:var(--taskview-black);line-height:var(--taskview-leading-normal);min-height:52px;display:flex;align-items:center;gap:var(--taskview-space-md);border:1px solid var(--taskview-border-light);box-shadow:var(--taskview-shadow-1),var(--taskview-shadow-inset);transition:all var(--taskview-transition-normal);position:relative;overflow:hidden}.field-value-mobile.editable{cursor:pointer;touch-action:manipulation}.field-value-mobile.editable:hover{background:var(--taskview-gradient-field-focus);border-color:var(--taskview-border-primary);box-shadow:0 2px 8px var(--taskview-primary-ultralight),var(--taskview-shadow-1),var(--taskview-shadow-inset)}.field-value-mobile.editable:active{transform:scale(.98);box-shadow:var(--taskview-shadow-inset-pressed),var(--taskview-shadow-1)}.field-value-mobile.editable:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--taskview-primary-light);transform:translate(-50%,-50%);transition:width .6s var(--taskview-ease-out),height .6s var(--taskview-ease-out);pointer-events:none}.field-value-mobile.editable:active:after{width:300px;height:300px}.field-value-mobile svg{flex-shrink:0;opacity:.5;margin-left:auto;transition:all var(--taskview-transition-normal);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.field-value-mobile.editable:hover svg{opacity:1;transform:translate(2px) rotate(5deg);color:var(--taskview-primary)}.edit-icon-mobile{width:16px;height:16px;color:#9ca3af;margin-left:.5rem;flex-shrink:0}.field-editor-mobile{display:flex;flex-direction:column;gap:.75rem}.field-input-mobile,.field-select-mobile{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.875rem;background-color:#fff;color:#0f2338;outline:none;transition:border-color .2s ease}.field-input-mobile:focus,.field-select-mobile:focus{border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.edit-actions-mobile{display:flex;gap:.5rem;justify-content:flex-end}.save-btn-mobile,.cancel-btn-mobile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.save-btn-mobile{background-color:#059669;color:#fff}.save-btn-mobile:hover{background-color:#047857}.save-btn-mobile:disabled{background-color:#9ca3af;cursor:not-allowed}.cancel-btn-mobile{background-color:#6b7280;color:#fff}.cancel-btn-mobile:hover{background-color:#4b5563}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments-section-mobile{background-color:#fff;margin-bottom:.5rem}.comments-meta{display:flex;align-items:center;gap:.5rem}.comment-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 .625rem;background:#0f2338;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;border-radius:6px;box-shadow:0 1px 3px #0f23384d,inset 0 1px #ffffff1a;transition:transform .15s cubic-bezier(.68,-.55,.265,1.55),box-shadow .25s ease;will-change:transform;backface-visibility:hidden}.section-header:hover .comment-count-badge{transform:scale(1.05);box-shadow:0 2px 6px #0f233866,inset 0 1px #fff3}.section-header:active .comment-count-badge{transform:scale(.95)}.latest-comment-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.5rem}.comment-preview-content{flex:1;min-width:0}.comment-preview-author{font-size:.75rem;font-weight:600;color:#0f2338;margin-right:.5rem}.comment-preview-text{font-size:.75rem;color:#6b7280;line-height:1.4}.comment-preview-time{font-size:.7rem;color:#9ca3af;flex-shrink:0}.no-comments{padding:2rem;text-align:center;color:#9ca3af}.no-comments p{margin:0;font-size:.875rem}.comments-list-mobile{display:flex;flex-direction:column}.comment-card-mobile{padding:1rem;border-bottom:1px solid #f3f4f6}.comment-card-mobile:last-child{border-bottom:none}.comment-header-mobile{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.user-avatar-mobile{width:32px;height:32px;background-color:#0f2338;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.comment-meta-mobile{flex:1;min-width:0}.user-name-mobile{font-size:.875rem;font-weight:600;color:#0f2338;display:block;margin-bottom:.125rem}.comment-time-mobile{font-size:.75rem;color:#6b7280}.comment-content-mobile{font-size:.875rem;line-height:1.5;color:#374151;margin-left:2.75rem}.add-comment-section{border-top:1px solid #e5e7eb}.add-comment-btn-mobile{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;transition:all .2s ease;touch-action:manipulation}.add-comment-btn-mobile:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#0f2338}.add-comment-editor{display:flex;flex-direction:column;gap:.75rem}.comment-textarea-mobile{width:100%;min-height:100px;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease}.comment-textarea-mobile:focus{border-color:#0f2338;box-shadow:0 0 0 3px #0f23381a}.comment-actions-mobile{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary-mobile,.btn-secondary-mobile{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;touch-action:manipulation}.btn-primary-mobile{background-color:#0f2338;color:#fff}.btn-primary-mobile:hover{background-color:#0a1520;transform:translateY(-1px)}.btn-primary-mobile:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary-mobile{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary-mobile:hover{background-color:#e5e7eb;border-color:#9ca3af}.task-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.task-error-icon{color:#dc2626;margin-bottom:1.5rem}.task-error-title{font-size:1.25rem;font-weight:600;color:#0f2338;margin:0 0 .75rem}.task-error-message{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 2rem;max-width:300px}.task-error-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:200px}.skeleton-element{background-color:#f3f4f6;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-section{background-color:#fff;padding:1rem;margin-bottom:.5rem}.skeleton-back-btn,.skeleton-actions-btn{width:44px;height:44px;border-radius:8px}.skeleton-title{height:1.5rem;width:60%}.skeleton-badge{height:1.5rem;width:3rem;border-radius:12px}.skeleton-info-grid{display:grid;gap:1rem}.skeleton-field{display:flex;flex-direction:column;gap:.5rem}.skeleton-field-label{height:1rem;width:30%}.skeleton-field-value{height:2.5rem;border-radius:8px}.skeleton-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem;background-color:#f9fafb}.skeleton-section-title{height:1.25rem;width:40%}.skeleton-chevron{width:20px;height:20px;border-radius:50%}.skeleton-description{display:flex;flex-direction:column;gap:.5rem}.skeleton-description-line{height:1rem;width:100%}.skeleton-description-line.short{width:70%}.skeleton-comment-count{width:1.5rem;height:1.5rem;border-radius:50%}@media (max-width: 374px){.task-mobile-header{padding:.75rem}.task-mobile-title{font-size:1rem}.task-mobile-badges{gap:.375rem}.section-header{padding:.75rem}.field-display-mobile{padding:.625rem}}@media (max-width: 320px){.task-mobile-nav{margin-bottom:.75rem}.task-mobile-badges{flex-wrap:wrap;gap:.25rem}.comment-actions-mobile{flex-direction:column}.btn-primary-mobile,.btn-secondary-mobile{width:100%}}@media (pointer: coarse){.save-btn-mobile,.cancel-btn-mobile{min-height:44px;min-width:44px}.field-display-mobile{min-height:48px}}.history-loading-mobile,.history-error-mobile,.no-history-mobile{padding:2rem;text-align:center;color:#6b7280}.loading-spinner-mobile,.error-icon,.no-history-icon{margin:0 auto 1rem;width:48px;height:48px;color:#d1d5db}.history-loading-mobile h4,.history-error-mobile h4,.no-history-mobile h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.history-loading-mobile p,.history-error-mobile p,.no-history-mobile p{margin:0;font-size:.875rem}.history-list-mobile{display:flex;flex-direction:column;gap:.75rem}.history-item-mobile{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.history-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.history-avatar{width:32px;height:32px;border-radius:50%;background:#0f2338;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.history-meta{flex:1;min-width:0}.history-user-name{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.history-time{font-size:.75rem;color:#6b7280}.history-icon{width:20px;height:20px;flex-shrink:0;color:#6b7280}.history-icon.created{color:#16a34a}.history-icon.status{color:#3b82f6}.history-icon.assignment{color:var(--priority-normal-primary)}.history-icon.priority{color:#dc2626}.history-icon.date{color:#8b5cf6}.history-content{margin-left:2.5rem}.history-summary{font-size:.875rem;color:#374151;margin-bottom:.5rem}@media (prefers-color-scheme: dark){.task-detail-mobile{background-color:#111827;color:#f9fafb}.task-mobile-header{background-color:#1f2937;border-bottom-color:#374151}.task-mobile-title{color:#f9fafb}.expandable-section{background-color:#1f2937}.section-header{background-color:#374151;border-bottom-color:#4b5563}.section-title{color:#f9fafb}.field-display-mobile,.field-input-mobile,.field-select-mobile,.comment-textarea-mobile{background-color:#374151;border-color:#4b5563;color:#f9fafb}}.task-view-mobile-header-section{background:var(--taskview-gradient-header);border-bottom:1px solid var(--taskview-border-light);padding:var(--taskview-space-lg);padding-top:max(var(--taskview-space-lg),env(safe-area-inset-top));position:relative;top:0;z-index:var(--taskview-z-40);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);transition:all var(--taskview-transition-normal);box-shadow:var(--taskview-shadow-0)}.task-view-mobile-badges-row{display:flex;justify-content:space-between;align-items:center;gap:var(--taskview-space-md);margin-bottom:0;animation:badgesFadeIn var(--taskview-duration-slow) var(--taskview-ease-out)}.task-view-mobile-badges-left{display:flex;gap:var(--taskview-space-md);flex-wrap:wrap}@keyframes badgesFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.task-view-mobile-title-section{margin-bottom:0}.task-view-mobile-content-scroll{flex:1;overflow-y:auto;padding:var(--taskview-space-xl) var(--taskview-space-lg);padding-top:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.task-view-mobile-content-scroll::-webkit-scrollbar{display:none;width:0;height:0}.task-view-mobile-content-scroll::-webkit-scrollbar-track{display:none}.task-view-mobile-content-scroll::-webkit-scrollbar-thumb{display:none}.monthly-objectives-list{display:flex;flex-direction:column;gap:.5rem}.objective-item-mobile{background:#f2f2f7;padding:.75rem;border-radius:8px;border-left:3px solid #007aff}.objective-title{font-size:.875rem;font-weight:500;color:#1c1c1e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (hover: none) and (pointer: coarse){.field-value-mobile.editable:hover,.section-header:hover{background-color:initial}.field-value-mobile.editable:active,.section-header:active{background-color:#0000000a}}@media (max-width: 375px){.task-view-mobile-header-section{padding:.75rem}.task-view-mobile-content-scroll{padding:.75rem;padding-top:0}}@supports (padding: max(0px)){.task-view-mobile-header-section{padding-top:max(var(--taskview-space-lg),env(safe-area-inset-top))}}