#page-auth[data-v-ff6befeb]{background:var(--s1);width:100vw;height:100vh;display:flex;overflow:hidden}.auth-left[data-v-ff6befeb]{background:#1a1a2e;flex:1.2;display:none;position:relative}@media (width>=900px){.auth-left[data-v-ff6befeb]{justify-content:center;align-items:center;display:flex}}.auth-left-bg[data-v-ff6befeb]{opacity:.4;mix-blend-mode:overlay;background-image:url(https://images.unsplash.com/photo-1557683316-973673baf926?q=80&w=2029&auto=format&fit=crop);background-position:50%;background-size:cover;position:absolute;inset:0}.auth-brand[data-v-ff6befeb]{color:#fff;letter-spacing:-.02em;z-index:10;font-size:50px;font-weight:800;position:relative}.auth-brand span[data-v-ff6befeb]{color:var(--primary-color)}.auth-right[data-v-ff6befeb]{background:var(--s1);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrap[data-v-ff6befeb]{width:100%;max-width:380px}.auth-tab-row[data-v-ff6befeb]{gap:20px;margin-bottom:30px;display:flex}.auth-tab[data-v-ff6befeb]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:16px;font-weight:600;transition:color .2s;position:relative}.auth-tab[data-v-ff6befeb]:hover{color:var(--text)}.auth-tab.active[data-v-ff6befeb]{color:var(--primary-color)}.auth-tab.active[data-v-ff6befeb]:after{content:"";background:var(--primary-color);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0}.form-group[data-v-ff6befeb]{margin-bottom:18px}.form-label[data-v-ff6befeb]{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input[data-v-ff6befeb]{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.form-input[data-v-ff6befeb]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-faded)}.input-prefix-wrap[data-v-ff6befeb]{align-items:center;display:flex;position:relative}.input-prefix[data-v-ff6befeb]{color:var(--text-muted);pointer-events:none;margin-top:-1px;font-size:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input.with-prefix[data-v-ff6befeb]{padding-left:32px}.form-btn[data-v-ff6befeb]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.form-btn[data-v-ff6befeb]:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.form-btn[data-v-ff6befeb]:disabled{opacity:.7;cursor:not-allowed}.form-err[data-v-ff6befeb]{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px;display:none}.form-err.show[data-v-ff6befeb]{display:block}.google-btn-container[data-v-ff6befeb]{display:flex}.google-btn-static[data-v-ff6befeb],.github-btn[data-v-ff6befeb]{background:var(--s1);border:1.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.google-btn-static[data-v-ff6befeb]:hover,.github-btn[data-v-ff6befeb]:hover{background:var(--bg)}.custom-drag-ghost[data-v-1c89813b]{opacity:.95;box-shadow:0 20px 40px #00000026;cursor:grabbing!important}.kanban.list-view[data-v-1c89813b]{flex-direction:column;gap:24px;padding:0 16px 40px;overflow:hidden auto}.kanban.list-view .column[data-v-1c89813b]{background:var(--s2);width:100%;min-width:100%;box-shadow:none;border:1px solid var(--border);border-radius:16px;margin-bottom:0;padding:20px 24px 16px}.kanban.list-view .col-line[data-v-1c89813b]{display:none}.kanban.list-view .col-header[data-v-1c89813b]{border-bottom:none;align-items:center;margin-bottom:20px;padding:0;display:flex}.kanban.list-view .cards[data-v-1c89813b]{flex-direction:column;gap:8px;padding:0;display:flex;overflow:visible}.kanban.list-view .card[data-v-1c89813b]{background:var(--s1);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.kanban.list-view .card[data-v-1c89813b]:hover{background:var(--s1);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.kanban.list-view .card-priority[data-v-1c89813b]{text-align:center;order:2;min-width:80px;margin-bottom:0}.kanban.list-view .card-title[data-v-1c89813b]{flex:1;order:1;margin-bottom:0;font-size:14px;font-weight:500}.kanban.list-view .card-desc[data-v-1c89813b]{display:none}.kanban.list-view .card-footer[data-v-1c89813b]{order:3;justify-content:flex-end;width:250px;margin-top:0}.kanban.list-view .card-more-wrap[data-v-1c89813b]{order:4;margin-top:0;margin-left:10px}@media (width<=768px){.kanban.list-view .card[data-v-1c89813b]{flex-wrap:wrap;gap:12px}.kanban.list-view .card-title[data-v-1c89813b]{flex:none;order:1;width:100%;margin-bottom:4px}.kanban.list-view .card-priority[data-v-1c89813b]{order:2;min-width:auto}.kanban.list-view .card-footer[data-v-1c89813b]{flex:1;order:3;justify-content:flex-end;width:auto}.kanban.list-view .card-more-wrap[data-v-1c89813b]{order:4}}.header-dropdown-menu .dropdown-item[data-v-e7928f5d]:hover{background-color:var(--s2)}.typing-indicator[data-v-e7928f5d]{align-items:center;gap:4px;padding:4px 2px;display:flex}.typing-indicator span[data-v-e7928f5d]{background-color:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing-e7928f5d}.typing-indicator span[data-v-e7928f5d]:first-child{animation-delay:-.32s}.typing-indicator span[data-v-e7928f5d]:nth-child(2){animation-delay:-.16s}.typing-indicator span[data-v-e7928f5d]:nth-child(3){animation-delay:0s}@keyframes typing-e7928f5d{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.markdown-body[data-v-e7928f5d] p{margin:0 0 8px;line-height:1.4}.markdown-body[data-v-e7928f5d] p:last-child{margin-bottom:0}.markdown-body[data-v-e7928f5d] strong{font-weight:700}.markdown-body[data-v-e7928f5d] em{font-style:italic}.markdown-body[data-v-e7928f5d] ul,.markdown-body[data-v-e7928f5d] ol{margin:0 0 8px 16px;padding:0}.markdown-body[data-v-e7928f5d] li{margin-bottom:4px}.markdown-body[data-v-e7928f5d] code{background:#0000000f;border-radius:4px;padding:2px 4px;font-family:DM Mono,monospace;font-size:.9em}.markdown-body[data-v-e7928f5d] pre{background:#0000000f;border-radius:6px;margin:0 0 8px;padding:8px;overflow-x:auto}.markdown-body[data-v-e7928f5d] pre code{background:0 0;padding:0}.msg-attachment-container[data-v-e7928f5d]{margin-bottom:8px}.msg-image-preview[data-v-e7928f5d]{cursor:pointer;border:1px solid #0000000d;border-radius:12px;max-width:240px;max-height:240px;overflow:hidden}.msg-image-preview img[data-v-e7928f5d]{object-fit:cover;width:100%;height:100%;display:block}.msg-file-link[data-v-e7928f5d]{background:#0000000d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.msg-file-link[data-v-e7928f5d]:hover{background:#0000001a}.chat-input-attachment-preview[data-v-e7928f5d]{border-bottom:1px solid var(--border);align-items:center;width:100%;margin-bottom:6px;padding-bottom:8px;display:flex}.input-image-thumb[data-v-e7928f5d]{border:2px solid var(--s1);background-position:50%;background-size:cover;border-radius:8px;width:48px;height:48px;position:relative;box-shadow:0 2px 8px #0000001a}.thumb-close[data-v-e7928f5d]{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.image-preview-modal[data-v-e7928f5d]{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-preview-modal img[data-v-e7928f5d]{border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 10px 30px #00000080}.close-preview-btn[data-v-e7928f5d]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.close-preview-btn[data-v-e7928f5d]:hover{background:#fff6}@media (width<=768px){.chat-sidebar-title[data-v-e7928f5d]{display:none}}.ai-empty-state[data-v-e7928f5d]{text-align:center;height:100%;min-height:400px;color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.ai-empty-logo[data-v-e7928f5d]{border:4px solid var(--s1);border-radius:50%;width:80px;height:80px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.ai-empty-logo img[data-v-e7928f5d]{object-fit:cover;width:100%;height:100%}.ai-empty-title[data-v-e7928f5d]{margin-bottom:12px;font-size:24px;font-weight:700}.ai-empty-desc[data-v-e7928f5d]{color:var(--text-muted);max-width:400px;margin-bottom:32px;line-height:1.5}.ai-prompts-grid[data-v-e7928f5d]{flex-direction:column;gap:12px;width:100%;max-width:500px;margin:0 auto;display:flex}.ai-prompt-btn[data-v-e7928f5d]{background:var(--s1);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-color);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.ai-prompt-btn[data-v-e7928f5d]:hover{background:var(--s2);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ai-prompt-btn i[data-v-e7928f5d]{color:var(--primary-color);font-size:20px}.ai-prompt-btn span[data-v-e7928f5d]{font-size:14.5px;font-weight:500}.content[data-v-c8abd60f]{flex:1;padding:28px 28px 20px;overflow-y:auto}.page-header[data-v-c8abd60f]{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title[data-v-c8abd60f]{color:var(--text);font-size:24px;font-weight:700}.page-subtitle[data-v-c8abd60f]{color:var(--text-muted);margin-top:3px;font-size:13px}.add-btn[data-v-c8abd60f]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.add-btn[data-v-c8abd60f]:hover{opacity:.88}.add-btn svg[data-v-c8abd60f]{stroke:#fff;fill:none;stroke-width:2.5px;width:14px;height:14px}.tabs-row[data-v-c8abd60f]{border-bottom:1px solid var(--border);align-items:center;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab[data-v-c8abd60f]{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab[data-v-c8abd60f]:hover{color:var(--text)}.tab.active[data-v-c8abd60f]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count[data-v-c8abd60f]{background:var(--primary-faded);color:var(--primary-color);border-radius:10px;margin-left:5px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.filter-row[data-v-c8abd60f]{align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-search[data-v-c8abd60f]{background:var(--s1);border:1.5px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:280px;padding:8px 14px;display:flex}.filter-search input[data-v-c8abd60f]{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.filter-search svg[data-v-c8abd60f]{stroke:#999;fill:none;stroke-width:2px;flex-shrink:0;width:14px;height:14px}.filter-btn[data-v-c8abd60f]{background:var(--s1);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.filter-btn svg[data-v-c8abd60f]{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}.friends-grid[data-v-c8abd60f]{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.friend-card[data-v-c8abd60f]{background:var(--s1);border:1px solid var(--border-light);text-align:center;cursor:pointer;border-radius:18px;padding:22px 18px 18px;transition:box-shadow .2s,transform .15s;position:relative}.friend-card[data-v-c8abd60f]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000017}.fc-more[data-v-c8abd60f]{color:var(--text-muted);cursor:pointer;font-size:16px;position:absolute;top:14px;right:14px}.fc-more[data-v-c8abd60f]:hover{color:var(--text-muted)}.fc-avatar[data-v-c8abd60f]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;font-size:20px;font-weight:700;display:flex;position:relative}.fc-status-dot[data-v-c8abd60f]{border:2.5px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:3px;right:3px}.fc-name[data-v-c8abd60f]{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:700}.fc-role[data-v-c8abd60f]{color:var(--text-muted);margin-bottom:12px;font-size:12px}.fc-actions[data-v-c8abd60f]{gap:8px;display:flex}.fc-btn[data-v-c8abd60f]{cursor:pointer;border:none;border-radius:9px;flex:1;padding:7px 0;font-size:12px;font-weight:600;transition:all .15s}.fc-btn.primary[data-v-c8abd60f]{background:var(--primary-color);color:#fff}.fc-btn.primary[data-v-c8abd60f]:hover{opacity:.88}.fc-btn.secondary[data-v-c8abd60f]{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.fc-btn.secondary[data-v-c8abd60f]:hover{background:var(--border)}.section-title-row[data-v-c8abd60f]{justify-content:space-between;align-items:center;margin-top:28px;margin-bottom:14px;display:flex}.section-title[data-v-c8abd60f]{color:var(--text);font-size:15px;font-weight:700}.requests-list[data-v-c8abd60f]{flex-direction:column;gap:10px;display:flex}.req-card[data-v-c8abd60f]{background:var(--s1);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:10px;padding:14px 16px;display:flex}.req-avatar[data-v-c8abd60f]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.req-info[data-v-c8abd60f]{flex:1}.req-name[data-v-c8abd60f]{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:600}.req-meta[data-v-c8abd60f]{color:var(--text-muted);font-size:12px}.req-actions[data-v-c8abd60f]{gap:8px;display:flex}.req-btn[data-v-c8abd60f]{cursor:pointer;border:none;border-radius:9px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}.req-btn.accept[data-v-c8abd60f]{background:var(--primary-color);color:#fff}.req-btn.accept[data-v-c8abd60f]:hover{opacity:.88}.req-btn.decline[data-v-c8abd60f]{background:var(--bg);color:var(--text-muted);border:1.5px solid var(--border)}.req-btn.decline[data-v-c8abd60f]:hover{background:var(--border)}@media (width<=720px){.friends-grid[data-v-c8abd60f]{grid-template-columns:repeat(2,1fr);gap:10px}.friend-card[data-v-c8abd60f]{padding:16px 10px 14px}.fc-avatar[data-v-c8abd60f]{width:48px;height:48px;margin-bottom:8px}.fc-name[data-v-c8abd60f]{margin-bottom:2px;font-size:13px}.fc-role[data-v-c8abd60f]{margin-bottom:10px;font-size:11.5px}.fc-btn[data-v-c8abd60f]{padding:6px 0;font-size:11.5px}}.project-header[data-v-55c92828]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-title-area[data-v-55c92828]{align-items:center;gap:10px;display:flex}.project-title[data-v-55c92828]{color:var(--text-main);margin-left:-6px;font-size:28px;font-weight:700}.project-title-input[data-v-55c92828]{color:var(--text-main);background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:6px;outline:none;width:300px;min-width:200px;margin-left:-6px;padding:0 4px;font-size:28px;font-weight:700}.project-title-input[data-v-55c92828]:focus{border-color:var(--accent-color)}.crm-badge[data-v-55c92828]{color:#d97706;letter-spacing:.04em;text-transform:uppercase;background:#fef3c7;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700}.title-icon[data-v-55c92828]{background:var(--primary-faded);width:30px;height:30px;color:var(--primary-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.title-icon svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.invite-btn[data-v-55c92828]{border:1.5px dashed var(--primary-color);color:var(--primary-color);cursor:pointer;background:var(--primary-faded);border-radius:9px;align-items:center;gap:6px;margin-right:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.invite-btn[data-v-55c92828]:hover{background:var(--primary-color);color:#fff;border-style:solid}.kpi-row[data-v-55c92828]{flex-shrink:0;gap:14px;margin-bottom:22px;display:flex}.kpi-card[data-v-55c92828]{background:var(--s1);border:1px solid var(--border-light);border-radius:14px;flex:1;padding:16px 20px;box-shadow:0 1px 4px #0000000d}.kpi-label[data-v-55c92828]{color:var(--text-muted);margin-bottom:6px;font-size:11.5px;font-weight:500}.kpi-value[data-v-55c92828]{color:var(--text);font-size:22px;font-weight:700;line-height:1}.kpi-sub[data-v-55c92828]{color:#22c55e;margin-top:4px;font-size:11px;font-weight:500}.kpi-icon[data-v-55c92828]{float:right;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-top:-2px;display:flex}.kpi-icon.blue[data-v-55c92828]{background:var(--primary-faded);color:var(--primary-color)}.kpi-icon.green[data-v-55c92828]{color:#22c55e;background:#22c55e26}.kpi-icon.orange[data-v-55c92828]{color:#f97316;background:#f9731626}.kpi-icon svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:1.8px;width:17px;height:17px}.add-product-card[data-v-55c92828]{cursor:pointer;box-shadow:none;min-height:112px;font:inherit;background:#22c55e14;border:1.5px dashed #22c55e;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-product-card[data-v-55c92828]:hover{background:#22c55e1f}.add-product-content[data-v-55c92828]{color:#22c55e;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:color .2s;display:flex}.add-product-content svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:22px;height:22px}.products-card[data-v-55c92828]{min-width:220px;padding:14px}.products-head[data-v-55c92828]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.products-count[data-v-55c92828]{color:var(--text);font-size:13px;font-weight:700;line-height:1.1}.product-add-small[data-v-55c92828]{border:1px solid var(--border);background:var(--s2);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.product-add-small[data-v-55c92828]:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-faded)}.product-add-small svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2.4px;width:15px;height:15px}.product-list[data-v-55c92828]{flex-direction:column;gap:7px;display:flex}.product-item[data-v-55c92828]{background:var(--s2);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:7px;display:flex}.product-mark[data-v-55c92828]{color:#fff;background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.product-mark.image[data-v-55c92828]{background-position:50%;background-size:cover}.product-info[data-v-55c92828]{min-width:0}.product-name[data-v-55c92828]{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.product-price[data-v-55c92828]{color:var(--text-muted);margin-top:1px;font-size:11px}.product-more[data-v-55c92828]{color:var(--primary-color);margin-top:7px;font-size:11.5px;font-weight:600}.product-page[data-v-55c92828]{flex:1;min-height:0;padding:4px 0 24px;overflow:auto}.product-page-head[data-v-55c92828]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.back-btn[data-v-55c92828]{border:1px solid var(--border);background:var(--s1);color:var(--text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.back-btn[data-v-55c92828]:hover{color:var(--text);border-color:var(--text-muted)}.back-btn svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.product-page-title[data-v-55c92828]{color:var(--text);font-size:24px;font-weight:750;line-height:1.2}.product-page-subtitle[data-v-55c92828]{max-width:620px;color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.5}.product-form-grid[data-v-55c92828]{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.product-form-main[data-v-55c92828],.product-form-side[data-v-55c92828]{background:var(--s1);border:1px solid var(--border-light);border-radius:14px;padding:18px;box-shadow:0 1px 4px #0000000d}.form-section-title[data-v-55c92828]{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:800}.form-row[data-v-55c92828]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-row.compact[data-v-55c92828]{gap:10px}.form-group textarea[data-v-55c92828]{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;resize:vertical;border-radius:10px;outline:none;min-height:88px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.45;transition:border-color .2s}.form-group textarea[data-v-55c92828]:focus{border-color:var(--primary-color)}.custom-select[data-v-55c92828]{position:relative}.custom-select-trigger[data-v-55c92828]{border:1.5px solid var(--border);background:var(--bg);width:100%;height:41px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 14px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.custom-select-trigger[data-v-55c92828]:hover,.custom-select.open .custom-select-trigger[data-v-55c92828]{border-color:var(--primary-color);background:var(--s1);box-shadow:0 0 0 3px var(--primary-faded)}.custom-select-trigger svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px;color:var(--text-muted);flex-shrink:0;transition:transform .15s}.custom-select.open .custom-select-trigger svg[data-v-55c92828]{color:var(--primary-color);transform:rotate(180deg)}.custom-select-trigger .placeholder[data-v-55c92828]{color:var(--text-muted)}.custom-select-menu[data-v-55c92828]{z-index:40;border:1px solid var(--border);background:var(--s1);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 28px #00000024}.product-photo-preview .remove-photo[data-v-55c92828]:hover{opacity:1}.drag-handle[data-v-55c92828]{cursor:grab}.drag-handle[data-v-55c92828]:active{cursor:grabbing}.col-title-wrap[data-v-55c92828]{flex:1;align-items:center;display:flex}.stage-edit-input[data-v-55c92828]{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-main);border-radius:4px;outline:none;padding:2px 6px;font-size:15px;font-weight:600}.stage-edit-input[data-v-55c92828]:focus{border-color:var(--accent-color)}.col-actions[data-v-55c92828]{position:relative}.col-action-btn[data-v-55c92828]{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .2s}.col-header:hover .col-action-btn[data-v-55c92828]{opacity:1}.col-action-btn[data-v-55c92828]:hover{background:var(--bg-hover);color:var(--text-main)}.col-action-btn svg[data-v-55c92828]{fill:currentColor;width:16px;height:16px}.add-column-btn[data-v-55c92828]{background:var(--s2);width:270px;min-width:270px;color:var(--text-muted);cursor:pointer;opacity:.7;border:none;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:8px;min-height:150px;margin:0;font-size:15px;font-weight:500;transition:all .2s;display:flex}.add-column-btn[data-v-55c92828]:hover{color:var(--text-main);opacity:1;background:var(--s3)}.add-column-btn svg[data-v-55c92828]{stroke:currentColor;stroke-width:2px;fill:none;width:24px;height:24px}.stage-menu-overlay[data-v-55c92828]{z-index:1000;position:fixed;inset:0}.stage-menu[data-v-55c92828]{z-index:1001;background:var(--s1);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:2px;min-width:180px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000026}.stage-menu button[data-v-55c92828]{text-align:left;cursor:pointer;color:var(--text-main);background:0 0;border:none;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .2s}.stage-menu button[data-v-55c92828]:hover{background:var(--s2)}.stage-menu button.danger[data-v-55c92828]{color:#ef4444}.stage-menu button.danger[data-v-55c92828]:hover{background:#fee2e2}@media (width<=768px){.crm-header[data-v-55c92828]{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:12px 16px}.kpi-row[data-v-55c92828]{flex-direction:column}.kanban[data-v-55c92828]{padding-bottom:24px}}.custom-select-option[data-v-55c92828]{width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;transition:background .12s,color .12s;display:flex}.custom-select-option[data-v-55c92828]:hover{background:var(--s2)}.custom-select-option.selected[data-v-55c92828]{background:var(--primary-faded);color:var(--primary-color)}.custom-select-option span[data-v-55c92828]{font-size:13px;font-weight:700}.custom-select-option small[data-v-55c92828]{color:var(--text-muted);font-size:11px}.custom-select-option.selected small[data-v-55c92828]{color:currentColor;opacity:.78}.product-photo-input[data-v-55c92828]{display:none}.product-photo-upload[data-v-55c92828]{color:#22c55e;cursor:pointer;width:100%;min-height:116px;font:inherit;background:#22c55e12;border:1.5px dashed #22c55e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s;display:flex}.product-photo-upload[data-v-55c92828]:hover{background:#22c55e1c;border-color:#16a34a}.product-photo-upload svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:22px;height:22px}.product-photo-upload span[data-v-55c92828]{font-size:13px;font-weight:800}.product-photo-upload small[data-v-55c92828]{color:var(--text-muted);font-size:11.5px}.product-photo-grid[data-v-55c92828]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px;display:grid}.product-photo-preview[data-v-55c92828]{aspect-ratio:4/3;background:var(--s2);border:1px solid var(--border-light);cursor:zoom-in;border-radius:10px;position:relative;overflow:hidden}.product-photo-preview[data-v-55c92828]:hover{border-color:var(--primary-color)}.product-photo-preview img[data-v-55c92828]{object-fit:cover;width:100%;height:100%;display:block}.product-photo-preview button[data-v-55c92828]{color:#fff;cursor:pointer;background:#111827b8;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex;position:absolute;top:7px;right:7px}.product-photo-preview button[data-v-55c92828]:hover{background:#dc2626e6}.product-photo-preview button svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2.4px;width:14px;height:14px}.photo-preview-overlay[data-v-55c92828]{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.photo-preview-modal[data-v-55c92828]{flex-direction:column;align-items:center;gap:10px;max-width:min(920px,92vw);max-height:88vh;display:flex;position:relative}.photo-preview-modal img[data-v-55c92828]{object-fit:contain;background:var(--s1);border-radius:12px;max-width:100%;max-height:calc(88vh - 44px);box-shadow:0 20px 60px #00000059}.photo-preview-close[data-v-55c92828]{background:var(--s1);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 8px 24px #00000038}.photo-preview-close[data-v-55c92828]:hover{color:#ef4444}.photo-preview-close svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2.4px;width:17px;height:17px}.photo-preview-name[data-v-55c92828]{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#111827b8;border-radius:8px;max-width:100%;padding:6px 10px;font-size:12px;overflow:hidden}.toggle-row[data-v-55c92828]{color:var(--text);cursor:pointer;align-items:center;gap:9px;margin:8px 0 16px;font-size:13px;font-weight:600;display:flex}.toggle-row input[data-v-55c92828]{width:16px;height:16px;accent-color:var(--primary-color)}.toolbar[data-v-55c92828]{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.toolbar-left[data-v-55c92828],.toolbar-right[data-v-55c92828]{align-items:center;gap:8px;display:flex}.toolbar-btn[data-v-55c92828]{border:1.5px solid var(--border);background:var(--s1);color:var(--text-muted);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .15s;display:flex}.toolbar-btn[data-v-55c92828]:hover{border-color:var(--text-muted);color:var(--text)}.toolbar-btn svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.add-deal-btn[data-v-55c92828]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.add-deal-btn[data-v-55c92828]:hover{background:var(--primary-dark)}.add-deal-btn svg[data-v-55c92828]{stroke:#fff;fill:none;stroke-width:2.5px;width:14px;height:14px}.kanban[data-v-55c92828]{flex:1;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.column[data-v-55c92828]{background:var(--s2);border-radius:16px;flex-direction:column;flex-shrink:0;width:270px;min-width:270px;padding:0 0 12px;display:flex}.col-header[data-v-55c92828]{align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.col-dot[data-v-55c92828]{border-radius:50%;flex-shrink:0;width:9px;height:9px}.col-title[data-v-55c92828]{color:var(--text);font-size:14px;font-weight:600}.col-count[data-v-55c92828]{color:var(--text-muted);background:var(--s3);border-radius:6px;padding:1px 7px;font-size:12px}.col-value[data-v-55c92828]{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:500}.col-line[data-v-55c92828]{border-radius:2px;height:3px;margin:0 16px 12px}.cards[data-v-55c92828]{flex-direction:column;flex:1;gap:10px;padding:0 12px;display:flex;overflow-y:auto}.deal-card[data-v-55c92828]{background:var(--s1);cursor:pointer;border:1px solid var(--border-light);border-radius:14px;padding:14px;transition:box-shadow .2s,transform .15s;box-shadow:0 1px 4px #0000000f}.deal-card[data-v-55c92828]:hover{border-color:var(--border);transform:translateY(-1px);box-shadow:0 4px 16px #0003}.deal-top[data-v-55c92828]{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.deal-company[data-v-55c92828]{align-items:center;gap:8px;display:flex}.company-logo[data-v-55c92828]{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.company-name[data-v-55c92828]{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.2}.company-type[data-v-55c92828]{color:var(--text-muted);font-size:11px}.deal-more[data-v-55c92828]{color:var(--text-muted);cursor:pointer;font-size:16px;transition:color .15s}.deal-more[data-v-55c92828]:hover{color:var(--text)}.deal-title[data-v-55c92828]{color:var(--text-muted);margin-bottom:10px;font-size:12.5px;line-height:1.4}.deal-value[data-v-55c92828]{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700}.deal-value span[data-v-55c92828]{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:500}.deal-tags[data-v-55c92828]{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.deal-tag[data-v-55c92828]{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:600}.tag-hot[data-v-55c92828]{color:#f43f5e;background:#f43f5e26}.tag-warm[data-v-55c92828]{color:#f97316;background:#f9731626}.tag-saas[data-v-55c92828]{color:#22c55e;background:#22c55e26}.tag-enterprise[data-v-55c92828]{color:#9333ea;background:#9333ea26}.tag-inbound[data-v-55c92828]{color:#0ea5e9;background:#0ea5e926}.deal-footer[data-v-55c92828]{justify-content:space-between;align-items:center;display:flex}.deal-avatars[data-v-55c92828]{display:flex}.deal-avatar[data-v-55c92828]{border:2px solid var(--s1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-5px;font-size:8px;font-weight:700;display:flex}.deal-avatar-bg[data-v-55c92828]{background:#f59e0b}.deal-avatar[data-v-55c92828]:first-child{margin-left:0}.deal-meta[data-v-55c92828]{gap:8px;display:flex}.deal-due[data-v-55c92828]{color:#f97316;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.deal-due svg[data-v-55c92828]{stroke:currentColor;fill:none;stroke-width:2px;width:11px;height:11px}.deal-progress[data-v-55c92828]{margin-bottom:10px}.progress-label[data-v-55c92828]{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:10.5px;display:flex}.progress-bar[data-v-55c92828]{background:var(--border-light);border-radius:2px;height:4px;overflow:hidden}.progress-fill[data-v-55c92828]{border-radius:2px;height:100%}.modal-overlay[data-v-55c92828]{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-55c92828]{background:var(--s1);border:1px solid var(--border);border-radius:16px;width:400px;max-width:90%;overflow:hidden;box-shadow:0 10px 30px #0003}.modal-header[data-v-55c92828]{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h2[data-v-55c92828]{color:var(--text);font-size:18px;font-weight:700}.close-btn[data-v-55c92828]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.close-btn[data-v-55c92828]:hover{color:var(--text)}.modal-body[data-v-55c92828]{padding:24px}.form-group[data-v-55c92828]{margin-bottom:16px}.form-group label[data-v-55c92828]{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-group input[data-v-55c92828]{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input[data-v-55c92828]:focus{border-color:var(--primary-color)}.save-btn[data-v-55c92828]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.save-btn[data-v-55c92828]:hover{background:var(--primary-dark)}.content[data-v-368c02ee]{background:var(--s1);flex:1;padding:28px 28px 20px;overflow-y:auto}.page-header[data-v-368c02ee]{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title[data-v-368c02ee]{color:var(--text);font-size:24px;font-weight:700}.page-subtitle[data-v-368c02ee]{color:var(--text-muted);margin-top:3px;font-size:13px}.new-project-btn[data-v-368c02ee]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.new-project-btn[data-v-368c02ee]:hover{opacity:.88}.new-project-btn svg[data-v-368c02ee]{stroke:#fff;fill:none;stroke-width:2.5px;width:14px;height:14px}.tabs-row[data-v-368c02ee]{border-bottom:1px solid var(--border);align-items:center;gap:4px;margin-bottom:20px;display:flex}.tab[data-v-368c02ee]{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab[data-v-368c02ee]:hover{color:var(--text)}.tab.active[data-v-368c02ee]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count[data-v-368c02ee]{background:var(--primary-faded);color:var(--primary-color);border-radius:10px;margin-left:5px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.filter-row[data-v-368c02ee]{align-items:center;gap:10px;margin-bottom:22px;display:flex}.filter-search[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:280px;padding:8px 14px;display:flex}.filter-search input[data-v-368c02ee]{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.filter-search svg[data-v-368c02ee]{stroke:#999;fill:none;stroke-width:2px;flex-shrink:0;width:14px;height:14px}.filter-btn[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.filter-btn svg[data-v-368c02ee]{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}.view-btns[data-v-368c02ee]{border:1px solid var(--border);background:var(--s1);border-radius:9px;margin-left:auto;display:flex;overflow:hidden}.view-btn[data-v-368c02ee]{cursor:pointer;align-items:center;padding:7px 10px;transition:background .15s;display:flex}.view-btn.active[data-v-368c02ee]{background:var(--primary-color)}.view-btn svg[data-v-368c02ee]{stroke:currentColor;fill:none;stroke-width:1.8px;width:15px;height:15px}.view-btn.active svg[data-v-368c02ee]{stroke:#fff}.projects-grid[data-v-368c02ee]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px;display:grid}.project-card[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);cursor:pointer;border-radius:18px;padding:0;transition:box-shadow .2s,transform .15s;overflow:hidden}.project-card[data-v-368c02ee]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000017}.pc-cover[data-v-368c02ee]{width:100%;height:8px}.pc-body[data-v-368c02ee]{flex-direction:column;height:calc(100% - 8px);padding:18px 18px 16px;display:flex}.pc-top[data-v-368c02ee]{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.pc-icon[data-v-368c02ee]{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pc-icon svg[data-v-368c02ee]{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.pc-more[data-v-368c02ee]{color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1}.pc-name[data-v-368c02ee]{color:var(--text);margin-bottom:5px;font-size:15px;font-weight:700}.pc-desc[data-v-368c02ee]{color:var(--text-muted);flex:1;margin-bottom:14px;font-size:12.5px;line-height:1.5}.pc-progress-label[data-v-368c02ee]{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.pc-progress-bar[data-v-368c02ee]{background:var(--border-light);border-radius:4px;height:6px;margin-bottom:14px;overflow:hidden}.pc-progress-fill[data-v-368c02ee]{border-radius:4px;height:100%}.pc-footer[data-v-368c02ee]{justify-content:space-between;align-items:center;display:flex}.pc-avatars[data-v-368c02ee]{display:flex}.pc-avatar[data-v-368c02ee]{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:9px;font-weight:700;display:flex}.pc-avatar[data-v-368c02ee]:first-child{margin-left:0}.pc-meta[data-v-368c02ee]{gap:10px;display:flex}.pc-stat[data-v-368c02ee]{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.pc-stat svg[data-v-368c02ee]{stroke:currentColor;fill:none;stroke-width:1.8px;width:13px;height:13px}.pc-status[data-v-368c02ee]{border-radius:8px;align-items:center;gap:5px;margin-bottom:12px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.new-card[data-v-368c02ee]{background:var(--s1);border:2px dashed var(--border);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:32px 20px;transition:all .15s;display:flex}.new-card[data-v-368c02ee]:hover{border-color:var(--primary-color);background:var(--s1)}.new-card-icon[data-v-368c02ee]{background:var(--primary-faded);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.new-card-icon svg[data-v-368c02ee]{width:20px;height:20px;stroke:var(--primary-color);fill:none;stroke-width:2px}.new-card-title[data-v-368c02ee]{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:600}.new-card-desc[data-v-368c02ee]{color:var(--text-muted);text-align:center;font-size:12px}.section-title-row[data-v-368c02ee]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title[data-v-368c02ee]{color:var(--text);font-size:15px;font-weight:700}.section-link[data-v-368c02ee]{color:var(--primary-color);cursor:pointer;font-size:12px}@media (width<=720px){.page-header[data-v-368c02ee]{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.new-project-btn[data-v-368c02ee]{justify-content:center;width:100%}.tabs-row[data-v-368c02ee]{white-space:nowrap;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.tabs-row[data-v-368c02ee]::-webkit-scrollbar{display:none}.filter-row[data-v-368c02ee]{flex-wrap:wrap}.filter-search[data-v-368c02ee]{width:100%;max-width:100%}.filter-btn[data-v-368c02ee]{flex:1;justify-content:center}.view-btns[data-v-368c02ee]{margin-left:0}}.kanban.list-view[data-v-368c02ee]{flex-direction:column;gap:24px;padding:0 16px 40px;overflow:hidden auto}.kanban.list-view .column[data-v-368c02ee]{background:var(--s2);width:100%;min-width:100%;box-shadow:none;border:1px solid var(--border);border-radius:16px;margin-bottom:0;padding:20px 24px 16px}.kanban.list-view .col-line[data-v-368c02ee]{display:none}.kanban.list-view .col-header[data-v-368c02ee]{border-bottom:none;align-items:center;margin-bottom:20px;padding:0;display:flex}.kanban.list-view .cards[data-v-368c02ee]{flex-direction:column;gap:8px;padding:0;display:flex;overflow:visible}.kanban.list-view .card[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.kanban.list-view .card[data-v-368c02ee]:hover{background:var(--s1);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.kanban.list-view .card-priority[data-v-368c02ee]{text-align:center;order:2;min-width:80px;margin-bottom:0}.kanban.list-view .card-title[data-v-368c02ee]{flex:1;order:1;margin-bottom:0;font-size:14px;font-weight:500}.kanban.list-view .card-desc[data-v-368c02ee]{display:none}.kanban.list-view .card-footer[data-v-368c02ee]{order:3;justify-content:flex-end;width:250px;margin-top:0}.kanban.list-view .card-more-wrap[data-v-368c02ee]{order:4;margin-top:0;margin-left:10px}@media (width<=768px){.kanban.list-view .card[data-v-368c02ee]{flex-wrap:wrap;gap:12px}.kanban.list-view .card-title[data-v-368c02ee]{flex:none;order:1;width:100%;margin-bottom:4px}.kanban.list-view .card-priority[data-v-368c02ee]{order:2;min-width:auto}.kanban.list-view .card-footer[data-v-368c02ee]{flex:1;order:3;justify-content:flex-end;width:auto}.kanban.list-view .card-more-wrap[data-v-368c02ee]{order:4}}.invite-bar[data-v-368c02ee]{align-items:center;gap:10px;display:flex;position:relative}.invite-btn-custom[data-v-368c02ee]{border:1.5px dashed var(--primary-color);color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;transition:all .15s;display:flex}.invite-btn-custom[data-v-368c02ee]:hover{background:var(--primary-faded)}.invite-btn-custom svg[data-v-368c02ee]{stroke:currentColor;fill:none;stroke-width:2.5px;width:13px;height:13px}.avatar-stack-custom[data-v-368c02ee]{cursor:pointer;align-items:center;display:flex;position:relative}.av[data-v-368c02ee]{border:2.5px solid var(--bg);color:var(--text);cursor:pointer;background:var(--s2);width:34px;height:34px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-10px;font-size:13px;font-weight:700;transition:transform .15s;display:flex}.av[data-v-368c02ee]:first-child{margin-left:0}.av[data-v-368c02ee]:hover{z-index:5;transform:translateY(-3px)}.av-extra[data-v-368c02ee]{background:var(--border);color:var(--text-muted);font-size:11px}.members-popup[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);z-index:100;border-radius:16px;width:280px;padding:16px;animation:.18s fadeIn-368c02ee;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 40px #00000024}@keyframes fadeIn-368c02ee{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.popup-title[data-v-368c02ee]{color:var(--text);margin-bottom:12px;font-size:13px;font-weight:700}.member-row[data-v-368c02ee]{border-radius:10px;align-items:center;gap:10px;padding:8px 6px;transition:background .15s;display:flex}.member-row[data-v-368c02ee]:hover{background:var(--bg)}.m-av[data-v-368c02ee]{color:var(--text);background:var(--s2);width:34px;height:34px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.m-online[data-v-368c02ee]{border:2px solid var(--s1);background:#22c55e;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.m-info[data-v-368c02ee]{flex:1;overflow:hidden}.m-name[data-v-368c02ee]{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.m-role[data-v-368c02ee]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.m-status-badge[data-v-368c02ee]{border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:600}.popup-footer[data-v-368c02ee]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.popup-count[data-v-368c02ee]{color:var(--text-muted);font-size:12px}.popup-manage[data-v-368c02ee]{color:var(--primary-color);cursor:pointer;font-size:12px;font-weight:400}.modal-overlay-custom[data-v-368c02ee]{z-index:200;background:#00000040;justify-content:center;align-items:center;animation:.18s overlayIn-368c02ee;display:flex;position:fixed;inset:0}@keyframes overlayIn-368c02ee{0%{opacity:0}to{opacity:1}}.modal-custom[data-v-368c02ee]{background:var(--s1);border:1px solid var(--border);border-radius:20px;width:420px;animation:.2s modalIn-368c02ee;overflow:hidden;box-shadow:0 16px 60px #0000002e}@keyframes modalIn-368c02ee{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header-custom[data-v-368c02ee]{justify-content:space-between;align-items:center;padding:20px 22px 0;display:flex}.modal-title-custom[data-v-368c02ee]{color:var(--text);font-size:16px;font-weight:700}.modal-close-custom[data-v-368c02ee]{background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close-custom[data-v-368c02ee]:hover{background:var(--border)}.modal-body-custom[data-v-368c02ee]{padding:18px 22px 22px}.modal-desc-custom[data-v-368c02ee]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.invite-input-wrap[data-v-368c02ee]{gap:8px;margin-bottom:16px;display:flex}.invite-input-custom[data-v-368c02ee]{border:1.5px solid var(--border);color:var(--text);background:0 0;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s}.invite-input-custom[data-v-368c02ee]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7c6ef71a}.invite-input-custom[data-v-368c02ee]::placeholder{color:var(--text-muted)}.invite-send-btn[data-v-368c02ee]{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .15s}.invite-send-btn[data-v-368c02ee]:hover{opacity:.88}.modal-section-label[data-v-368c02ee]{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.suggest-list[data-v-368c02ee]{flex-direction:column;gap:4px;max-height:180px;margin-bottom:16px;display:flex;overflow-y:auto}.suggest-row[data-v-368c02ee]{border-radius:10px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.suggest-row[data-v-368c02ee]:hover{background:var(--bg)}.s-av[data-v-368c02ee]{color:var(--text);background:var(--s2);width:34px;height:34px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.s-name[data-v-368c02ee]{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.s-role[data-v-368c02ee]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.s-add-btn[data-v-368c02ee]{background:var(--danger-bg);color:var(--danger);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .15s}.s-add-btn[data-v-368c02ee]:hover{opacity:.8}.role-select-wrap[data-v-368c02ee]{margin-bottom:16px}.role-select-label[data-v-368c02ee]{color:var(--text-muted);margin-bottom:8px;font-size:12.5px;font-weight:600}.role-btns[data-v-368c02ee]{flex-wrap:wrap;gap:8px;padding-bottom:2px;display:flex}.role-btn[data-v-368c02ee]{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.role-btn[data-v-368c02ee]:hover{border-color:var(--text-muted)}.role-btn.active[data-v-368c02ee]{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-faded)}.modal-footer-custom[data-v-368c02ee]{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:flex}.btn-cancel-custom[data-v-368c02ee]{color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:10px 0;font-size:13px;font-weight:600}.btn-invite-all[data-v-368c02ee]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:10px 0;font-size:13px;font-weight:600;transition:opacity .15s}.btn-invite-all[data-v-368c02ee]:hover{opacity:.88}.content[data-v-d544d4e0]{flex:1;padding:28px 28px 20px;overflow-y:auto}.page-header[data-v-d544d4e0]{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title[data-v-d544d4e0]{color:var(--text);font-size:24px;font-weight:700}.page-subtitle[data-v-d544d4e0]{color:var(--text-muted);margin-top:3px;font-size:13px}.header-actions[data-v-d544d4e0]{gap:10px;display:flex}.mark-all-btn[data-v-d544d4e0]{background:var(--s1);color:var(--primary-color);border:1.5px solid var(--primary-faded);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.mark-all-btn[data-v-d544d4e0]:hover:not(:disabled){background:var(--primary-faded)}.mark-all-btn[data-v-d544d4e0]:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted);border-color:var(--border)}.tabs-row[data-v-d544d4e0]{border-bottom:1px solid var(--border);align-items:center;gap:4px;margin-bottom:20px;display:flex}.tab[data-v-d544d4e0]{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab[data-v-d544d4e0]:hover{color:var(--text)}.tab.active[data-v-d544d4e0]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count[data-v-d544d4e0]{background:var(--primary-faded);color:var(--primary-color);border-radius:10px;margin-left:5px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.tab-count.red[data-v-d544d4e0]{color:#f43f5e;background:#f43f5e26}.notif-section[data-v-d544d4e0]{margin-bottom:24px}.notif-item[data-v-d544d4e0]{background:var(--s1);border:1px solid var(--border-light);cursor:pointer;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:15px 16px;transition:box-shadow .15s,transform .12s;display:flex;position:relative}.notif-item[data-v-d544d4e0]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.notif-item.unread-primary[data-v-d544d4e0]{border-left:3px solid var(--primary-color);background:var(--s2)}.notif-dot[data-v-d544d4e0]{border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:16px}.notif-icon-wrap[data-v-d544d4e0]{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-icon-wrap svg[data-v-d544d4e0]{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.notif-body[data-v-d544d4e0]{flex:1;min-width:0}.notif-title[data-v-d544d4e0]{color:var(--text);margin-bottom:3px;font-size:13.5px;font-weight:600;line-height:1.4}.notif-title span[data-v-d544d4e0]{color:var(--primary-color)}.notif-desc[data-v-d544d4e0]{color:var(--text-muted);margin-bottom:6px;font-size:12.5px;line-height:1.5}.notif-meta[data-v-d544d4e0]{align-items:center;gap:10px;display:flex}.notif-time[data-v-d544d4e0]{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.notif-time svg[data-v-d544d4e0]{stroke:#999;fill:none;stroke-width:2px;width:12px;height:12px}.notif-tag[data-v-d544d4e0]{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:600}.notif-avatar[data-v-d544d4e0]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.notif-actions[data-v-d544d4e0]{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.page-notif-btn[data-v-d544d4e0]{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:5px 13px;font-size:12px;font-weight:600;transition:all .15s}.page-notif-btn.primary[data-v-d544d4e0]{background:var(--primary-color);color:#fff}.page-notif-btn.primary[data-v-d544d4e0]:hover{opacity:.88}.page-notif-btn.secondary[data-v-d544d4e0]{background:var(--bg);color:var(--text-muted);border:1.5px solid var(--border)}.page-notif-btn.secondary[data-v-d544d4e0]:hover{background:var(--border)}.page-notif-btn[data-v-d544d4e0]:disabled{opacity:.5;cursor:not-allowed}.settings-wrap[data-v-a3c8225d]{background:var(--bg);flex:1;display:flex;overflow:hidden}.settings-nav[data-v-a3c8225d]{background:var(--s1);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:20px 0}.settings-nav-title[data-v-a3c8225d]{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 20px 10px;font-size:11px;font-weight:700}.s-nav-item[data-v-a3c8225d]{color:var(--text-muted);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13px;transition:all .15s;display:flex}.s-nav-item[data-v-a3c8225d]:hover{background:var(--s2);color:var(--text)}.s-nav-item.active[data-v-a3c8225d]{background:var(--primary-faded);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.s-nav-item svg[data-v-a3c8225d]{stroke:currentColor;fill:none;stroke-width:1.8px;flex-shrink:0;width:16px;height:16px}.s-nav-divider[data-v-a3c8225d]{background:var(--border-light);height:1px;margin:10px 20px}.settings-content[data-v-a3c8225d]{flex:1;padding:30px 36px;overflow-y:auto}.s-page-title[data-v-a3c8225d]{color:var(--text);margin-bottom:6px;font-size:20px;font-weight:700}.s-page-sub[data-v-a3c8225d]{color:var(--text-muted);margin-bottom:28px;font-size:13px}.profile-card[data-v-a3c8225d]{background:var(--s1);border:1px solid var(--border-light);border-radius:16px;margin-bottom:20px;padding:24px}.profile-card-top[data-v-a3c8225d]{align-items:center;gap:18px;margin-bottom:22px;display:flex}.p-big-avatar[data-v-a3c8225d]{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:26px;font-weight:700;display:flex;position:relative}.p-avatar-edit[data-v-a3c8225d]{background:var(--primary-color);border:2px solid var(--s1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:0;right:0}.p-avatar-edit svg[data-v-a3c8225d]{stroke:#fff;fill:none;stroke-width:2.5px;width:10px;height:10px}.p-avatar-name[data-v-a3c8225d]{color:var(--text);margin-bottom:3px;font-size:16px;font-weight:700}.p-avatar-role[data-v-a3c8225d]{color:var(--text-muted);margin-bottom:8px;font-size:12.5px}.p-avatar-btns[data-v-a3c8225d]{gap:8px;display:flex}.p-btn[data-v-a3c8225d]{cursor:pointer;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.p-btn.primary[data-v-a3c8225d]{background:var(--primary-color);color:#fff;border:none}.p-btn.secondary[data-v-a3c8225d]{background:var(--s1);color:var(--text);border:1.5px solid var(--border)}.form-grid[data-v-a3c8225d]{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.settings-wrap[data-v-a3c8225d]{flex-direction:column;overflow-y:auto}.settings-nav[data-v-a3c8225d]{display:none}.settings-content[data-v-a3c8225d]{padding:20px 16px;overflow-y:visible}.profile-card-top[data-v-a3c8225d]{text-align:center;flex-direction:column}.p-avatar-btns[data-v-a3c8225d]{justify-content:center;margin-top:10px}.form-grid[data-v-a3c8225d]{grid-template-columns:1fr}.s-card[data-v-a3c8225d],.profile-card[data-v-a3c8225d],.danger-card[data-v-a3c8225d]{padding:18px 16px}}.form-group[data-v-a3c8225d]{flex-direction:column;gap:6px;display:flex}.form-group.full[data-v-a3c8225d]{grid-column:1/-1}.form-label[data-v-a3c8225d]{color:var(--text);font-size:12px;font-weight:600}.form-input[data-v-a3c8225d]{border:1.5px solid var(--border);color:var(--text);background:var(--s1);border-radius:10px;outline:none;padding:9px 13px;font-size:13px;transition:border-color .15s}.form-input[data-v-a3c8225d]:focus{border-color:var(--primary-color)}.form-input[data-v-a3c8225d]::placeholder{color:var(--text-muted)}.s-card[data-v-a3c8225d]{background:var(--s1);border:1px solid var(--border-light);border-radius:16px;margin-bottom:20px;padding:22px 24px}.s-card-title[data-v-a3c8225d]{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.s-card-sub[data-v-a3c8225d]{color:var(--text-muted);margin-bottom:18px;font-size:12px}.toggle-row[data-v-a3c8225d]{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row[data-v-a3c8225d]:last-child{border-bottom:none;padding-bottom:0}.toggle-row[data-v-a3c8225d]:first-child{padding-top:0}.tr-label[data-v-a3c8225d]{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:600}.tr-desc[data-v-a3c8225d]{color:var(--text-muted);font-size:12px}.skills-input-wrap[data-v-a3c8225d]{flex-direction:column;gap:8px;display:flex}.skills-list[data-v-a3c8225d]{flex-wrap:wrap;gap:8px;display:flex}.skill-tag[data-v-a3c8225d]{background:var(--primary-faded);color:var(--primary-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.skill-remove[data-v-a3c8225d]{cursor:pointer;font-size:10px;transition:opacity .2s}.skill-remove[data-v-a3c8225d]:hover{opacity:.7}.toggle[data-v-a3c8225d]{background:var(--border);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on[data-v-a3c8225d]{background:var(--primary-color)}.toggle[data-v-a3c8225d]:after{content:"";background:var(--s1);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle.on[data-v-a3c8225d]:after{transform:translate(18px)}.theme-row[data-v-a3c8225d]{gap:10px;margin-top:4px;display:flex}.theme-dot[data-v-a3c8225d]{cursor:pointer;border:3px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.theme-dot.selected[data-v-a3c8225d]{border-color:var(--text);transform:scale(1.1)}.danger-card[data-v-a3c8225d]{background:var(--s1);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:22px 24px}.danger-title[data-v-a3c8225d]{color:#f43f5e;margin-bottom:16px;font-size:14px;font-weight:700}.danger-row[data-v-a3c8225d]{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.danger-row[data-v-a3c8225d]:last-child{border-bottom:none}.dr-label[data-v-a3c8225d]{color:var(--text);font-size:13px;font-weight:500}.dr-desc[data-v-a3c8225d]{color:var(--text-muted);margin-top:2px;font-size:11.5px}.danger-btn[data-v-a3c8225d]{cursor:pointer;color:#f43f5e;background:0 0;border:1.5px solid #f43f5e;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.danger-btn[data-v-a3c8225d]:hover{background:#f43f5e1a}.avatar-modal[data-v-a3c8225d]{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn-a3c8225d;display:flex;position:fixed;inset:0}.avatar-modal-card[data-v-a3c8225d]{background:var(--s1);border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:360px;padding:30px;display:flex;position:relative;box-shadow:0 10px 40px #0003}.avatar-modal-close[data-v-a3c8225d]{background:var(--bg-body);width:32px;height:32px;color:var(--text-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.avatar-modal-close[data-v-a3c8225d]:hover{background:var(--border-color);transform:scale(1.05)}.avatar-modal-title[data-v-a3c8225d]{color:var(--text-color);margin-bottom:24px;font-size:18px;font-weight:600}.avatar-modal-preview[data-v-a3c8225d]{color:#fff;background-position:50%;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:24px;font-size:80px;font-weight:700;display:flex;box-shadow:0 8px 24px #0000001a}.avatar-modal-actions[data-v-a3c8225d]{width:100%}@keyframes fadeIn-a3c8225d{0%{opacity:0}to{opacity:1}}.back-btn[data-v-fd2fef21]{color:var(--text-muted);cursor:pointer;align-items:center;gap:7px;margin-bottom:22px;font-size:13px;transition:color .15s;display:inline-flex}.back-btn[data-v-fd2fef21]:hover{color:var(--primary-color)}.back-btn svg[data-v-fd2fef21]{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.profile-cover[data-v-fd2fef21]{background:linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 60%, black) 100%);border-radius:18px;height:140px;margin-bottom:60px;position:relative}.profile-avatar-wrap[data-v-fd2fef21]{position:absolute;bottom:-44px;left:28px}.profile-avatar[data-v-fd2fef21]{background:var(--s2);border:4px solid var(--s1);width:88px;height:88px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.online-badge[data-v-fd2fef21]{border:3px solid var(--s1);background:#22c55e;border-radius:50%;width:16px;height:16px;position:absolute;bottom:6px;right:6px}.cover-actions[data-v-fd2fef21]{gap:9px;display:flex;position:absolute;bottom:-48px;right:0}.btn-msg[data-v-fd2fef21]{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.btn-msg[data-v-fd2fef21]:hover{opacity:.88}.btn-msg svg[data-v-fd2fef21]{stroke:#fff;fill:none;stroke-width:2px;width:14px;height:14px}.btn-more[data-v-fd2fef21]{background:var(--s1);border:1.5px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-friend[data-v-fd2fef21]{background:var(--s1);color:var(--text);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.btn-friend svg[data-v-fd2fef21]{width:14px;height:14px;stroke:var(--text);fill:none;stroke-width:2.5px}.profile-info[data-v-fd2fef21]{margin-bottom:22px}.profile-name[data-v-fd2fef21]{color:var(--text);margin-bottom:3px;font-size:20px;font-weight:700}.profile-role[data-v-fd2fef21]{color:var(--text-muted);margin-bottom:10px;font-size:13.5px}.profile-tags[data-v-fd2fef21]{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.profile-tag[data-v-fd2fef21]{border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.profile-bio[data-v-fd2fef21]{color:var(--text-muted);max-width:520px;font-size:13px;line-height:1.65}.stats-row[data-v-fd2fef21]{gap:12px;margin-bottom:24px;display:flex}.stat-card[data-v-fd2fef21]{background:var(--s1);border:1px solid var(--border);text-align:center;border-radius:14px;flex:1;padding:14px 20px}.stat-val[data-v-fd2fef21]{color:var(--text);margin-bottom:2px;font-size:20px;font-weight:700}.stat-label[data-v-fd2fef21]{color:var(--text-muted);font-size:11.5px}.profile-grid[data-v-fd2fef21]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card-header[data-v-fd2fef21]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title[data-v-fd2fef21]{color:var(--text);font-size:14px;font-weight:600}.card-link[data-v-fd2fef21]{color:var(--primary-color);cursor:pointer;font-size:12px}.proj-row[data-v-fd2fef21]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.proj-row[data-v-fd2fef21]:last-child{border-bottom:none}.proj-color[data-v-fd2fef21]{border-radius:3px;flex-shrink:0;width:10px;height:10px}.proj-name[data-v-fd2fef21]{color:var(--text);flex:1;font-size:13px;font-weight:500}.proj-bar-wrap[data-v-fd2fef21]{background:var(--border);border-radius:3px;width:80px;height:5px;overflow:hidden}.proj-bar-fill[data-v-fd2fef21]{border-radius:3px;height:100%}.proj-pct[data-v-fd2fef21]{text-align:right;min-width:30px;font-size:11px;font-weight:600}.skill-row[data-v-fd2fef21]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 0;display:flex}.skill-row[data-v-fd2fef21]:last-child{border-bottom:none}.skill-name[data-v-fd2fef21]{color:var(--text);flex:1;font-size:13px}.skill-bar-wrap[data-v-fd2fef21]{background:var(--border);border-radius:3px;width:120px;height:5px;overflow:hidden}.skill-bar-fill[data-v-fd2fef21]{background:var(--primary-color);border-radius:3px;height:100%}.skill-pct[data-v-fd2fef21]{color:var(--text-muted);text-align:right;min-width:30px;font-size:11px}.act-item[data-v-fd2fef21]{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.act-item[data-v-fd2fef21]:last-child{border-bottom:none}.act-dot[data-v-fd2fef21]{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.act-text[data-v-fd2fef21]{color:var(--text);flex:1;font-size:12.5px;line-height:1.5}.act-text span[data-v-fd2fef21]{color:var(--text);font-weight:600}.act-time[data-v-fd2fef21]{color:var(--text-muted);white-space:nowrap;font-size:11px}.info-row[data-v-fd2fef21]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.info-row[data-v-fd2fef21]:last-child{border-bottom:none}.info-icon[data-v-fd2fef21]{background:var(--s2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.info-icon svg[data-v-fd2fef21]{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:1.8px}.info-label[data-v-fd2fef21]{color:var(--text-muted);margin-bottom:1px;font-size:11.5px}.info-val[data-v-fd2fef21]{color:var(--text);font-size:13px;font-weight:500}.mutual-wrap[data-v-fd2fef21]{flex-wrap:wrap;gap:10px;display:flex}.mutual-card[data-v-fd2fef21]{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.mutual-av[data-v-fd2fef21]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.mutual-name[data-v-fd2fef21]{color:var(--text-muted);text-align:center;max-width:48px;font-size:11px}.av-0[data-v-fd2fef21]{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.av-1[data-v-fd2fef21]{background:linear-gradient(135deg,#ef4444,#f97316)}.av-2[data-v-fd2fef21]{background:linear-gradient(135deg,#10b981,#3b82f6)}.av-3[data-v-fd2fef21]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.av-4[data-v-fd2fef21]{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.av-5[data-v-fd2fef21]{background:linear-gradient(135deg,#64748b,#334155)}.mutual-friends-card[data-v-fd2fef21]{grid-column:span 2}@media (width<=720px){.profile-grid[data-v-fd2fef21]{grid-template-columns:1fr}.mutual-friends-card[data-v-fd2fef21]{grid-column:1/-1}.stats-row[data-v-fd2fef21]{flex-wrap:wrap;gap:8px}.stat-card[data-v-fd2fef21]{flex:calc(33.333% - 8px);min-width:90px;padding:12px 8px}.stat-val[data-v-fd2fef21]{font-size:18px}.stat-label[data-v-fd2fef21]{font-size:11px}.profile-cover[data-v-fd2fef21]{margin-bottom:110px}.cover-actions[data-v-fd2fef21]{flex-wrap:wrap;justify-content:flex-start;gap:8px;bottom:-96px;left:20px;right:20px}.profile-avatar-wrap[data-v-fd2fef21]{left:20px}.btn-msg[data-v-fd2fef21],.btn-friend[data-v-fd2fef21]{flex:1;justify-content:center}}.partners-wrap[data-v-69756f5b]{background:var(--bg);z-index:1;flex-direction:column;flex:1;padding:60px 40px;display:flex;position:relative;overflow-y:auto}.blob[data-v-69756f5b]{filter:blur(100px);z-index:-1;opacity:.3;border-radius:50%;animation:12s ease-in-out infinite alternate float-69756f5b;position:absolute}.blob-1[data-v-69756f5b]{background:#ec48994d;width:450px;height:450px;top:-50px;right:-100px}.blob-2[data-v-69756f5b]{background:#10b98140;width:550px;height:550px;animation-delay:-6s;bottom:-150px;left:-150px}@keyframes float-69756f5b{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,60px)scale(1.1)}}.partners-header[data-v-69756f5b]{text-align:center;margin-bottom:60px;position:relative}.ph-title[data-v-69756f5b]{color:var(--text);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.ph-sub[data-v-69756f5b]{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:16px;line-height:1.6}.partners-content[data-v-69756f5b]{width:100%;max-width:1100px;margin:0 auto}.partners-grid[data-v-69756f5b]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;display:grid}.partner-card[data-v-69756f5b]{background:var(--s1);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);border-radius:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a}.partner-card[data-v-69756f5b]:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#0ea5e9);height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.partner-card[data-v-69756f5b]:nth-child(2):before{background:linear-gradient(90deg,#10b981,#34d399)}.partner-card[data-v-69756f5b]:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.partner-card[data-v-69756f5b]:nth-child(4):before{background:linear-gradient(90deg,#ec4899,#f43f5e)}.partner-card[data-v-69756f5b]:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.partner-card[data-v-69756f5b]:nth-child(2):hover{border-color:#10b9814d}.partner-card[data-v-69756f5b]:hover:before{opacity:1}.p-card-inner[data-v-69756f5b]{text-align:center;flex-direction:column;align-items:center;height:100%;padding:40px 24px 30px;display:flex}.p-logo-wrap[data-v-69756f5b]{margin-bottom:24px;position:relative}.p-logo[data-v-69756f5b]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;font-size:36px;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 10px 20px #0000001a}.partner-card:hover .p-logo[data-v-69756f5b]{transform:scale(1.08);box-shadow:0 15px 25px #00000026}.p-name[data-v-69756f5b]{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:800}.p-tier[data-v-69756f5b]{color:var(--primary-color);text-transform:uppercase;letter-spacing:.08em;background:var(--primary-faded);border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700}.p-desc[data-v-69756f5b]{color:var(--text-muted);flex:1;margin-bottom:24px;font-size:14px;line-height:1.6}.p-link[data-v-69756f5b]{color:var(--text);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.p-link i[data-v-69756f5b]{transition:transform .2s}.p-link[data-v-69756f5b]:hover{color:var(--primary-color)}.p-link:hover i[data-v-69756f5b]{transform:translate(4px)}@media (width<=768px){.partners-wrap[data-v-69756f5b]{padding:30px 20px}.ph-title[data-v-69756f5b]{font-size:32px}.partners-grid[data-v-69756f5b]{grid-template-columns:1fr;max-width:340px;margin:0 auto}}.smart-search-modal[data-v-b711946b]{background:var(--s1);border:1px solid var(--border);width:90%;max-width:600px}.search-input-wrapper[data-v-b711946b]{background:var(--bg);border:1.5px solid var(--primary-faded);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:8px 12px;display:flex}.search-input-wrapper[data-v-b711946b]:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-faded)}.search-icon[data-v-b711946b]{color:var(--text-muted);font-size:16px}.smart-search-input[data-v-b711946b]{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-btn[data-v-b711946b]{white-space:nowrap;border-radius:8px;padding:8px 16px}.search-results-area[data-v-b711946b]{flex-direction:column;gap:20px;max-height:60vh;padding-right:8px;display:flex;overflow-y:auto}.ai-answer-card[data-v-b711946b]{background:linear-gradient(135deg,#a855f70d,#6366f10d);border:1px solid #a855f733;border-radius:12px;padding:16px}.ai-answer-header[data-v-b711946b]{color:#a855f7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.ai-answer-text[data-v-b711946b]{color:var(--text);font-size:14.5px;line-height:1.5}.section-title[data-v-b711946b]{color:var(--text-muted);margin-bottom:12px;font-size:14px;font-weight:600}.tasks-list[data-v-b711946b]{flex-direction:column;gap:10px;display:flex}.task-item-card[data-v-b711946b]{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.task-title[data-v-b711946b]{color:var(--text);margin-bottom:4px;font-size:14.5px;font-weight:500}.task-meta[data-v-b711946b]{align-items:center;gap:8px;display:flex}.task-category[data-v-b711946b]{background:var(--primary-faded);color:var(--primary-color);border-radius:4px;padding:2px 6px;font-size:11px}.priority-badge[data-v-b711946b]{border-radius:4px;padding:2px 6px;font-size:11px}.priority-high[data-v-b711946b]{color:#ef4444;background:#ef44441a}.priority-normal[data-v-b711946b]{color:#3b82f6;background:#3b82f61a}.priority-low[data-v-b711946b]{color:#22c55e;background:#22c55e1a}.empty-state[data-v-b711946b]{text-align:center;color:var(--text-muted);padding:30px;font-size:14px}.loader-dots[data-v-b711946b]:after{content:".";animation:1.5s steps(5,end) infinite dots-b711946b}@keyframes dots-b711946b{0%,20%{color:#0000;text-shadow:.25em 0 #0000,.5em 0 #0000}40%{color:inherit;text-shadow:.25em 0 #0000,.5em 0 #0000}60%{text-shadow:.25em 0 0 inherit, .5em 0 0 #0000}80%,to{text-shadow:.25em 0 0 inherit, .5em 0 0 inherit}}.confirm-modal[data-v-6e52f660]{text-align:center;max-width:400px}.confirm-modal.danger-type .modal-title[data-v-6e52f660]{color:#ef4444}.modal-actions[data-v-6e52f660]{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.modal-cancel[data-v-6e52f660],.modal-save[data-v-6e52f660]{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.modal-cancel[data-v-6e52f660]{background:var(--bg);border:1.5px solid var(--border);color:var(--text-muted)}.modal-save[data-v-6e52f660]{background:var(--primary-color);color:#fff}.modal-cancel[data-v-6e52f660]:hover,.modal-save[data-v-6e52f660]:hover{opacity:.8}.user-area[data-v-091b3e3c]{border-left:1px solid var(--border);cursor:pointer;color:inherit;align-items:center;gap:9px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.user-menu-dropdown[data-v-091b3e3c]{background:var(--s1);z-index:1000;border:1px solid #00000014;border-radius:14px;min-width:180px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000014}.user-menu-item[data-v-091b3e3c]{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.user-menu-item[data-v-091b3e3c]:hover{background:var(--bg)}.user-menu-item.danger[data-v-091b3e3c]{color:#d32f2f}.user-menu-item-icon[data-v-091b3e3c]{width:18px;color:inherit;justify-content:center;align-items:center;display:inline-flex}.user-area .user-avatar[data-v-091b3e3c]{flex-shrink:0}.topbar-burger[data-v-091b3e3c]{background:var(--bg);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border:none;border-radius:9px;justify-content:center;align-items:center;display:none}.topbar-burger i[data-v-091b3e3c]{font-size:16px}@media (width<=900px){.topbar-burger[data-v-091b3e3c]{margin-right:8px;display:inline-flex}.content[data-v-091b3e3c]{padding:18px 12px 16px}.topbar[data-v-091b3e3c]{padding:0 12px}.search-bar[data-v-091b3e3c]{display:none}.mobile-search-btn[data-v-091b3e3c]{display:flex}}@media (width<=480px){.topbar[data-v-091b3e3c]{height:56px}.user-area .user-info[data-v-091b3e3c]{display:none}.friends-page[data-v-091b3e3c]{padding:18px 12px}}.mobile-title[data-v-091b3e3c]{margin-left:8px;font-size:16px;font-weight:700;display:none}.topbar-close[data-v-091b3e3c]{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;display:none}.mobile-search-btn[data-v-091b3e3c]{display:none}.bottom-nav[data-v-091b3e3c]{background:var(--s1);border-top:1px solid var(--border);z-index:1000;height:60px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item[data-v-091b3e3c]{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav-item i[data-v-091b3e3c]{font-size:20px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item span[data-v-091b3e3c]{margin-top:4px;font-size:10px;font-weight:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active[data-v-091b3e3c]{color:var(--primary-color)}.bottom-nav-item.active i[data-v-091b3e3c]{transform:translateY(-2px)scale(1.1)}.bottom-nav-item.active span[data-v-091b3e3c]{transform:translateY(-1px)}.bottom-nav-item[data-v-091b3e3c]:after{content:"";background:var(--primary-color);opacity:0;border-radius:0 0 4px 4px;width:24px;height:3px;transition:opacity .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-item.active[data-v-091b3e3c]:after{opacity:1}.has-bottom-nav .main[data-v-091b3e3c]{padding-bottom:60px}@media (width<=720px){.topbar-close[data-v-091b3e3c]{justify-content:center;align-items:center;display:inline-flex}.topbar-burger[data-v-091b3e3c],.mobile-title[data-v-091b3e3c],.user-chevron[data-v-091b3e3c]{display:none!important}.topbar[data-v-091b3e3c]{justify-content:space-between;padding:0 20px}}.sidebar-badge[data-v-091b3e3c]{background:var(--primary-color);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:700;line-height:1}.bottom-nav-badge[data-v-091b3e3c]{background:var(--primary-color);color:#fff;text-align:center;border-radius:10px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-8px}:root{--bg:#f5f5f7;--s1:#fff;--s2:#f5f5f7;--s3:#fafafa;--text:#1a1a2e;--text-muted:#999;--border:#ebebeb;--border-light:#f0f0f0;--danger:#f43f5e;--danger-bg:#fff1f2;--danger-border:#fee2e2;--primary-color:#7c6ef7;--primary-dark:#5a4bdf;--primary-faded:#f0eeff}html.dark-theme{--bg:#0f1115;--s1:#1a1d24;--s2:#222630;--s3:#16181d;--text:#e2e8f0;--text-muted:#94a3b8;--border:#2a2f3a;--border-light:#333945;--danger:#f43f5e;--danger-bg:#f43f5e1a;--danger-border:#f43f5e33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}.app{height:100vh;display:flex}.sidebar{background:var(--s1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed{width:70px}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:auto;padding:18px 20px;transition:padding .3s;display:flex;position:relative}.sidebar.collapsed .sidebar-logo{justify-content:center}.logo-icon{background:linear-gradient(135deg, var(--primary-color), #a78bfa);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-icon svg{fill:#fff;width:16px;height:16px}.sidebar.collapsed .logo-icon{display:none}.logo-text{color:var(--text);white-space:nowrap;font-size:15px;font-weight:700}.sidebar.collapsed .logo-text{display:none}.logo-chevron{background:var(--bg);border:1px solid var(--border);width:23px;height:23px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:12px;transition:all .2s;display:flex}.logo-chevron:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sidebar.collapsed .logo-chevron{margin:0 0 0 5px;transform:rotate(180deg)}.sidebar-ornament{background-color:var(--primary-color);width:100%;height:36px;margin:10px 0 6px;-webkit-mask-image:url(/svggg.svg);mask-image:url(/svggg.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.dashboard-ornament{display:none}@media (width<=720px){.sidebar-ornament{display:none}.dashboard-ornament{background-color:var(--primary-color);opacity:.8;width:calc(100% + 24px);height:35px;margin:8px -12px 20px;display:block;-webkit-mask-image:url(/svggg.svg);mask-image:url(/svggg.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}}.sidebar-nav{padding:10px 0 0}.nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:0;align-items:center;gap:10px;padding:9px 20px;font-size:13.5px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{color:var(--primary-color);background:var(--primary-faded);font-weight:500}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;flex-shrink:0;width:17px;height:17px}.sidebar.collapsed .nav-item{justify-content:center;padding:9px 0}.sidebar.collapsed .nav-item span{display:none}.sidebar-section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:14px 20px 6px;font-size:10.5px;font-weight:600}.sidebar.collapsed .sidebar-section-label{display:none}.project-item{color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:9px;padding:8px 20px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.project-item:hover{background:var(--bg)}.project-item.active{background:var(--primary-faded);color:var(--primary-dark);font-weight:500}.project-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.project-more{opacity:0;color:var(--text-muted);margin-left:auto;font-size:16px}.project-item:hover .project-more{opacity:1}.sidebar.collapsed .project-item{display:none}.sidebar.collapsed .logout-btn{justify-content:center;padding:9px 0}.sidebar.collapsed .logout-btn span{display:none}.sidebar-thoughts{background:var(--s2);border:1px solid var(--border-light);text-align:center;border-radius:14px;margin:auto 12px 16px;padding:16px}.thoughts-icon{color:var(--primary-color);justify-content:center;margin-bottom:8px;font-size:22px;display:flex}.thoughts-icon img{object-fit:contain;width:32px;height:32px}.thoughts-title{color:var(--text);margin-bottom:5px;font-size:12.5px;font-weight:600}.thoughts-desc{color:var(--text-muted);margin-bottom:12px;font-size:11px;line-height:1.5}.thoughts-btn{border:1px solid var(--border);background:var(--s1);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:7px 0;font-size:12px;font-weight:500;transition:all .15s}.thoughts-btn:hover{background:var(--bg)}.sidebar.collapsed .sidebar-thoughts{cursor:pointer;background:0 0;border-color:#0000;margin:auto 10px 16px;padding:12px 0}.sidebar.collapsed .thoughts-title,.sidebar.collapsed .thoughts-desc,.sidebar.collapsed .thoughts-btn{display:none}.sidebar.collapsed .thoughts-icon{margin-bottom:0}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--s1);flex-shrink:0;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex}.search-bar{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:320px;padding:7px 12px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-bar svg{width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0}.topbar-icons{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar-icon-btn{cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:var(--bg);border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:flex}.topbar-icon-btn:hover{background:var(--border);color:var(--text)}.topbar-icon-btn.active{background:var(--primary-faded);color:var(--primary-dark);box-shadow:inset 0 0 0 1.5px var(--primary-color)}.topbar-icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.topbar-notif-dot{border:2px solid var(--s1);background:#f43f5e;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.user-area{border-left:1px solid var(--border);cursor:pointer;align-items:center;gap:9px;margin-left:8px;padding:0 0 0 12px;text-decoration:none;display:flex}.user-info{text-align:right}.user-name{color:var(--text);font-size:13px;font-weight:600}.user-loc{color:var(--text-muted);font-size:11px}.user-avatar{background-color:var(--s2);color:#fff;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user-chevron{color:var(--text-muted);font-size:12px}.content{flex:1;padding:28px 28px 20px;overflow:auto}.content.tasks-page{background:var(--s1);flex-direction:column;display:flex;overflow:hidden}.greeting{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.greeting h1{color:var(--text);font-size:22px;font-weight:800}.greeting p{color:var(--text-muted);margin-top:4px;font-size:13px}.greeting-progress{min-width:160px}.greeting-progress-label{color:var(--text-muted);text-align:right;margin-bottom:6px;font-size:12px;font-weight:600}.greeting-progress-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.greeting-progress-fill{background:linear-gradient(90deg, var(--primary-color), #a78bfa);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--s1);border:1px solid var(--border-light);cursor:default;border-radius:18px;padding:20px 20px 16px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:11.5px;font-weight:500}.stat-value{color:var(--text);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.stat-change{border-top:1px solid var(--border-light);align-items:center;gap:4px;margin-top:8px;padding-top:8px;font-size:11.5px;display:flex}.stat-change.up{color:#22c55e}.stat-change.down{color:#f43f5e}.stat-icon{float:right;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-top:-4px;margin-right:-2px;display:flex}.ai-dashboard-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.ai-tip-card{background:var(--s1);border:1px solid var(--border-light);border-radius:18px;flex-direction:column;gap:10px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #00000005}.ai-tip-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.ai-tip-text{color:var(--text-secondary);font-size:13px;line-height:1.4}.ai-mini-btn{background:var(--s2);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.ai-mini-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ai-mini-btn:disabled{opacity:.5;cursor:not-allowed}.ai-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-stats-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ai-stat-chip{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.bottom-grid .card{background:var(--s1);border:1px solid var(--border-light);border-radius:18px;padding:20px 22px;transition:box-shadow .2s}.bottom-grid .card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bottom-grid .card-title{color:var(--text);font-size:14px;font-weight:600}.bottom-grid .card-link{color:var(--primary-color);cursor:pointer;font-size:12px}.task-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:9px 0;display:flex}.task-row:last-child{border-bottom:none}.task-check{border:1.5px solid var(--border);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.task-check.done{background:var(--primary-color);border-color:var(--primary-color)}.task-check.done svg,.task-check.done i{display:block}.task-check svg,.task-check i{stroke:#fff;fill:none;stroke-width:3px;width:10px;height:10px;display:none}.task-name{color:var(--text);flex:1;font-size:13px}.task-name.done{color:var(--text-muted);text-decoration:line-through}.task-badge{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.badge-low{color:#f97316;background:#f973161f}.badge-high{color:#f43f5e;background:#f43f5e1f}.badge-done{color:#22c55e;background:#22c55e1f}.task-due{color:var(--text-muted);white-space:nowrap;font-size:11px}.member-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 0;display:flex}.member-row:last-child{border-bottom:none}.m-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.avatar{background:linear-gradient(135deg, var(--primary-color), #3b82f6);color:#fff;background-position:50%;background-size:cover;border-radius:999px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.av-0{background:linear-gradient(135deg,#f59e0b,#ef4444)}.av-1{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.av-2{background:linear-gradient(135deg,#22c55e,#16a34a)}.av-3{background:linear-gradient(135deg,#ec4899,#db2777)}.av-4{background:linear-gradient(135deg,#06b6d4,#2563eb)}.av-5{background:linear-gradient(135deg,#a855f7,#6366f1)}.m-name{color:var(--text);font-size:13px;font-weight:500}.m-role{color:var(--text-muted);font-size:11px}.m-status{color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.m-dot{border-radius:50%;width:7px;height:7px}.progress-item{margin-bottom:12px}.progress-top{color:var(--text);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.progress-bar{background:var(--border-light);border-radius:4px;height:6px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.activity-item{border-bottom:1px solid var(--border-light);border-radius:10px;align-items:flex-start;gap:12px;padding:10px 8px;transition:background .15s;display:flex}.activity-item:hover{background:var(--bg)}.activity-item:last-child{border-bottom:none}.act-icon{background:#7c6ef71a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.act-text{color:var(--text);font-size:13px;line-height:1.5}.act-text span{color:var(--text);font-weight:600}.act-time{color:var(--text-muted);margin-top:2px;font-size:11px}.project-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-title-area{align-items:center;gap:10px;display:flex}.project-title{color:var(--text);font-size:28px;font-weight:700}.title-icon{background:var(--primary-faded);width:30px;height:30px;color:var(--primary-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.title-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.invite-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1.5px dashed #bbb;border-radius:9px;align-items:center;gap:6px;margin-right:8px;padding:7px 14px;font-size:13px;transition:all .15s;display:flex}.invite-btn:hover{border-color:var(--text-muted);color:var(--text)}.avatar-stack{display:flex}.avatar-sm{border:2px solid var(--s1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:-8px;font-size:11px;font-weight:700;display:flex}.avatar-sm:first-child{margin-left:0}.avatar-extra{background:var(--border);color:var(--text-muted);font-size:10px;font-weight:600}.toolbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.toolbar-left{gap:8px;display:flex}.toolbar-btn{border:1.5px solid var(--border);background:var(--s1);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .15s;display:flex}.toolbar-btn:hover{border-color:var(--text-muted)}.toolbar-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.toolbar-right{align-items:center;gap:10px;display:flex}.share-btn{border:1.5px solid var(--border);background:var(--s1);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;display:flex}.share-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.view-btns{border:1.5px solid var(--border);background:var(--s1);border-radius:9px;display:flex;overflow:hidden}.view-btn{cursor:pointer;align-items:center;padding:6px 10px;transition:background .15s;display:flex}.view-btn.active{background:var(--primary-color)}.view-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:15px;height:15px}.view-btn.active svg{stroke:#fff}.kanban{gap:16px;height:calc(100vh - 220px);padding-bottom:16px;display:flex;overflow-x:auto}.board-with-panel>.kanban{height:100%}.column{background:var(--s2);border-radius:16px;flex-direction:column;flex-shrink:0;width:290px;min-width:290px;padding:0 0 12px;display:flex}.col-header{align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.col-title{color:var(--text);font-size:14px;font-weight:600}.col-count{color:var(--text);background:var(--s2);border-radius:6px;padding:1px 7px;font-size:12px}.col-add{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:18px;display:flex}.col-add:hover{background:var(--border)}.col-add i.fi{font-size:11px}.col-line{border-radius:2px;height:3px;margin:0 16px 12px}.cards{flex-direction:column;flex:1;gap:10px;padding:0 12px;display:flex;overflow-y:auto}.kanban .card{background:var(--s1);cursor:pointer;border:none;border-radius:14px;padding:14px;transition:box-shadow .2s,transform .15s;box-shadow:0 2px 8px #00000014}.kanban .card:hover{border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.kanban .card.dragging{opacity:.55;transform:rotate(1deg)}.kanban .card-priority{border-radius:6px;margin-bottom:8px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.priority-low{color:#f97316;background:#fff7ed}.priority-normal{color:#73737d;background:#f2f2f5}.priority-high{color:#f43f5e;background:#fff1f2}.priority-completed{color:#22c55e;background:#f0fdf4}.card-more{float:right;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:-2px;padding:0;font-size:16px;line-height:1}.card-more:hover{color:var(--text-muted);background:0 0}.kanban .card-title{color:var(--text);overflow-wrap:anywhere;margin-bottom:5px;font-size:14.5px;font-weight:600;line-height:1.3}.card-desc{color:var(--text-muted);margin-bottom:10px;font-size:12px;line-height:1.5}.card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.card-avatars{display:flex}.card-avatar{border:2px solid var(--s1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:9px;font-weight:700;display:flex}.card-avatar:first-child{margin-left:0}.card-meta{gap:10px;min-width:0;display:flex}.card-stat{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:flex}.card-stat svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:13px;height:13px}.view-title{color:var(--text);letter-spacing:0;font-size:26px;font-weight:700}.view-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.friends-page{background:var(--s1);padding:30px 28px 20px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.ai-dashboard-row,.bottom-grid{grid-template-columns:1fr}.kanban{height:auto}.search-results,.friends-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=720px){.sidebar{width:70px}.sidebar .logo-text,.sidebar .project-item,.sidebar .sidebar-section-label,.sidebar-thoughts{display:none}.mobile-ai-fab{background:var(--primary-color);z-index:900;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #7c6ef766}.mobile-ai-fab:active{transform:scale(.95)}.mobile-ai-fab img{width:50px;height:50px}.content{padding:16px 12px 12px}.friends-page{padding:16px 12px}.friends-search-panel{flex-direction:column;gap:10px}.friends-search-input,.friends-primary-btn{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left{flex-wrap:wrap}.toolbar-left .toolbar-btn,.toolbar-left .custom-select-wrap{flex:calc(50% - 5px)}.toolbar-left .custom-select-wrap .toolbar-btn{justify-content:center;width:100%}.toolbar-left .toolbar-btn{justify-content:center}.toolbar-right{justify-content:space-between;width:100%}.share-btn{flex:1;justify-content:center}.project-header{flex-direction:column;align-items:flex-start;gap:12px}.project-title{font-size:22px}.invite-btn{justify-content:center;width:100%}.search-results,.friends-grid{grid-template-columns:repeat(2,1fr)}.user-card,.friend-card{padding:12px}.friend-card .avatar{width:56px;height:56px}}@media (width<=420px){.topbar{padding:0 10px}.search-bar{display:none}.topbar-icons{gap:6px}.topbar-icon-btn{width:32px;height:32px}.view-title{font-size:20px}}.sidebar-backdrop{z-index:1300;-webkit-backdrop-filter:none;backdrop-filter:none;background:#06080f99;transition:opacity .26s cubic-bezier(.2,.9,.2,1);position:fixed;inset:0}@media (width<=900px){.sidebar{background:var(--s1);z-index:1310;opacity:0;pointer-events:none;border:none;height:auto;max-height:85vh;padding-bottom:20px;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .2s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-40%)scale(.95);box-shadow:0 30px 80px #0d101e40;border-radius:20px!important;width:90vw!important;max-width:380px!important}.sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.sidebar.collapsed{width:90vw!important}.sidebar-close-btn{background:var(--bg);cursor:pointer;z-index:1320;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:12px;right:12px}.sidebar-close-btn i{font-size:14px}.main{transform:none}.sidebar .logo-text,.sidebar .sidebar-section-label,.sidebar .project-item,.sidebar .nav-item span{display:inline-flex!important}.sidebar .project-item{padding:8px 18px}.sidebar .nav-item{border-radius:10px;width:calc(100% - 24px);margin:6px 12px;padding:10px 18px}.sidebar .nav-item span{font-size:15px}.sidebar .logo-text{font-size:16px}.sidebar .nav-item.active{background:var(--primary-faded)}}.overlay-open .main{pointer-events:none;-webkit-user-select:none;user-select:none}.overlay-open .toast-wrap{pointer-events:none}@media (width>=901px){.sidebar-backdrop{display:none}}.friends-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.friends-header-count{border:1px solid var(--border);color:#8a8a96;text-align:center;background:#fbfbfc;border-radius:12px;min-width:92px;padding:10px 14px;font-size:12px}.friends-header-count span{color:var(--text);margin-bottom:2px;font-size:22px;font-weight:700;line-height:1;display:block}.friends-search-panel{align-items:center;gap:10px;max-width:760px;margin-bottom:26px;display:flex}.friends-search-input{background:var(--s1);min-width:0;height:42px;color:var(--text-muted);border:1.5px solid #e4e4e8;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.friends-search-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-faded)}.friends-search-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.friends-primary-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.friends-primary-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.friends-primary-btn:disabled{cursor:not-allowed;background:#d6d6df}.friends-section{max-width:860px;margin-top:22px}.friends-section-head{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.friends-section-head em{min-width:18px;height:18px;color:var(--text-muted);letter-spacing:0;background:#eeeeef;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-style:normal;display:inline-flex}.search-results{flex-direction:column;gap:8px;display:flex}.user-card,.friend-card{background:var(--s1);box-shadow:none;border:1px solid #ededf0;border-radius:10px}.user-card{align-items:center;gap:12px;padding:14px;display:flex}.user-card .user-info,.friend-info{flex:1;min-width:0}.user-card .user-name,.friend-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.user-handle,.friend-tasks-count{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.user-btn{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.user-btn.add{background:var(--primary-faded);color:var(--primary-dark)}.user-btn.add:hover{background:#e4dfff}.user-btn.remove{color:#f43f5e;background:#fff1f2}.user-btn.remove:hover{background:#ffe4e8}.friends-empty-inline{min-height:44px;color:var(--text-muted);border:0;border-radius:0;justify-content:flex-start;align-items:center;font-size:13px;display:flex}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.friend-card{padding:12px 14px}.friend-header{align-items:center;gap:12px;display:flex}.friend-remove-btn{background:var(--bg);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.friend-remove-btn:hover{color:#f43f5e;background:#fff1f2}.friend-card-footer{border-top:1px solid var(--border-light);color:var(--text-muted);align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:11.5px;display:none}.friends-empty-state{color:var(--text)}.friends-empty-state .empty-state-title{margin-bottom:2px;font-size:16px;font-weight:500}.friends-empty-state .empty-state-desc{max-width:780px;color:var(--text);font-size:16px;line-height:1.25}.friend-card-footer span{align-items:center;gap:5px;display:inline-flex}@media (width<=720px){.friends-header,.friends-search-panel{flex-direction:column;align-items:stretch}.friends-header-count{text-align:left}}.calendar-page{background:var(--s1);padding:30px 28px 24px}.calendar-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.calendar-toolbar{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border-light);background:var(--s1);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--border);background:var(--s2);color:var(--text)}.calendar-today-btn{border:1px solid var(--border-light);background:var(--s1);height:34px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 13px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.calendar-today-btn:hover{border-color:var(--primary-color);background:var(--primary-faded);color:var(--primary-dark)}.mini-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.calendar-shell{border:1px solid var(--border-light);background:var(--s1);border-radius:14px;max-width:1180px;overflow:hidden}.calendar-weekdays{border-bottom:1px solid var(--border-light);background:var(--s3);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{color:#8d8d98;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:11px 12px;font-size:11px;font-weight:700}.calendar-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-cell{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);cursor:pointer;background:var(--s1);outline:none;min-height:112px;padding:10px;transition:background .15s,box-shadow .15s}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell:nth-last-child(-n+7){border-bottom:0}.calendar-cell:hover{background:var(--bg)}.calendar-cell.muted{background:var(--bg);color:var(--text-muted)}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--primary-color)}.calendar-cell.selected{background:var(--primary-faded)}.calendar-cell-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-cell-head span{width:24px;height:24px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.calendar-cell.today .calendar-cell-head span{background:var(--primary-color);color:#fff}.calendar-cell.muted .calendar-cell-head span{color:var(--text-muted)}.calendar-cell-head em{background:var(--bg);min-width:18px;height:18px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:700;display:inline-flex}.calendar-cell-tasks{flex-direction:column;gap:5px;display:flex}.calendar-chip{min-width:0;color:var(--text);border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;font-size:11px;line-height:1.2;display:flex}.calendar-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.calendar-chip small{color:inherit;opacity:.65;white-space:nowrap;font-size:10px}.calendar-chip.cat-work{background:var(--primary-faded);color:var(--primary-dark)}.calendar-chip.cat-personal{color:#d97706;background:#d9770626}.calendar-chip.cat-urgent{color:#e11d48;background:#e11d4826}.calendar-chip.cat-other{color:#16a34a;background:#16a34a26}.calendar-chip.done{opacity:.62;text-decoration:line-through}.calendar-page .empty-tasks{color:var(--text-muted);padding:8px 0;font-size:13px}.calendar-page .tasks-container{flex-direction:column;gap:8px;display:flex}.calendar-page .task-row{border:1px solid var(--border-light);background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;padding:12px;display:flex;box-shadow:0 8px 24px #0f172a0a}.calendar-page .task-body{cursor:pointer;flex:1;min-width:0}.calendar-page .task-text{color:var(--text);word-break:break-word;font-size:15px;font-weight:700;line-height:1.35}.calendar-page .task-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.calendar-page .task-meta-time{color:var(--text-muted);font-size:12px;font-weight:600}.calendar-page .task-date{color:var(--text-muted);font-size:11px}@media (width<=980px){.calendar-cell{min-height:96px;padding:8px}.calendar-chip{padding:4px 6px}}@media (width<=760px){.calendar-page-header{flex-direction:column;align-items:stretch}.calendar-shell{overflow-x:auto}.calendar-weekdays,.calendar-month-grid{min-width:720px}}.notifications-page{background:var(--s1);padding:30px 28px 24px}.notifications-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.notifications-head-actions{align-items:center;gap:10px;display:flex}.notifications-counter{border:1px solid var(--border);color:#8a8a96;text-align:center;background:#fbfbfc;border-radius:12px;min-width:86px;padding:10px 14px;font-size:12px}.notifications-counter span{color:var(--text);margin-bottom:2px;font-size:22px;font-weight:700;line-height:1;display:block}.notifications-read-btn{background:var(--s1);height:38px;color:var(--text);cursor:pointer;border:1px solid #e5e5e9;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.notifications-read-btn:hover{border-color:var(--primary-color);background:var(--primary-faded);color:var(--primary-dark)}.notifications-tabs{background:var(--s3);border:1px solid #ececf0;border-radius:10px;align-items:center;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.notifications-tabs button{height:30px;color:var(--text-muted);cursor:default;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.notifications-tabs button.active{background:var(--s1);color:var(--text);box-shadow:0 1px 4px #16162e0f}.notifications-tabs span{min-width:18px;height:18px;color:var(--text-muted);background:#eeeeef;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;display:inline-flex}.notif-list{flex-direction:column;gap:8px;max-width:920px;display:flex}.notifications-empty{color:var(--text);padding-top:2px}.notifications-empty .empty-state-title{margin-bottom:2px;font-size:16px;font-weight:500}.notifications-empty .empty-state-desc{max-width:760px;color:var(--text);font-size:15.5px;line-height:1.28}.notif-item{background:var(--s1);border:1px solid #ededf0;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,background .15s;display:flex;position:relative}.notif-item.unread{background:#fbfaff;border-color:#e4dfff}.notif-unread-dot{background:var(--primary-color);border-radius:999px;flex:none;width:7px;height:7px}.notif-icon-wrap{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex}.notif-icon-wrap.bg-blue{color:#2563eb;background:#eff6ff}.notif-icon-wrap.bg-green{color:#16a34a;background:#f0fdf4}.notif-icon-wrap.bg-red{color:#e11d48;background:#fff1f2}.notif-icon-wrap.bg-purple{background:var(--primary-faded);color:var(--primary-dark)}.notif-icon-wrap.bg-orange{color:#d97706;background:#fff7ed}.notif-icon-wrap.bg-gold{color:#ca8a04;background:#fefce8}.notif-icon-wrap.bg-gray{background:var(--bg);color:var(--text-muted)}.notif-content{flex:1;min-width:0}.notif-type{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:10.5px;font-weight:700}.notif-text{color:var(--text);font-size:13.5px;line-height:1.35}.notif-text b{font-weight:700}.notif-time{color:var(--text-muted);margin-top:4px;font-size:11.5px}.notif-actions{flex:none;align-items:center;gap:6px;display:flex}.notif-btn{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.notif-btn.primary{color:#16a34a;background:#f0fdf4}.notif-btn.primary:hover{background:#dcfce7}.notif-btn.danger{color:#f43f5e;background:#fff1f2}.notif-btn.danger:hover{background:#ffe4e8}@media (width<=760px){.notifications-header,.notifications-head-actions{flex-direction:column;align-items:stretch}.notifications-counter{text-align:left}.notif-item{align-items:flex-start}}.settings-page{background:var(--s1);padding:30px 28px 24px}.settings-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.settings-edit-profile{background:var(--s1);height:38px;color:var(--text);border:1px solid #e5e5e9;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.settings-edit-profile:hover{border-color:var(--primary-color);background:var(--primary-faded);color:var(--primary-dark)}.settings-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;max-width:1120px;display:grid}.settings-profile-card{background:var(--s1);border:1px solid #ededf0;border-radius:14px;padding:18px}.settings-profile-avatar{color:#fff;background-position:50%;background-size:cover;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:20px;font-weight:800;display:flex}.settings-profile-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.settings-profile-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.settings-profile-meta{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.settings-profile-meta span{background:var(--bg);color:var(--text-muted);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600}.settings-main{flex-direction:column;gap:12px;display:flex}.settings-section{background:var(--s1);border:1px solid #ededf0;border-radius:14px;overflow:hidden}.settings-section-head{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 18px;display:flex}.settings-section-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:inline-flex}.settings-section-icon.blue{color:#2563eb;background:#eff6ff}.settings-section-icon.purple{background:var(--primary-faded);color:var(--primary-dark)}.settings-section-icon.gray{background:var(--bg);color:var(--text-muted)}.settings-section-head h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.settings-section-head p{color:var(--text-muted);margin:3px 0 0;font-size:12px;line-height:1.35}.settings-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row-title{color:var(--text);font-size:13.5px;font-weight:700}.settings-row-desc{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.35}.theme-segmented-control{background:var(--s3);border:1px solid #ececf0;border-radius:10px;flex:none;align-items:center;gap:4px;padding:4px;display:inline-flex}.theme-option{height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.theme-option.active{background:var(--s1);color:var(--text);box-shadow:0 1px 4px #16162e0f}.settings-switch{flex:none;width:46px;height:26px;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-switch span{cursor:pointer;background:#dedee5;border-radius:999px;transition:background .15s;position:absolute;inset:0}.settings-switch span:before{content:"";background:var(--s1);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000024}.settings-switch input:checked+span{background:var(--primary-color)}.settings-switch input:checked+span:before{transform:translate(20px)}.settings-secondary-btn,.settings-danger-btn{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.settings-secondary-btn{background:var(--primary-faded);color:var(--primary-dark)}.settings-danger-btn{color:#f43f5e;background:#fff1f2}@media (width<=900px){.settings-layout{grid-template-columns:1fr}}@media (width<=700px){.settings-page-header,.settings-row{flex-direction:column;align-items:stretch}.theme-segmented-control{width:100%}.theme-option{flex:1;justify-content:center}}.team-workspace-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.kanban-board{grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;min-height:520px;padding-bottom:12px;display:grid;overflow-x:auto}.kanban-col{background:#f7f7f9;border-radius:14px;flex-direction:column;min-width:260px;padding:16px 14px 18px;transition:background .15s,outline-color .15s;display:flex}.kanban-col.drag-hover{outline-offset:-6px;background:#fbfaff;outline:2px dashed #c7befd}.kanban-col-header{align-items:center;gap:8px;min-height:24px;display:flex}.kanban-col-dot{border-radius:999px;flex:none;width:8px;height:8px}.kanban-col-title{color:#16162e;font-size:14px;font-weight:600}.kanban-col-count{color:#85858d;background:#e9e9ec;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.kanban-col-add{color:#9a9aa1;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;transition:background .15s,color .15s;display:inline-flex}.kanban-col-add:hover{color:#55555f;background:#ececf0}.kanban-col-add i.fi{font-size:12px}.kanban-col-line{border-radius:999px;height:3px;margin:14px 0 22px}.kanban-cards{flex:1;min-height:260px}.kanban-cards-list{flex-direction:column;gap:16px;display:flex}.team-task-card{background:var(--s1);cursor:pointer;border:1px solid #ebebebb3;border-radius:12px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 8px 22px #16162e0f}.team-task-card:hover{border-color:#e3e0ff;transform:translateY(-1px);box-shadow:0 12px 28px #16162e1a}.team-task-card.dragging{opacity:.55;transform:rotate(1deg)}.team-task-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.team-task-priority{border-radius:5px;align-items:center;min-height:20px;padding:3px 8px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.team-task-priority.priority-low{color:#f97316;background:#fff7ed}.team-task-priority.priority-normal{color:#73737d;background:#f2f2f5}.team-task-priority.priority-high{color:#f43f5e;background:#fff1f2}.team-task-priority.priority-completed{color:#22a957;background:#ecfdf3}.team-task-title{color:#16162e;overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.28}.team-task-desc{color:#8a8a96;min-height:16px;margin-top:4px;font-size:11.5px;line-height:1.35}.team-task-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.team-task-avatars{align-items:center;min-width:26px;display:flex}.team-task-avatar.avatar,.team-task-avatar{color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #00000008}.team-task-assignee-empty{color:#9a9aa4;background:#f1f1f4}.team-task-assignee-empty i.fi{font-size:11px}.team-task-stats{align-items:center;gap:12px;min-width:0;display:flex}.team-task-stat{color:#8f8f9d;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}button.team-task-stat{cursor:pointer}.team-task-stat i.fi{font-size:13px}.team-task-actions{color:#141432;align-items:center;gap:2px;display:inline-flex}.kanban-card-icon-btn{color:#1d1d36;cursor:pointer;opacity:.85;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.kanban-card-icon-btn:hover{opacity:1;background:#f3f3f6}.kanban-card-icon-btn.delete-btn:hover{color:#f43f5e}.kanban-card-icon-btn i.fi{font-size:12px}.empty-state-compact{color:#9999a5;border:1px dashed #dedee6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;font-size:12px;display:flex}@media (width<=1080px){.team-workspace-layout{grid-template-columns:1fr}}@media (width<=760px){.kanban-board{display:flex}.kanban-col{flex:0 0 280px}}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--s1);border:1px solid var(--border);color:var(--text);opacity:0;pointer-events:all;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100px);box-shadow:0 4px 12px #00000014}.toast.show{opacity:1;transform:translate(0)}.toast.success .toast-dot{color:#22c55e}.toast.error .toast-dot{color:#f43f5e}.toast-dot{font-size:16px}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:flex-end;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.drawer{background:var(--s1);flex-direction:column;width:380px;max-width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;box-shadow:-4px 0 24px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-title-sub{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.drawer-title{color:var(--text);font-size:18px;font-weight:700}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .15s;display:flex}.drawer-close:hover{background:var(--bg);color:var(--text)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.drawer-section{flex-direction:column;gap:8px;display:flex}.drawer .drawer-section{padding:8px 0 12px}.drawer .drawer-section-label{color:var(--text-muted);font-size:12px;font-weight:700}.drawer-title-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:0;font-size:20px;font-weight:700}.drawer-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:11.5px;font-weight:600}.drawer-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-cat{background:var(--primary-faded);color:var(--primary-color);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.task-cat.cat-work{background:var(--primary-faded);color:var(--primary-color)}.task-cat.cat-personal{color:#f97316;background:#fff7ed}.task-cat.cat-urgent{color:#f43f5e;background:#fff1f2}.task-cat.cat-other{color:#22c55e;background:#f0fdf4}.task-pri{font-size:11.5px;font-weight:500}.deadline-editor{border:1px solid var(--border);background:var(--s3);border-radius:12px;margin-top:8px;padding:16px}.deadline-picker-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.deadline-picker-head strong{color:var(--primary-color)}.deadline-carousel-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11.5px;font-weight:600;display:flex}.deadline-nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 8px;font-size:14px}.deadline-nav-btn:hover{color:var(--text)}.deadline-date-strip{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.deadline-date-card{background:var(--s1);border:1.5px solid var(--border);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;min-width:60px;padding:8px;transition:all .15s;display:flex}.deadline-date-card:hover{border-color:var(--primary-color)}.deadline-date-card.active{border-color:var(--primary-color);background:var(--primary-faded)}.deadline-date-card span{color:var(--text-muted);font-size:10px}.deadline-date-card b{color:var(--text);margin:2px 0;font-size:16px}.deadline-date-card em{color:var(--text-muted);font-size:10px;font-style:normal}.deadline-time-row{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.deadline-time-chip{background:var(--s1);border:1.5px solid var(--border);cursor:pointer;text-align:center;border-radius:8px;flex-shrink:0;padding:6px 12px;transition:all .15s}.deadline-time-chip:hover{border-color:var(--primary-color)}.deadline-time-chip.active{border-color:var(--primary-color);background:var(--primary-faded)}.deadline-time-chip span{color:var(--text-muted);margin-bottom:2px;font-size:9px;display:block}.deadline-time-chip b{color:var(--text);font-size:12.5px}.deadline-actions{gap:8px;margin-top:12px;display:flex}.deadline-chip{cursor:pointer;border:1px solid var(--border);background:var(--s1);text-align:center;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .15s}.deadline-chip.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.deadline-chip.primary:hover{background:var(--primary-dark)}.deadline-chip.danger{color:#f43f5e;border-color:#f43f5e}.deadline-chip.danger:hover{background:#fff1f2}.segmented-control{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.segmented-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .15s}.segmented-btn.active{background:var(--s1);color:var(--text);box-shadow:0 1px 4px #0000000f}.attachments-list{flex-direction:column;gap:8px;display:flex}.attachment-item{border:1px solid var(--border);background:var(--s3);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.attachment-link{color:var(--primary-color);align-items:center;gap:6px;font-size:12.5px;text-decoration:none;display:flex}.attachment-link:hover{text-decoration:underline}.attachment-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.attachment-delete:hover{color:#f43f5e}.attachments-empty{color:var(--text-muted);text-align:center;padding:10px 0;font-size:12px}.attachment-add-form{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:8px;padding-top:14px;display:flex}.attachment-file-input{display:none}.attachment-actions{gap:8px;display:flex}.attachment-btn{border:1px solid var(--border);background:var(--s1);color:var(--text);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.attachment-btn:hover{border-color:var(--text-muted)}.selected-file-preview{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;padding:10px 12px;display:flex}.selected-file-preview-main{align-items:center;gap:8px;min-width:0;font-size:12.5px;font-weight:600;display:flex}.selected-file-preview-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-file-preview button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;width:24px;height:24px}.selected-file-preview button:hover{background:#0000000f}.drawer-input{border:1.5px solid var(--border);background-color:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.drawer-input:focus{border-color:var(--primary-color)}.attachment-submit-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;width:100%;min-height:42px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .15s,transform .15s}.attachment-submit-btn:hover{background:#16a34a}.messages-view-wrapper{height:calc(100vh - 60px);display:flex;padding:0!important}.messages-container{background:var(--s1);width:100%;height:100%;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border);background:var(--s1);flex-direction:column;flex-shrink:0;width:320px;display:flex}.chat-sidebar-header{border-bottom:1px solid var(--border-light);flex-direction:column;gap:12px;padding:20px 24px 15px;display:flex}.chat-sidebar-title{color:var(--text);font-size:20px;font-weight:700}.chat-search{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:13px}.chat-search .search-icon{width:15px;height:15px;stroke:var(--text-muted);fill:none;stroke-width:2.2px;flex-shrink:0}.chat-list{flex:1;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:14px 24px;transition:all .15s;display:flex}.chat-item:hover{background:var(--bg)}.chat-item.active{background:var(--primary-faded)}.chat-avatar-wrapper{position:relative}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.online-status-dot{border:2px solid var(--s1);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.chat-item-info{flex:1;min-width:0}.chat-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.chat-item-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.chat-item-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-item-unread{color:#fff;background:var(--primary-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.chat-list-empty{text-align:center;color:var(--text-muted);padding:30px;font-size:13px}.chat-main{background:var(--s3);flex-direction:column;flex:1;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border);background:var(--s1);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.chat-back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:4px;display:none}.chat-header-user{align-items:center;gap:12px;display:flex}.chat-header-user .chat-avatar{width:36px;height:36px;font-size:13px}.chat-header-name{color:var(--text);font-size:14px;font-weight:600}.chat-header-status{color:var(--text-muted);font-size:11px}.chat-header-status.online{color:#22c55e}.chat-header-actions{align-items:center;gap:6px;display:flex}.chat-action-btn{cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.chat-action-btn:hover{background:var(--bg);color:var(--text)}.chat-action-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:17px;height:17px}.chat-messages-area{background:url(/assets/chatsbackground.png) 50%/cover no-repeat;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-wrapper{width:100%;display:flex}.message-outgoing-wrapper{justify-content:flex-end}.message-bubble{word-break:break-word;border-radius:14px;max-width:60%;padding:10px 14px 8px;font-size:13px;line-height:1.45;position:relative;box-shadow:0 2px 6px #00000014}.message-incoming{background:var(--s1);color:var(--text);border-bottom-left-radius:3px}.message-outgoing{background:var(--primary-color);color:#fff;border-bottom-right-radius:3px}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-time{color:var(--text-muted);font-size:10px}.message-outgoing .message-time{color:#ffffffb3}.message-status{color:#fffc;align-items:center;display:flex}.chat-input-area{background:var(--s1);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-input-action{background:var(--bg);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-input-action:hover{background:var(--border);color:var(--text)}.chat-input-action svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px}.chat-input-field-wrapper{background:var(--bg);border:1.5px solid var(--border);border-radius:9px;flex-direction:column;flex:1;padding:8px 14px 6px;transition:border-color .15s;display:flex}.chat-input-field-wrapper:focus-within{border-color:var(--primary-color)}.chat-input-field-wrapper textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;margin:0;padding:4px 0;font-size:13px;line-height:1.4}.chat-input-field-wrapper textarea::-webkit-scrollbar{width:4px}.chat-input-attachment-badge{background:var(--primary-faded);border:1px solid var(--primary-color);color:var(--primary-color);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.chat-input-attachment-badge button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-weight:700}.chat-send-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.chat-send-btn:hover{background:var(--primary-dark);transform:scale(1.03)}.chat-send-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.chat-send-btn svg{stroke:currentColor;fill:none;stroke-width:2.2px;width:16px;height:16px}.chat-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-empty-icon{background:var(--primary-faded);width:64px;height:64px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.chat-empty-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:30px;height:30px}.chat-empty-state h3{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:600}.chat-empty-state p{max-width:280px;font-size:13.5px;line-height:1.45}@media (width<=768px){.messages-container{position:relative}.chat-sidebar,.chat-main{will-change:transform, opacity;background:var(--s1);z-index:1200;width:100%;height:100%;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s;position:absolute;inset:0}.chat-sidebar{z-index:1210}.chat-main{z-index:1220;background:var(--chat-bg,var(--s3))}.chat-sidebar.mobile-hidden{opacity:0;pointer-events:none;transform:translate(-100%)}.chat-main.mobile-hidden{opacity:0;pointer-events:none;transform:translate(100%)}.chat-back-btn{display:flex}.message-bubble{max-width:78%}}i.fi{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.nav-item i.fi{background:var(--bg);width:28px;height:28px;color:var(--text-muted);border-radius:8px;font-size:13px;transition:all .15s}.nav-item:hover i.fi{background:var(--border);color:var(--text)}.nav-item.active i.fi{background:var(--primary-color);color:#fff}.nav-item.active:hover i.fi{background:var(--primary-dark);color:#fff}.search-bar i.fi{color:var(--text-muted);font-size:15px}.topbar-icon-btn i.fi{font-size:14px}.title-icon i.fi{font-size:15px}.toolbar-btn i.fi,.share-btn i.fi{font-size:14px}.view-btn i.fi{font-size:15px}.view-btn.active i.fi{color:#fff}.card-stat i.fi{font-size:13px}.chat-action-btn i.fi{font-size:17px}.chat-input-action i.fi{font-size:18px}.chat-send-btn i.fi{font-size:16px}.chat-empty-icon i.fi{font-size:30px}.logo-chevron i.fi{font-size:10px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:16px 12px;font-size:13px}html.dark-theme .chat-messages-area{background:url(/assets/dark_chat_bg.png) 0 0/300px 300px}.chat-input{border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:9px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border-color .15s}.chat-input:focus{border-color:var(--primary-color)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--s1);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;width:90%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;display:flex;transform:scale(.95);box-shadow:0 10px 40px #00000026}.modal-title{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.modal .form-group{flex-direction:column;gap:8px;display:flex}.modal .form-label{color:var(--text-muted);font-size:13px;font-weight:600}.modal .form-input{background:var(--bg);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.modal .form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #7c6ef726}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.modal-cancel{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s}.modal-cancel:hover{background:var(--hover)}.modal-save{color:#fff;background:var(--primary-color);cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .2s}.modal-save:hover{transform:translateY(-1px)}.modal-save:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.inline-create-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:12px 14px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.inline-create-card:focus-within{border-color:var(--primary-color);box-shadow:0 4px 12px #10b98126}.inline-create-inner{align-items:flex-start;gap:10px;display:flex}.inline-create-icon{color:var(--text-muted,#9ca3af);justify-content:center;align-items:center;margin-top:2px;font-size:16px;display:flex}.inline-task-input{color:var(--text,#1f2937);resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500}.inline-task-input::placeholder{color:var(--text-muted,#9ca3af);font-family:inherit;font-weight:400}.icon-btn-small{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.icon-btn-small:hover{background:var(--s2);color:var(--text)}.drawer-title-input::placeholder{color:var(--faint)}.board-with-panel{flex:1;height:calc(100vh - 220px);min-height:0;display:block}.board-with-panel .kanban{height:100%}.kanban .card.is-active{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 14px #7c6ef72e}.task-drawer{width:420px}.task-drawer-body{gap:5px}.task-drawer-section{padding:0 0 12px}.task-drawer-footer{border-top:1px solid var(--border);padding:16px 24px 22px}.task-panel-section--grow{flex-direction:column;flex:1;min-height:200px;display:flex}.task-panel-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.task-panel-section-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.task-panel-section-head .task-panel-label{margin-bottom:0}.task-panel-ai-btns{gap:4px;display:flex}.task-panel-field-wrap{position:relative}.task-panel-field{border:1px solid var(--border);background:var(--s1);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.task-panel-field:focus-visible{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #7c6ef714}.task-panel-field--readonly{cursor:default}.task-panel-field-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.task-panel-field-label{color:var(--text-muted);font-size:10.5px;font-weight:700;line-height:1}.task-panel-field-value{min-width:0;color:var(--text);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.task-panel-field-value--muted{color:var(--text-muted);font-weight:600}.task-panel-field-chevron{color:var(--text-muted);flex-shrink:0;font-size:14px}.task-panel-field--status.status-todo .task-panel-field-value{color:var(--primary-color)}.task-panel-field--status.status-progress .task-panel-field-value{color:#f97316}.task-panel-field--status.status-done .task-panel-field-value{color:#22c55e}.task-panel-meta-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.task-panel-meta-card{background:0 0;border:none;border-radius:12px;padding:0;position:relative}.task-panel-meta-card--wide{grid-column:span 2}.task-panel-pri-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-panel-pri-dot.pri-high{background:#f43f5e}.task-panel-pri-dot.pri-normal{background:var(--primary-color)}.task-panel-pri-dot.pri-low{background:#f97316}.task-panel-dropdown{background:var(--s1);border:1px solid var(--border);z-index:200;border-radius:8px;flex-direction:column;min-width:140px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 16px 32px #0f172a1f}.task-panel-dropdown--right{left:auto;right:0}.task-panel-dropdown-item{cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:12px;transition:background .12s}.task-panel-dropdown-item:hover{background:var(--s2)}.task-panel-deadline-pop{z-index:200;background:var(--s1);border:1px solid var(--border);border-radius:16px;width:100%;padding:12px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 18px 36px #0f172a24}.deadline-month-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.deadline-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.deadline-weekdays span{text-align:center;color:var(--text-muted);text-transform:lowercase;font-size:10px;font-weight:700}.deadline-month-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px;display:grid}.deadline-month-day{aspect-ratio:1;background:var(--s1);min-height:34px;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:10px;font-size:12px;font-weight:600;transition:all .15s}.deadline-month-day:hover{border-color:var(--border);background:var(--s2)}.deadline-month-day.muted{color:var(--text-muted);opacity:.45}.deadline-month-day.today{border-color:var(--primary-color)}.deadline-month-day.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.deadline-time-block{border-top:1px solid var(--border);margin-top:2px;padding-top:12px}.task-panel-assignee{align-items:center;gap:10px;display:flex;position:relative}.task-panel-assignee-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.task-panel-assignee-info{flex:1;min-width:0}.task-panel-assignee-name{color:var(--text);font-size:13px;font-weight:600}.task-panel-assignee-role{color:var(--text-muted);font-size:11px}.task-panel-assignee-change{color:var(--primary-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;font-family:inherit;font-size:11.5px;font-weight:600}.task-panel-desc{border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:var(--s1);border-radius:10px;outline:none;min-height:96px;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.task-panel-desc:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7c6ef714}.task-panel-inline-attachments{margin-bottom:12px}.task-panel-existing-attachments{margin-bottom:10px}.task-panel-upload-box{border:1px solid var(--border);background:var(--s2);border-radius:14px;padding:10px}.task-panel-link-input{resize:none;height:40px;min-height:auto;margin-top:8px}.task-panel-attach-btns{gap:8px;margin-bottom:8px;display:flex}.task-panel-attach-btn{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:var(--s1);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.task-panel-attach-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-faded)}.task-panel-btn-del{color:#f43f5e;cursor:pointer;background:#fff1f2;border:1.5px solid #fecdd3;border-radius:10px;width:100%;padding:11px 0;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.task-panel-btn-del:hover{background:#ffe4e6}.task-comments-card{border:1px solid var(--border);background:var(--s2);border-radius:16px;flex-direction:column;min-height:260px;display:flex;overflow:hidden}.comments-feed{flex-direction:column;flex:1;gap:12px;min-height:180px;max-height:320px;padding:14px;display:flex;overflow-y:auto}.chat-empty{min-height:150px;color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.task-comments-empty-icon{background:var(--s1);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.task-comments-empty-text{max-width:240px;font-size:13px;line-height:1.45}.comment-bubble{align-items:flex-start;gap:10px;display:flex}.comment-bubble.my-comment{flex-direction:row-reverse}.comment-bubble-content{background:var(--s1);border:1px solid var(--border);border-radius:14px;max-width:82%;padding:10px 12px 8px;box-shadow:0 1px 2px #0f172a0a}.comment-bubble.my-comment .comment-bubble-content{background:#ecfdf3;border-color:#bbf7d0}.comment-author-name{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.comment-text{color:var(--text);word-break:break-word;font-size:13px;line-height:1.45}.comment-time{color:var(--text-muted);margin-top:6px;font-size:10px;display:block}.task-comments-card .chat-input-area{background:var(--s1);padding:12px 14px}.task-comments-card .chat-input{background:var(--s2)}.task-comments-send-btn{flex-shrink:0}@media (width<=900px){.board-with-panel{height:auto}.task-drawer{width:min(420px,100vw)}}