.container-mobile{margin-left:auto;margin-right:auto;max-width:100%;padding-left:1rem;padding-right:1rem}.container-tablet{margin-left:auto;margin-right:auto;max-width:56rem;padding-left:1.5rem;padding-right:1.5rem}.container-desktop{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:2rem;padding-right:2rem}.mobile-layout{display:flex;min-height:100vh;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.mobile-header{position:sticky;top:0;z-index:50;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mobile-content{flex:1 1 0%;overflow-y:auto;padding-bottom:4rem}.mobile-navigation{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mobile-card{margin-bottom:1rem;padding:1rem}.mobile-card,.mobile-card-compact{border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mobile-card-compact{margin-bottom:.75rem;padding:.75rem}.mobile-button-primary{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-button-primary:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.mobile-button-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.mobile-button-primary:active{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.mobile-button-secondary{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-button-secondary:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.mobile-button-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.mobile-button-secondary:active{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.mobile-button-ghost{border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-button-ghost:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.mobile-button-ghost:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.mobile-button-ghost:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.mobile-input{width:100%;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.mobile-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.mobile-input::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.mobile-input:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.mobile-textarea{width:100%;resize:none;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.mobile-textarea::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.mobile-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.mobile-textarea:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.mobile-select{width:100%;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.mobile-select:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius);padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-nav-item-active{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.mobile-nav-item-inactive{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.mobile-nav-item-inactive:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.mobile-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5;padding:1rem}.mobile-modal-content{max-height:90vh;width:100%;max-width:28rem;overflow:hidden;border-top-left-radius:.75rem;border-top-right-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.mobile-modal-body{overflow-y:auto;padding:1rem}.mobile-modal-footer{display:flex}.mobile-modal-footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.mobile-modal-footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.mobile-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.mobile-list-item{border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-list-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.mobile-list-item:active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.mobile-list-item-selected{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.mobile-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mobile-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.mobile-spacing-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.mobile-spacing-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.mobile-spacing-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mobile-spacing-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.mobile-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.mobile-subtitle{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.mobile-body{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.mobile-caption{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.mobile-status-success{background-color:rgb(220 252 231/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1))}.mobile-status-success,.mobile-status-warning{border-radius:9999px;--tw-bg-opacity:1;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1}.mobile-status-warning{background-color:rgb(254 249 195/var(--tw-bg-opacity,1));color:rgb(133 77 14/var(--tw-text-opacity,1))}.mobile-status-error{background-color:rgb(254 226 226/var(--tw-bg-opacity,1));color:rgb(153 27 27/var(--tw-text-opacity,1))}.mobile-status-error,.mobile-status-info{border-radius:9999px;--tw-bg-opacity:1;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1}.mobile-status-info{background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(30 64 175/var(--tw-text-opacity,1))}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.touch-target{display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.slider-orange{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider-orange::-webkit-slider-track{background:#e5e7eb;height:8px;border-radius:4px}.slider-orange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ea580c;height:20px;width:20px;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:all .2s ease;transition:all .2s ease}.slider-orange::-webkit-slider-thumb:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}.slider-orange::-moz-range-track{background:#e5e7eb;height:8px;border-radius:4px;border:none}.slider-orange::-moz-range-thumb{background:#ea580c;height:20px;width:20px;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-transition:all .2s ease;transition:all .2s ease}.slider-orange::-moz-range-thumb:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}.scrollbar-default{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.scrollbar-default::-webkit-scrollbar{width:6px}.scrollbar-default::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.scrollbar-default::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scrollbar-default::-webkit-scrollbar-thumb:hover{background:#94a3b8}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.touch-feedback{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-feedback:active{transform:scale(.98);transition:transform .1s ease}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-area{transition:all .2s ease}.upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.upload-area:active{transform:scale(.99)}.attachment-item{transition:all .2s ease}.attachment-item:hover{background-color:#f9fafb}.mention-tag{transition:all .2s ease}.mention-tag:hover{background-color:#dbeafe;transform:translateY(-1px)}.progress-display{font-variant-numeric:tabular-nums}.modal-overlay{backdrop-filter:blur(4px)}@media (max-width:375px){.modal-content{max-height:90vh}.modal-padding{padding:12px}}@media (min-height:800px){.modal-content{max-height:80vh}}@media (prefers-color-scheme:dark){.slider-orange::-webkit-slider-track{background:#374151}.slider-orange::-moz-range-track{background:#374151}.scrollbar-default{scrollbar-color:#4b5563 #1f2937}.scrollbar-default::-webkit-scrollbar-track{background:#1f2937}.scrollbar-default::-webkit-scrollbar-thumb{background:#4b5563}.scrollbar-default::-webkit-scrollbar-thumb:hover{background:#6b7280}}.mobile-task-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0}.mobile-task-detail-modal{background:white;width:100%;max-height:90vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .3s ease-out}.mobile-task-detail-modal.show{transform:translateY(0)}.mobile-task-detail-header{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid #e5e7eb;padding:16px}.mobile-task-detail-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-task-detail-tabs{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.mobile-task-detail-tab{flex:1;padding:12px 16px;text-align:center;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative}.mobile-task-detail-tab.active{color:#2563eb;background:white}.mobile-task-detail-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#2563eb}.mobile-task-detail-tab-content{min-height:200px}.task-priority-badge,.task-status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.task-priority-badge{margin-left:8px}.task-priority-high{background:#fef2f2;color:#dc2626}.task-priority-medium{background:#fffbeb;color:#d97706}.task-priority-low{background:#f0fdf4;color:#16a34a}.task-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.task-progress-fill{height:100%;background:#3b82f6;transition:width .3s ease;border-radius:4px}.task-info-card{background:#f9fafb;border-radius:8px;padding:12px;margin-bottom:12px}.task-info-item{display:flex;align-items:flex-start;margin-bottom:12px}.task-info-item:last-child{margin-bottom:0}.task-info-icon{width:16px;height:16px;color:#9ca3af;margin-right:12px;margin-top:2px;flex-shrink:0}.task-info-content{flex:1;min-width:0}.task-info-label{font-size:12px;color:#6b7280;margin-bottom:2px}.task-info-value{font-size:14px;color:#111827;font-weight:500}.task-comment-item{background:#f9fafb;border-radius:8px;padding:12px;margin-bottom:12px}.task-comment-header{justify-content:space-between;margin-bottom:8px}.task-comment-author,.task-comment-avatar,.task-comment-header{display:flex;align-items:center}.task-comment-avatar{width:24px;height:24px;background:#dbeafe;border-radius:50%;justify-content:center;margin-right:8px}.task-comment-name{font-size:14px;font-weight:500;color:#111827}.task-comment-time{font-size:12px;color:#6b7280}.task-comment-content{padding-left:32px;font-size:14px;color:#374151;line-height:1.5;white-space:pre-wrap}.task-attachment-item{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e5e7eb;border-radius:6px;padding:8px;margin-bottom:8px}.task-attachment-info{display:flex;align-items:center;flex:1;min-width:0}.task-attachment-icon{width:16px;height:16px;color:#9ca3af;margin-right:8px;flex-shrink:0}.task-attachment-details{flex:1;min-width:0}.task-attachment-name{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-attachment-size{font-size:12px;color:#6b7280}.task-attachment-actions{display:flex;align-items:center;margin-left:8px}.task-attachment-action{padding:4px;color:#9ca3af;cursor:pointer;transition:color .2s ease}.task-attachment-action:hover{color:#6b7280}.mobile-task-actions{position:sticky;bottom:0;background:white;border-top:1px solid #e5e7eb;padding:16px;z-index:10}.mobile-task-action-primary{width:100%;padding:12px 16px;margin-bottom:12px}.mobile-task-action-primary,.mobile-task-action-secondary{display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;transition:all .2s ease}.mobile-task-action-secondary{padding:8px 12px;font-size:14px}.mobile-task-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-task-loading{display:flex;align-items:center;justify-content:center;padding:40px 16px}.mobile-task-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-task-error{text-align:center;padding:40px 16px;color:#dc2626}.mobile-task-error-icon{width:48px;height:48px;margin:0 auto 16px;color:#fca5a5}.mobile-task-empty{text-align:center;padding:40px 16px;color:#6b7280}.mobile-task-empty-icon{width:48px;height:48px;margin:0 auto 16px;color:#d1d5db}@media (max-width:375px){.mobile-task-detail-modal{max-height:95vh}.mobile-task-actions,.mobile-task-detail-header{padding:12px}.mobile-task-detail-tab{padding:10px 12px;font-size:13px}}@media (hover:none) and (pointer:coarse){.mobile-task-detail-tab:active{background:#f3f4f6}.mobile-task-action-primary:active,.mobile-task-action-secondary:active{transform:scale(.98)}}@supports (padding:max(0px)){.mobile-task-detail-modal{padding-bottom:max(0px,env(safe-area-inset-bottom))}.mobile-task-actions{padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutToRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-project-detail-modal{animation:fadeIn .3s ease-out}.mobile-project-detail-modal.entering{animation:slideInFromRight .3s ease-out}.mobile-project-detail-modal.exiting{animation:slideOutToRight .3s ease-in}.mobile-project-detail-header{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95);border-bottom:1px solid rgba(229,231,235,.8)}.mobile-project-detail-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-project-detail-content::-webkit-scrollbar{width:4px}.mobile-project-detail-content::-webkit-scrollbar-track{background:transparent}.mobile-project-detail-content::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:2px}.mobile-project-detail-content::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.8)}.mobile-project-info-card{background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid rgba(229,231,235,.6);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-project-status-badge{transition:all .2s ease-in-out;transform:scale(1)}.mobile-project-status-badge:hover{transform:scale(1.05)}.mobile-project-stats-card{transition:all .2s ease-in-out;transform:translateY(0)}.mobile-project-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mobile-project-comments{background:#ffffff;border-top:1px solid rgba(229,231,235,.8)}.mobile-project-comment-item{transition:background-color .2s ease-in-out}.mobile-project-comment-item:hover{background-color:rgba(249,250,251,.8)}.mobile-project-comment-input{transition:all .2s ease-in-out;border:1px solid #d1d5db}.mobile-project-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.mobile-project-action-button{transition:all .2s ease-in-out;transform:scale(1);position:relative;overflow:hidden}.mobile-project-action-button:hover{transform:scale(1.02)}.mobile-project-action-button:active{transform:scale(.98)}.mobile-project-action-button: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}.mobile-project-action-button:hover:before{left:100%}.mobile-project-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-project-error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:375px){.mobile-project-detail-content,.mobile-project-detail-header{padding:0 12px}.mobile-project-action-button{font-size:14px;padding:8px 12px}}@media (min-width:768px){.mobile-project-detail-modal{max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}}@media (hover:none) and (pointer:coarse){.mobile-project-action-button:hover{transform:none}.mobile-project-action-button:active{transform:scale(.95);background-color:rgba(0,0,0,.1)}.mobile-project-stats-card:hover{transform:none}.mobile-project-comment-item:hover{background-color:transparent}}@media (prefers-color-scheme:dark){.mobile-project-detail-header{background-color:rgba(17,24,39,.95);border-bottom-color:rgba(75,85,99,.8)}.mobile-project-info-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:rgba(75,85,99,.6)}.mobile-project-comments{background:#1f2937;border-top-color:rgba(75,85,99,.8)}.mobile-project-comment-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.mobile-project-comment-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.schedule-modal-overlay{animation:fadeIn .3s ease-out}.schedule-modal-content{animation:slideUp .3s ease-out}.schedule-modal-header{background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.schedule-modal-body{max-height:calc(90vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.schedule-modal-footer{background:white;border-top:1px solid #e5e7eb;flex-shrink:0}@media (max-height:600px){.schedule-modal-body{max-height:calc(90vh - 60px)}}