:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17212b;background:#d7e3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#c9d9e6 0%,#eef5fb 100%);min-width:320px;height:100dvh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.appShell{grid-template-columns:320px 1fr;gap:18px;height:100dvh;padding:18px;transition:grid-template-columns .2s;display:grid;overflow:hidden}.appShell.sidebarCollapsed{grid-template-columns:92px 1fr}.sidebar,.mainPanel{border-radius:26px;overflow:hidden;box-shadow:0 24px 80px #23374b38}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #ffffffa6;flex-direction:column;min-height:0;padding:18px;display:flex}.brand{align-items:center;gap:12px;padding:8px 8px 20px;display:flex}.brandText,.avatarText{min-width:0}.sidebarToggle{color:#168acd;background:#eef6fb;border-radius:12px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.mobileBackButton{display:none}.brandLogo,.featureIcon{color:#fff;background:linear-gradient(135deg,#2aabee,#229ed9);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand strong,.brand span,.avatarLine strong,.avatarLine span{display:block}.brand span,.avatarLine span,.chatItem span,.chatHeader span{color:#6b7b8d;font-size:13px}.sidebar,.mainPanel{position:relative}.floatingAddTaskButton{color:#fff;cursor:pointer;z-index:100;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:100px;right:20px;box-shadow:0 4px 12px #3b82f666}.floatingAddTaskButton:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.floatingAddTaskButton:active{transform:scale(.95)}.tabs{gap:8px;display:grid;overflow:auto}.tab{color:#33465a;text-align:left;background:0 0;border-radius:16px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 14px;display:grid}.tab:hover,.tab.active{color:#168acd;background:#eaf5fc}.tab small{color:#8896a6;background:#eef2f6;border-radius:999px;padding:3px 7px;font-size:11px}.mobileMenuTab{display:none}.mobileMenuBackdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18283a80;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=980px){.mobileMenuBackdrop{place-items:center;display:grid}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobileMenu{z-index:101;background:#fffffffa;border-radius:26px 0 0 26px;flex-direction:column;width:min(320px,100%);max-height:100vh;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #23374b33}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobileMenuHeader{border-bottom:1px solid #d7e5efb8;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobileMenuHeader h2{color:#17212b;margin:0;font-size:20px}.mobileMenuHeader button{cursor:pointer;color:#6b7b8d;background:#d7e5ef80;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mobileMenuHeader button:hover{color:#3788d8;background:#d7e5efcc}.mobileMenuTabs{flex-direction:column;gap:4px;padding:12px;display:flex;overflow-y:auto}.mobileMenuTabs .mobileMenuTab{cursor:pointer;text-align:left;color:#6b7b8d;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.mobileMenuTabs .mobileMenuTab:hover{background:#d7e5ef80}.mobileMenuTabs .mobileMenuTab.active{color:#3788d8;background:#3788d81a}.mobileMenuTabs .mobileMenuTab:disabled{opacity:.5;cursor:not-allowed}.mobileMenuTabs .mobileMenuTab small{color:#f59e0b;margin-left:auto;font-size:10px;font-weight:600}.authCard{background:#f4f8fb;border-radius:20px;flex:none;margin-top:auto;padding:14px}.authOnlyPage{background:linear-gradient(135deg,#c9d9e6 0%,#eef5fb 100%);place-items:center;min-height:100dvh;padding:18px;display:grid}.authOnlyCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #ffffffb8;border-radius:28px;gap:14px;width:min(420px,100%);padding:32px;display:grid;box-shadow:0 24px 80px #23374b38}.authOnlyCard .brandLogo{margin:0 auto 4px}.authOnlyCard h1,.authOnlyCard p{text-align:center;margin:0}.authOnlyCard p,.authOnlyStatus{color:#6b7b8d}.authOnlyStatus{text-align:center;min-height:18px;font-size:13px}.sidebarCollapsed .sidebar{align-items:center;padding:14px 10px}.sidebarCollapsed .brand{justify-items:center;gap:10px;padding:4px 0 18px;display:grid}.sidebarCollapsed .brandText,.sidebarCollapsed .tab span,.sidebarCollapsed .tab small,.sidebarCollapsed .avatarText,.sidebarCollapsed .secondaryButton span,.sidebarCollapsed .loginForm label,.sidebarCollapsed .loginForm input{display:none}.sidebarCollapsed .tabs{width:100%}.sidebarCollapsed .tab{grid-template-columns:1fr;justify-items:center;padding:14px 0;display:grid}.sidebarCollapsed .authCard{width:100%;padding:10px}.sidebarCollapsed .avatarLine{justify-content:center}.sidebarCollapsed .secondaryButton{width:42px;height:42px;margin:10px auto 0;padding:0}.loginForm{gap:8px;display:grid}.loginForm label{color:#6b7b8d;font-size:12px}input{color:#17212b;background:#fff;border:1px solid #dce8f1;border-radius:14px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:#2aabee;box-shadow:0 0 0 4px #2aabee1f}.primaryButton,.secondaryButton,.composer button,.newChatForm button{color:#fff;background:#2aabee;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;display:inline-flex}.secondaryButton{color:#33465a;background:#e7eef5;width:100%;margin-top:12px}.avatarLine{align-items:center;gap:10px;display:flex}.avatar,.chatAvatar{color:#fff;background:linear-gradient(135deg,#8fd3ff,#2aabee);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.mainPanel{background:#fff;min-width:0;min-height:0}.messengerLayout{grid-template-columns:340px 1fr;height:calc(100dvh - 36px);min-height:0;display:grid}.chatList{scrollbar-gutter:stable;background:#f8fbfd;border-right:1px solid #e3edf5;min-width:0;min-height:0;padding:16px;overflow:auto}.newChatForm{grid-template-columns:1fr 46px;gap:8px;margin-bottom:16px;display:grid}.chatItem{color:#17212b;text-align:left;background:0 0;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.chatItem:hover,.chatItem.active{background:#e8f4fb}.chatItemWithActions{justify-content:space-between;padding:4px}.chatItemMain{min-width:0;color:inherit;text-align:left;background:0 0;border-radius:14px;flex:1;align-items:center;gap:12px;padding:8px;display:flex}.chatItemMenu{place-items:center;display:grid;position:relative}.chatMenuButton{color:#9aa8b6;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.chatMenuButton:hover{color:#6b7b8d;background:#d7e5ef80}.chatMenuDropdown{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #d7e5efb8;border-radius:14px;gap:2px;min-width:160px;margin-top:4px;padding:6px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #23374b2e}.chatMenuItem{color:#33465a;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.chatMenuItem:hover{background:#d7e5ef80}.chatMenuItem.danger{color:#e04f5f}.chatMenuItem.danger:hover{background:#ffe8e8}.chatItem strong{display:block}.chatWindow{background:radial-gradient(circle at 0 0,#2aabee1f,#0000 26%),#dceaf3;grid-template-rows:74px 1fr auto;min-width:0;min-height:0;display:grid}.chatHeader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-bottom:1px solid #d7e5ef;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.chatHeaderInfo{min-width:0}.chatHeaderTitle{align-items:center;gap:12px;min-width:0;display:flex}.chatHeaderAvatar{color:#fff;object-fit:cover;background:linear-gradient(135deg,#8fd3ff,#2aabee);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.chatHeader strong,.chatHeader span{display:block}.messagesPane{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chatList,.messagesPane,.todoSidebar,.todoMain,.contactsList,.mobileListDrawerContent{scrollbar-width:thin;scrollbar-color:#3b82f647 transparent}.chatList::-webkit-scrollbar{width:6px;height:6px}.messagesPane::-webkit-scrollbar{width:6px;height:6px}.todoSidebar::-webkit-scrollbar{width:6px;height:6px}.todoMain::-webkit-scrollbar{width:6px;height:6px}.contactsList::-webkit-scrollbar{width:6px;height:6px}.mobileListDrawerContent::-webkit-scrollbar{width:6px;height:6px}.chatList::-webkit-scrollbar-track{background:0 0}.messagesPane::-webkit-scrollbar-track{background:0 0}.todoSidebar::-webkit-scrollbar-track{background:0 0}.todoMain::-webkit-scrollbar-track{background:0 0}.contactsList::-webkit-scrollbar-track{background:0 0}.mobileListDrawerContent::-webkit-scrollbar-track{background:0 0}.chatList::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.messagesPane::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.todoSidebar::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.todoMain::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.contactsList::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.mobileListDrawerContent::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.bubble{background:#fff;border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:min(620px,82%);padding:10px 12px 8px;box-shadow:0 8px 30px #3654701f}.bubble.own{background:#d8f7c7;border-radius:18px 18px 6px;align-self:flex-end}.bubble.assistant{background:linear-gradient(135deg,#fff,#edf8ff);border:1px solid #2aabee38}.bubbleAuthor{color:#168acd;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.bubble p{white-space:pre-wrap;margin:0;line-height:1.45}.bubble time{color:#6b7b8d;text-align:right;margin-top:4px;font-size:11px;display:block}.composer{background:#ffffffe0;border-top:1px solid #d7e5ef;grid-template-columns:1fr 52px;gap:10px;padding:16px;display:grid}.composerInput{resize:vertical;border-radius:18px;min-height:48px;max-height:140px;padding:12px 14px}.emptyState{color:#6b7b8d;text-align:center;background:#ffffffb8;border-radius:999px;margin:18px auto;padding:12px 16px}.featurePanel{text-align:center;background:linear-gradient(135deg,#f8fbfd,#e9f5fc);align-content:center;place-items:center;min-height:calc(100dvh - 36px);padding:32px;display:grid}.featurePanel h1{margin:18px 0 8px}.featurePanel p{color:#6b7b8d;max-width:520px;margin:0;font-size:18px}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}@media (width<=980px){.appShell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:0;padding:0}.sidebar,.mainPanel{box-shadow:none;border-radius:0}.sidebar{border:0;border-bottom:1px solid #d7e5ef;grid-template-columns:auto 1fr auto;align-items:center;min-height:72px;padding:10px 12px;display:grid}.brand{padding:0}.brandLogo{border-radius:14px;width:42px;height:42px}.brandText,.sidebarToggle{display:none}.authCard{grid-column:1/-1;width:100%;margin-top:8px;padding:10px}.authCard:has(.avatarLine){display:none}.loginForm{grid-template-columns:1fr 1fr auto;align-items:end}.loginForm label{display:none}.loginForm input{min-width:0;padding:10px 12px}.loginForm .primaryButton{min-height:42px;padding:10px 12px}.tabs{justify-content:center;gap:6px;min-width:0;padding:0 6px;display:flex;overflow-x:auto}.tab{text-align:center;white-space:nowrap;border-radius:14px;grid-template-columns:1fr;justify-items:center;gap:4px;width:auto;min-width:62px;padding:8px 10px;font-size:12px;display:grid}.tab span{display:block}.tab small{display:none}.mainPanel{height:auto}.appShell.sidebarCollapsed{grid-template-columns:1fr}.sidebarCollapsed .sidebar{grid-template-columns:auto 1fr auto;align-items:center;padding:10px 12px;display:grid}.sidebarCollapsed .brand{padding:0;display:flex}.sidebarCollapsed .tabs{width:auto}.sidebarCollapsed .tab span{display:block}.messengerLayout{grid-template-rows:minmax(120px,28dvh) minmax(0,1fr);grid-template-columns:1fr;height:100%;min-height:0}.chatList{border-bottom:1px solid #e3edf5;border-right:0;min-height:0;max-height:none;padding:10px}.sectionTitle{margin:2px 6px 8px;font-size:12px}.contactsLayout{font-size:12px}.chatItem{border-radius:16px;padding:9px}.chatItemMain{padding:6px}.chatAvatar{width:38px;height:38px;font-size:14px}.chatWindow{grid-template-rows:58px minmax(0,1fr) auto}.chatHeader{padding:0 14px}.chatHeader strong{font-size:15px}.chatHeader span{text-overflow:ellipsis;white-space:nowrap;max-width:72vw;overflow:hidden}.messagesPane{gap:8px;padding:12px}.bubble{max-width:92%;padding:9px 11px 7px;font-size:14px}.composer{padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:1fr 46px;gap:8px}.composerInput{resize:none;min-height:86px;max-height:25dvh;padding:10px 12px;overflow-y:auto}.composer button{min-height:44px;padding:10px}.featurePanel{min-height:100%;padding:20px}.featurePanel h1{font-size:24px}.featurePanel p{font-size:15px}}.sectionTitle{color:#6b7b8d;letter-spacing:.04em;text-transform:uppercase;margin:4px 4px 14px;font-size:13px;font-weight:800}.contactsLayout{grid-template-columns:340px 1fr;height:calc(100dvh - 36px);min-height:0;display:grid}.contactPanel{background:radial-gradient(circle at 0 0,#2aabee29,#0000 28%),#eaf5fc;place-items:center;min-width:0;min-height:0;padding:32px;display:grid}.firstMessageCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffd1;border:1px solid #ffffffb8;border-radius:28px;gap:14px;width:min(560px,100%);padding:32px;display:grid;box-shadow:0 24px 80px #23374b2e}.firstMessageCard h1,.firstMessageCard p{margin:0}.firstMessageCard p{color:#6b7b8d}.bigAvatar{color:#fff;background:linear-gradient(135deg,#8fd3ff,#2aabee);border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto;font-size:34px;font-weight:900;display:grid}textarea{resize:vertical;color:#17212b;width:100%;min-height:132px;font:inherit;background:#fff;border:1px solid #dce8f1;border-radius:18px;outline:none;padding:14px 16px;line-height:1.45}textarea:focus{border-color:#2aabee;box-shadow:0 0 0 4px #2aabee1f}@media (width<=980px){.contactsLayout{grid-template-rows:minmax(120px,30dvh) minmax(0,1fr);grid-template-columns:1fr;height:100%;min-height:0}.contactPanel{padding:16px;overflow:auto}.firstMessageCard{border-radius:22px;gap:10px;padding:20px}.firstMessageCard h1{font-size:22px}.bigAvatar{width:72px;height:72px;font-size:28px}textarea{min-height:108px}}@media (width<=560px){.sidebar{grid-template-columns:42px 1fr}.tabs{justify-content:flex-start}.tab{min-width:58px;padding:8px}.tab span{font-size:11px}.messengerLayout{grid-template-rows:minmax(104px,24dvh) minmax(0,1fr)}.contactsLayout{grid-template-rows:minmax(104px,26dvh) minmax(0,1fr)}.chatItem span,.chatHeader span{font-size:12px}.chatItem strong{font-size:14px}.chatList{padding:8px}.messagesPane{padding:10px}.bubble{max-width:95%}.firstMessageCard{padding:16px}}@media (width<=980px){.sectionTitle{margin:2px 6px 8px;font-size:12px}}@media (width<=560px){.sectionTitle{margin-bottom:6px}}@media (width<=980px){.messengerLayout,.contactsLayout{grid-template-rows:minmax(0,1fr)}.messengerLayout:not(.detailOpen) .chatWindow,.contactsLayout:not(.detailOpen) .contactPanel,.messengerLayout.detailOpen .chatList,.contactsLayout.detailOpen .chatList{display:none}.mobileBackButton{color:#168acd;background:0 0;align-items:center;gap:6px;width:fit-content;margin-bottom:3px;padding:4px 0;font-size:13px;font-weight:800;display:inline-flex}.contactBackButton{justify-self:start;margin-bottom:0}.chatBackButton{background:#eef6fb;border-radius:50%;flex:none;justify-content:center;width:34px;height:34px;margin:0 2px 0 0;padding:0}.appShell{grid-template-rows:minmax(0,1fr)}.sidebar{right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:20;background:#ffffffeb;border:1px solid #d7e5efeb;border-radius:24px;min-height:0;padding:8px;display:block;position:fixed;left:12px;box-shadow:0 18px 46px #23374b33}.mobileDetailOpen .sidebar,.brand,.authCard{display:none}.tabs{justify-content:space-around;padding:0}.tab{flex:1;min-width:0;padding:9px 6px}.tab:not(.mobileMenuTab){display:none}.tab.mobileMenuTab,.tab[data-main=true]{display:grid}.chatWindow{grid-template-rows:72px minmax(0,1fr) auto}.chatHeader{padding:0 12px}.chatHeaderInfo{min-width:0}.chatHeaderTitle{gap:10px}.chatHeaderAvatar{width:40px;height:40px;font-size:15px}}@media (width<=560px){.sectionTitle{margin-bottom:6px}}.messagesLoader{color:#6b7b8d;background:#ffffffc7;border-radius:999px;align-self:center;padding:8px 12px;font-size:12px}.profilePanel{box-sizing:border-box;align-content:start;gap:18px;height:100%;min-height:100%;padding:28px;display:grid;overflow:auto}.profileHero{background:#ffffffc7;border:1px solid #d7e5efeb;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;display:grid}.profileHero .chatHeaderAvatar{width:72px;height:72px;font-size:24px}.profileHero h1,.profileHero p,.profileBio{margin:0}.profileHero p,.profileField span,.profileBio{color:#6b7b8d}.profileBadge{color:#6b7b8d;background:#eef3f7;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.profileBadge.active{color:#1b9a59;background:#e5f7ec}.profileBio{background:#ffffffad;border-radius:22px;padding:18px 20px}.profileFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profileFormGrid label{color:#6b7b8d;gap:8px;font-size:13px;font-weight:800;display:grid}.profileFormGrid input,.profileFormGrid textarea{box-sizing:border-box;width:100%}.profileFormGrid textarea{resize:vertical;min-height:118px}.profileBioField{grid-column:1/-1}.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profileField{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;gap:6px;padding:16px;display:grid}.profileField strong{overflow-wrap:anywhere}.profileLogout{justify-self:start}.profileActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profileActions span{color:#6b7b8d;font-size:13px}.modalBackdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18283a57;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.passwordModal{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#3b82f647 transparent;background:#fffffff5;border-radius:26px;gap:14px;width:min(420px,100%);max-height:90vh;padding:24px 28px 24px 24px;display:grid;overflow-y:auto;box-shadow:0 24px 80px #23374b47}.passwordModal::-webkit-scrollbar{width:6px}.passwordModal::-webkit-scrollbar-track{background:0 0;margin:18px 0}.passwordModal::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.bugReportModal{grid-template-rows:auto minmax(0,1fr) auto auto;width:min(520px,100%);max-height:90vh;overflow:hidden}.bugReportModalBody{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#3b82f647 transparent;gap:14px;min-height:0;padding:0 6px;display:grid;overflow-y:auto}.bugReportModalBody::-webkit-scrollbar{width:6px}.bugReportModalBody::-webkit-scrollbar-track{background:0 0}.bugReportModalBody::-webkit-scrollbar-thumb{background:#3b82f647;border-radius:999px}.passwordModal h2,.passwordModal p{margin:0}.passwordModal p,.modalStatus{color:#6b7b8d}.passwordModal label{color:#6b7b8d;gap:8px;font-size:13px;font-weight:800;display:grid}.modalActions{flex-wrap:wrap;gap:10px;display:flex}.modalStatus{min-height:18px;font-size:13px}@media (width<=700px){.profilePanel{-webkit-overflow-scrolling:touch;max-height:100dvh;padding:16px 16px 116px;overflow-y:auto}.profileHero{grid-template-columns:auto minmax(0,1fr)}.profileBadge{grid-column:2;justify-self:start}.profileGrid,.profileFormGrid{grid-template-columns:1fr}}.todoLayout{grid-template-columns:280px 1fr;gap:18px;height:100%;display:grid;overflow:hidden}.todoSidebar{scrollbar-gutter:stable;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:26px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}.todoMain{scrollbar-gutter:stable;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:26px;flex-direction:column;gap:16px;padding:18px;display:flex;overflow-y:auto}.todoHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.todoHeader h1{margin:0;font-size:24px}.taskFilters{flex-wrap:wrap;gap:8px;display:flex}.filterButton{color:#6b7b8d;cursor:pointer;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.filterButton:hover{background:#ffffffe6}.filterButton.active{color:#fff;background:#3788d8;border-color:#3788d8}.newTaskForm{flex-direction:column;gap:10px;display:flex}.newTaskForm input{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;padding:12px 16px;font-size:14px}.newTaskForm textarea{resize:vertical;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;padding:12px 16px;font-family:inherit;font-size:14px}.taskFormRow{gap:10px;display:flex}@media (width<=540px){.taskFormRow{flex-direction:column;gap:8px}.taskFormRow select,.taskFormRow input{width:100%}.taskFormField{flex-direction:column;gap:4px;display:flex}.taskFormLabel{color:#6b7b8d;font-size:12px;font-weight:500}}.prioritySelect,.dateInput,.assigneeSelect{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;flex:1;padding:8px 12px;font-size:13px}.taskActions{gap:8px;display:flex}.taskAssignee{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:inline-flex}.editTaskForm{flex-direction:column;gap:12px;display:flex}.editTaskForm input,.editTaskForm textarea{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:12px 16px;font-size:14px}.editTaskForm textarea{resize:vertical;font-family:inherit}.commentsList{flex-direction:column;gap:12px;max-height:300px;margin-bottom:16px;display:flex;overflow-y:auto}.commentItem{background:#d7e5ef4d;border-radius:12px;padding:12px}.commentHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.commentDate{color:#6b7280;font-size:11px}.commentContent{margin:0;font-size:14px;line-height:1.4}.commentForm{flex-direction:column;gap:10px;display:flex}.commentForm textarea{resize:vertical;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px}.chatItemHeader{align-items:center;gap:6px;display:flex}.sharedBadge{font-size:12px}.todoHeaderTop{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shareToggle{cursor:pointer;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:6px 12px;font-size:12px;transition:all .2s}.shareToggle.shared{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.chatItemWrapper{align-items:center;display:flex;position:relative}.deleteListButton{cursor:pointer;color:#ef4444;opacity:0;background:#ef44441a;border:none;border-radius:8px;padding:6px;transition:opacity .2s,background .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chatItemWrapper:hover .deleteListButton{opacity:1}.deleteListButton:hover{background:#ef444433}.todoViewToggle{gap:8px;margin-bottom:12px;display:flex}.todoViewToggle button{cursor:pointer;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.todoViewToggle button.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.assignedTasksInfo{text-align:center;color:#64748b;padding:16px}.assignedTasksInfo p{margin:0 0 8px;font-size:14px}.assignedTasksInfo .taskCount{color:#3b82f6;font-size:24px;font-weight:700}.notAcceptedBadge{color:#f59e0b;background:#f59e0b1a;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px}.acceptButton{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.acceptButton:hover{background:#22c55e33}.taskCreator{color:#6b7280;margin-left:8px;font-size:12px}.checkboxLabel{color:#374151;align-items:center;gap:8px;margin:8px 0;font-size:14px;display:flex}.taskItemsList{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.taskItemsList h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.taskItemRow{align-items:center;gap:8px;padding:6px 0;display:flex}.taskItemCheckbox{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.taskItemTitle{color:#374151;flex:1;font-size:14px}.taskItemTitle.completed{color:#9ca3af;text-decoration:line-through}.addItemForm{gap:8px;margin-top:12px;display:flex}.addItemInput{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px}.addItemInput:focus{border-color:#3b82f6}.taskItemsInput{background:#ffffff80;border:1px solid #d7e5efb8;border-radius:12px;margin-top:12px;padding:12px}.taskItemsHeader{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.newTaskItemRow{align-items:center;gap:8px;padding:6px 0;display:flex}.newTaskItemText{color:#374151;flex:1;font-size:14px}.mobileTodoHeader{background:#ffffffe6;border-bottom:1px solid #d7e5efb8;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:none}.mobileTodoViewToggle{flex:1;gap:8px;display:flex}.mobileTodoViewToggle button{cursor:pointer;color:#17212b;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;flex:1;padding:8px 12px;font-size:13px}.mobileTodoViewToggle button:hover{background:#e8f4fb}.mobileTodoViewToggle button.active{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.mobileTaskListsArea{padding:16px}.mobileTaskListsHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobileTaskListsHeader h3{color:#17212b;margin:0;font-size:16px}.mobileTaskListsArea .mobileCreateListButton{width:auto;padding:8px 12px;font-size:13px}.taskItemsInline{background:#ffffff4d;border-radius:8px;margin:8px 0;padding:8px}.taskItemInlineRow{align-items:center;gap:6px;padding:4px 0;display:flex}.newListForm{background:#ffffffe6;border:1px solid #d7e5efb8;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.newListForm input{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:16px;padding:10px 14px;font-size:14px}.taskList{flex-direction:column;gap:10px;display:flex}.taskItem{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.taskItem:hover{background:#ffffffe6}.taskItem.completed{opacity:.6}.taskItem.completed .taskTitle strong{text-decoration:line-through}.taskCheckbox{cursor:pointer;color:#6b7b8d;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.taskCheckbox:hover{color:#3788d8}.taskContent{flex:1;min-width:0}.taskTitle{align-items:center;gap:8px;margin-bottom:4px;display:flex}.taskDescription{color:#6b7b8d;margin:0 0 8px;font-size:14px;line-height:1.4}.taskMeta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.taskStatus{text-transform:uppercase;font-size:12px;font-weight:600}.taskDueDate{color:#6b7b8d;font-size:12px}.taskDueDate.overdue{color:#ef4444;font-weight:600}.deleteTaskButton{cursor:pointer;color:#6b7b8d;opacity:0;background:0 0;border:none;padding:6px;transition:all .2s}.taskItem:hover .deleteTaskButton{opacity:1}.deleteTaskButton:hover{color:#ef4444}.calendarLayout{grid-template-columns:1fr;gap:18px;height:100%;display:grid;overflow:hidden}.calendarMain{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:26px;flex-direction:column;gap:16px;padding:18px;display:flex;overflow-y:auto}.calendarHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.calendarNav{align-items:center;gap:12px;display:flex}.calendarNav h2{text-align:center;min-width:180px;margin:0;font-size:20px}.calendarNav button{cursor:pointer;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:8px;transition:all .2s}.calendarNav button:hover{background:#ffffffe6}.viewToggle{gap:8px;display:flex}.monthView{flex-direction:column;gap:8px;display:flex}.weekDays{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dayName{color:#6b7b8d;padding:8px;font-size:12px;font-weight:600}.monthGrid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendarDay{aspect-ratio:1;cursor:pointer;background:#ffffff80;border:1px solid #d7e5ef80;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.calendarDay:hover{background:#fffc}.calendarDay.selected{color:#fff;background:#3788d8;border-color:#3788d8}.calendarDay.today{border-width:2px;border-color:#3788d8}.calendarDay.weekend{color:#dc2626;background:#ef44441a}.calendarDay.holiday{color:#dc2626;background:#ef444426;border-color:#ef44444d}.calendarDay.holiday.weekend{background:#ef444433}.dayNumber{font-size:14px;font-weight:600}.dayEvents{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.eventDot{border-radius:50%;width:6px;height:6px}.moreEvents{color:#6b7b8d;font-size:10px}.agendaView{flex-direction:column;gap:16px;display:flex}.agendaHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.agendaHeader h3{margin:0;font-size:18px}.agendaHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.holidayBanner{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #ef44444d}.iconButton{color:#3788d8;cursor:pointer;background:#3788d81a;border:1px solid #3788d833;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:background .2s,border-color .2s;display:flex}.iconButton:hover{background:#3788d833;border-color:#3788d866}.agendaList{flex-direction:column;gap:12px;display:flex}.agendaItem{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;align-items:flex-start;gap:12px;padding:14px;display:flex}.agendaTime{color:#3788d8;white-space:nowrap;background:#3788d81a;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}.allDayIcon{font-size:18px}.agendaContent{flex:1;min-width:0}.agendaContent strong{margin-bottom:4px;display:block}.agendaContent p{color:#6b7b8d;margin:0 0 6px;font-size:14px}.agendaLocation{color:#6b7b8d;font-size:13px}.agendaAttendees{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.attendeeAvatar{color:#3788d8;cursor:pointer;background:#3788d81a;border:1px solid #d7e5ef80;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;overflow:hidden}.attendeeAvatar img{object-fit:cover;width:100%;height:100%}.attendeeAvatar:after{content:attr(data-username);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#1a1a1a;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.attendeeAvatar:hover:after,.attendeeAvatar:focus:after{opacity:1;visibility:visible}.agendaType{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.deleteEventButton{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.deleteEventButton:hover{background:#ef44441a}.agendaActions{gap:4px;margin-left:auto;display:flex}.addAttendeeButton{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.addAttendeeButton:hover{background:#3b82f61a}.searchInput{border:1px solid #d7e5efb8;border-radius:12px;width:100%;margin-bottom:12px;padding:12px 16px;font-size:14px}.searchInput:focus{border-color:#3b82f6;outline:none}.contactsList{scrollbar-gutter:stable;flex-direction:column;gap:8px;max-height:300px;padding-right:6px;display:flex;overflow-y:auto}.contactItem{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.contactItem:hover{background:#d7e5ef80}.contactItem.selected{background:#3b82f61a;border:1px solid #3b82f64d}.selectedIcon{color:#3b82f6;margin-left:auto}.contactAvatar{color:#3788d8;background:#3788d81a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.contactAvatar img{object-fit:cover;width:100%;height:100%}.contactInfo{flex-direction:column;gap:2px;display:flex}.contactInfo strong{font-size:16px}.contactInfo span{color:#6b7280;font-size:14px}.modalOverlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18283a57;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fffffff5;border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #23374b47}.modalHeader{border-bottom:1px solid #d7e5ef80;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modalHeader h3{margin:0;font-size:18px}.modalHeader button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.modalHeader button:hover{background:#d7e5ef80}.modalBody{max-height:calc(80vh - 60px);padding:20px;overflow-y:auto}.newEventForm{flex-wrap:wrap;gap:10px;display:flex}.newEventForm input{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:20px;padding:12px 16px;font-size:14px}.timeInputWrapper{flex-direction:column;gap:4px;display:flex}.inputHint{color:#6b7280;padding-left:4px;font-size:11px}.modalContent{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d7e5efb8;border-radius:26px;width:90%;max-width:500px;padding:20px;overflow:clip;box-shadow:0 24px 80px #23374b47}.modalContent .modalHeader{border-bottom:none;padding:0 0 16px}.modalContent .modalHeader h3{color:#17212b;font-size:18px}.modalContent form{flex-direction:column;gap:12px;display:flex}.modalContent input,.modalContent textarea,.modalContent select{color:#17212b;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:10px 12px;font-size:14px}.modalContent input:focus,.modalContent textarea:focus,.modalContent select:focus{border-color:#3b82f6;outline:none}.modalContent button.primaryButton{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:12px;font-size:14px}.modalContent button.primaryButton:disabled{opacity:.5;cursor:not-allowed}.newEventForm input[type=datetime-local]{flex:none;width:200px}.recurrenceSection{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.checkboxLabel{cursor:pointer;color:#17212b;align-items:center;gap:8px;font-size:14px;display:flex}.checkboxLabel input[type=checkbox]{cursor:pointer;width:16px;height:16px}.recurrenceOptions{align-items:center;gap:8px;display:flex}@media (width<=540px){.recurrenceSection{flex-direction:column;align-items:flex-start}}.recurrenceSelect{background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;flex:1;padding:8px 12px;font-size:13px}.textButton{color:#3b82f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-size:13px}.textButton:hover{text-decoration:underline}.recurrenceAdvancedForm{flex-direction:column;gap:16px;display:flex}.formField{flex-direction:column;gap:6px;display:flex}.formField label{color:#6b7b8d;font-size:13px;font-weight:500}.formInput{color:#17212b;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:12px;padding:10px 12px;font-size:14px}.formHint{color:#6b7b8d;font-size:12px}.weekdaysSelector{flex-wrap:wrap;gap:4px;display:flex}.weekdayButton{cursor:pointer;background:#ffffffbd;border:1px solid #d7e5efb8;border-radius:50%;width:36px;height:36px;font-size:12px;transition:all .2s}.weekdayButton.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.weekdayButton:hover:not(.active){background:#3b82f61a}.modalActions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (width<=900px){.todoLayout,.calendarLayout{grid-template-columns:1fr}.todoSidebar,.calendarSidebar,.todoHeader{display:none}.mobileTodoHeader{display:flex}.taskItemsInput{padding:10px}.taskItemsInline{padding:6px}.taskItemInlineRow{gap:4px}.taskItemCheckbox{width:16px;height:16px}.taskItemTitle{font-size:13px}.addItemInput{padding:6px 10px;font-size:13px}.mobileMenuButton{cursor:pointer;color:#374151;background:0 0;border:none;padding:8px}.mobileTodoHeader h1{margin:0;font-size:16px}.mobileShareToggle{cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px}.mobileListDrawer{z-index:200;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.mobileListDrawerContent{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-gutter:stable;background:#fffffff5;border:1px solid #d7e5efb8;border-bottom:none;border-radius:26px 26px 0 0;width:100%;max-height:80vh;padding:20px;overflow-y:auto}.mobileListDrawerHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobileListDrawerHeader h3{color:#17212b;margin:0;font-size:18px}.mobileListDrawerHeader button{cursor:pointer;color:#6b7b8d;background:0 0;border:none;padding:8px}.mobileTodoMenu{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.mobileTodoMenuContent{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #d7e5efb8;border-radius:26px;width:90%;max-width:400px;padding:18px}.mobileTodoMenuHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobileTodoMenuHeader h3{color:#17212b;margin:0;font-size:16px}.mobileTodoMenuHeader button{cursor:pointer;color:#6b7b8d;background:0 0;border:none;padding:8px}.mobileTaskLists{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.mobileTaskListItem{color:#17212b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:space-between;align-items:center;padding:12px;display:flex}.mobileTaskListItem:hover,.mobileTaskListItem.active{background:#e8f4fb}.mobileTaskListSelect{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;display:flex}.mobileDeleteListButton{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mobileCreateListButton{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px}.floatingAddTaskButton{width:52px;height:52px;bottom:100px;right:20px;display:flex!important}.modalContent{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#3b82f64d transparent;width:95%;max-width:none;max-height:90vh;padding-right:24px;overflow-y:auto}.modalContent::-webkit-scrollbar{width:6px}.modalContent::-webkit-scrollbar-track{background:0 0}.modalContent::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.modalContent::-webkit-scrollbar-thumb:hover{background:#3b82f680}.modalContent select{max-width:100%}}