.light{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--radius:.5rem}.editor-toolbar-collapsible{transition:max-height .15s,opacity .15s;overflow:hidden}.editor-toolbar-hidden{opacity:0;pointer-events:none;max-height:0}.editor-toolbar-visible{opacity:1;pointer-events:auto;max-height:60px}.editor-toolbar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:var(--radius) var(--radius) 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;display:flex}.toolbar-btn{border-radius:calc(var(--radius) - 2px);width:26px;height:26px;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .12s,color .12s;display:inline-flex}.toolbar-btn:hover,.toolbar-btn.active{background:hsl(var(--accent));color:hsl(var(--foreground))}.toolbar-divider{background:hsl(var(--border));flex-shrink:0;width:1px;height:16px;margin:0 3px}.editor-content{border:1px solid hsl(var(--border));border-radius:0 0 var(--radius) var(--radius);background:hsl(var(--background));cursor:text;border-top:none;min-height:110px;padding:10px 12px;font-size:14px;line-height:1.6}.tiptap-prose{outline:none}.tiptap-prose p{margin:0 0 4px}.tiptap-prose ul{margin:4px 0;padding-left:1.25em;list-style:outside}.tiptap-prose ol{margin:4px 0;padding-left:1.25em;list-style:decimal}.tiptap-prose li{margin:2px 0}.tiptap-prose strong{font-weight:700}.tiptap-prose em{font-style:italic}.tiptap-prose a{color:#3b82f6;text-underline-offset:2px;cursor:pointer;text-decoration:underline}.tiptap-prose a:hover{opacity:.8}.tiptap-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:hsl(var(--muted-foreground));pointer-events:none;height:0}.mention-pill{background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;border-radius:9999px;align-items:center;gap:3px;padding:0 6px;font-size:12px;font-weight:500;display:inline-flex}.mention-pill:hover{background:hsl(var(--accent))}.tiptap-prose ul[data-type=taskList]{padding-left:0;list-style:none}.tiptap-prose ul[data-type=taskList] li{align-items:flex-start;gap:8px;padding:2px 0;display:flex}.tiptap-prose ul[data-type=taskList] li label{flex-shrink:0;margin-top:1px}.tiptap-prose ul[data-type=taskList] li label input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:hsl(var(--primary));border-radius:3px}.tiptap-prose ul[data-type=taskList] li[data-checked=true]>div{color:hsl(var(--muted-foreground));text-decoration:line-through}.inline-link{color:#3b82f6;text-underline-offset:2px;cursor:pointer;text-decoration:underline}.modal-scrim{z-index:40;background:#0000008c;position:fixed;inset:0}.composite-wrapper{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.composite-inner{pointer-events:auto;align-items:stretch;gap:0;height:min(720px,80vh);max-height:min(720px,80vh);transition:transform .3s ease-out;display:flex;transform:translate(0)}.composite-inner.panel-open{transform:translate(-208px)}.composite-wrapper.inline-page{pointer-events:auto;z-index:auto;justify-content:flex-start;align-items:flex-start;display:flex;position:static}.composite-inner.inline-page{flex-direction:row;align-items:flex-start;gap:16px;width:100%;height:auto;max-height:none;transition:none;display:flex;transform:none}@media (width>=1100px){.composite-inner.inline-page{flex-direction:row}.composite-inner.inline-page .modal-panel{flex:1 1 0;min-width:0;max-width:640px}.composite-inner.inline-page .comments-panel{opacity:1;pointer-events:auto;flex:0 0 400px;width:400px;margin-left:0;position:static;transform:none}}@media (width<=1099px){.composite-inner.inline-page{flex-direction:column}.composite-inner.inline-page .comments-panel{opacity:1;pointer-events:auto;width:100%;margin-left:0;position:static;transform:none}}.modal-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:640px;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000026,0 1px 4px #00000014}.dark .modal-panel{box-shadow:0 8px 40px #0000008c,0 1px 6px #0006}.composite-inner.inline-page .modal-panel{width:auto;box-shadow:none;border-radius:var(--radius)}.modal-header{border-bottom:1px solid hsl(var(--border));flex-shrink:0;align-items:flex-start;gap:8px;padding:12px 14px 10px;display:flex}.task-title-edit{color:hsl(var(--foreground));border-radius:calc(var(--radius) - 2px);resize:none;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:2px 4px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;transition:background .15s}.task-title-edit:hover,.task-title-edit:focus{background:hsl(var(--accent))}.icon-btn{border-radius:calc(var(--radius) - 2px);width:28px;height:28px;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.icon-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.show-comments-btn{border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.show-comments-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground));border-color:hsl(var(--ring))}.show-comments-btn.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.modal-body{flex:1;overflow-y:auto}.modal-section{border-bottom:1px solid hsl(var(--border));padding:12px 16px}.modal-section:last-child{border-bottom:none}.section-label{letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:8px;font-size:11px;font-weight:600}.status-chip{cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.status-chip:hover{opacity:.8}.change-status-btn{border-radius:var(--radius);color:hsl(var(--muted-foreground));border:1px dashed hsl(var(--border));cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.change-status-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground));border-color:hsl(var(--ring))}.status-dropdown{z-index:100;background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius);min-width:180px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 24px #0000001a,0 1px 4px #00000014}.dark .status-dropdown{box-shadow:0 4px 24px #00000059,0 1px 6px #0000004d}.status-dropdown.open{display:block}.status-dropdown-item{border-radius:calc(var(--radius) - 2px);cursor:pointer;color:hsl(var(--foreground));align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.status-dropdown-item:hover{background:hsl(var(--accent))}.status-dropdown-item.admin-item{color:hsl(var(--muted-foreground))}.status-dropdown-item.admin-item:hover{background:hsl(var(--accent))}.meta-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.meta-label{letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:3px;font-size:11px;font-weight:600}.meta-value{color:hsl(var(--foreground));font-size:12px}.meta-link{color:#3b82f6;text-underline-offset:2px;cursor:pointer;font-size:12px;text-decoration:underline}.avatar-sm{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:600;display:flex}.modal-footer{border-top:1px solid hsl(var(--border));flex-shrink:0;padding:10px 16px}.close-task-btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.close-task-btn.admin-enabled{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.close-task-btn.admin-enabled:hover{opacity:.85}.close-task-btn.admin-disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:not-allowed;position:relative}.close-disabled-tooltip{background:hsl(var(--foreground));color:hsl(var(--background));white-space:nowrap;border-radius:calc(var(--radius) - 2px);opacity:0;pointer-events:none;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:0}.close-task-btn.admin-disabled:hover .close-disabled-tooltip{opacity:1}.footer-toggle-btn{border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));cursor:pointer;color:hsl(var(--muted-foreground));background:0 0;padding:3px 8px;font-size:11px;transition:background .12s}.footer-toggle-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.badge-maintenance{color:#1d4ed8;background:#eff6ff}.dark .badge-maintenance{color:#93c5fd;background:#1e3a5f}.badge-general{color:#71717a;background:#f4f4f5}.dark .badge-general{color:#a1a1aa;background:#27272a}.comments-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);opacity:0;pointer-events:none;flex-direction:column;flex-shrink:0;width:400px;margin-left:16px;transition:opacity .3s ease-out,transform .3s ease-out;display:flex;overflow:hidden;transform:translate(20px);box-shadow:0 8px 40px #0000001f,0 1px 4px #0000000f}.dark .comments-panel{box-shadow:0 8px 40px #00000080,0 1px 6px #00000059}.comments-panel.visible{opacity:1;pointer-events:auto;transform:translate(0)}.comments-header{border-bottom:1px solid hsl(var(--border));flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.comments-header-title{color:hsl(var(--foreground));font-size:13px;font-weight:600}.comments-body{flex:1;padding:10px 14px;overflow-y:auto}.comment-item{border-bottom:1px solid hsl(var(--border));gap:10px;padding:8px 0;display:flex}.comment-item:last-child{border-bottom:none}.comment-avatar{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.comment-name{font-size:12px;font-weight:600}.comment-time{color:hsl(var(--muted-foreground));font-size:11px}.comment-text{font-size:13px;line-height:1.5}.comments-composer{border-top:1px solid hsl(var(--border));flex-shrink:0;padding:10px 14px}.comment-input-area{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden}.comment-toolbar{background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));align-items:center;gap:2px;padding:5px 8px;display:flex}.comment-input{background:hsl(var(--background));width:100%;color:hsl(var(--foreground));resize:none;border:none;outline:none;min-height:56px;padding:8px 10px;font-family:inherit;font-size:13px}.comment-input::placeholder{color:hsl(var(--muted-foreground))}.comment-submit{border-radius:var(--radius);color:hsl(var(--primary-foreground));background:hsl(var(--primary));cursor:pointer;border:none;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.comment-submit:hover{opacity:.85}.mobile-frame{border:1px solid hsl(var(--border));background:hsl(var(--card));pointer-events:auto;border-radius:12px;flex-direction:column;width:390px;height:min(720px,80vh);max-height:min(720px,80vh);display:flex;overflow:hidden;box-shadow:0 8px 40px #00000026,0 1px 4px #00000014}.dark .mobile-frame{box-shadow:0 8px 40px #0000008c,0 1px 6px #0006}.mobile-tab-strip{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0;display:flex}.mobile-tab{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.mobile-tab:hover{color:hsl(var(--foreground))}.mobile-tab.active{color:hsl(var(--foreground));border-bottom-color:hsl(var(--foreground))}.mobile-pane{flex:1;display:none;overflow-y:auto}.mobile-pane.active{flex-direction:column;display:flex}.mobile-comments-body{flex:1;padding:10px 14px;overflow-y:auto}.mobile-comments-composer{border-top:1px solid hsl(var(--border));flex-shrink:0;padding:10px 14px}