.index-module-scss-module__OoI_DG__page{flex-direction:column;gap:28px;width:100%;display:flex}.index-module-scss-module__OoI_DG__heading{flex-direction:column;gap:10px;display:flex}.index-module-scss-module__OoI_DG__title{color:var(--color-primary-dark);letter-spacing:-.02em}.index-module-scss-module__OoI_DG__subtitle{max-width:480px;color:var(--text-gray);line-height:1.5}.index-module-scss-module__OoI_DG__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.index-module-scss-module__OoI_DG__search{background:var(--color-card);border:1px solid var(--divider);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:560px;height:48px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.index-module-scss-module__OoI_DG__search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-opace)}.index-module-scss-module__OoI_DG__searchIcon{color:var(--text-gray);flex-shrink:0}.index-module-scss-module__OoI_DG__searchInput{min-width:0;color:var(--text-dark);background:0 0;border:none;outline:none;flex:1}.index-module-scss-module__OoI_DG__searchInput::placeholder{color:var(--text-gray)}.index-module-scss-module__OoI_DG__controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.index-module-scss-module__OoI_DG__control{height:44px;color:var(--text-dark);background:var(--color-card);border:1px solid var(--divider);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 16px;display:flex}.index-module-scss-module__OoI_DG__control:hover{border-color:var(--text-gray)}.index-module-scss-module__OoI_DG__controlChevron{color:var(--text-gray);transition:transform .2s}.index-module-scss-module__OoI_DG__controlChevronOpen{transform:rotate(180deg)}.index-module-scss-module__OoI_DG__viewToggle{color:var(--text-dark)}@media screen and (max-width:480px){.index-module-scss-module__OoI_DG__viewLabel{display:none}}.index-module-scss-module__OoI_DG__dropdown{position:relative}.index-module-scss-module__OoI_DG__menu{z-index:50;background:var(--color-card);border:1px solid var(--divider);border-radius:12px;width:max-content;min-width:100%;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #081e341f}.index-module-scss-module__OoI_DG__menuItem{width:100%;color:var(--text-dark);white-space:nowrap;border-radius:8px;justify-content:flex-start;padding:9px 12px}.index-module-scss-module__OoI_DG__menuItem:hover{background:var(--color-background-muted)}.index-module-scss-module__OoI_DG__menuItemActive{color:var(--primary);font-weight:600}.index-module-scss-module__OoI_DG__grid{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (min-width:560px){.index-module-scss-module__OoI_DG__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:860px){.index-module-scss-module__OoI_DG__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.index-module-scss-module__OoI_DG__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1360px){.index-module-scss-module__OoI_DG__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.index-module-scss-module__OoI_DG__gridList{grid-template-columns:1fr}@media (min-width:560px){.index-module-scss-module__OoI_DG__gridList{grid-template-columns:1fr}}@media (min-width:860px){.index-module-scss-module__OoI_DG__gridList{grid-template-columns:1fr}}@media (min-width:1100px){.index-module-scss-module__OoI_DG__gridList{grid-template-columns:1fr}}@media (min-width:1360px){.index-module-scss-module__OoI_DG__gridList{grid-template-columns:1fr}}.index-module-scss-module__OoI_DG__card{background:var(--color-card);border:1px solid var(--divider);border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:100%;height:100%;padding:28px 22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}.index-module-scss-module__OoI_DG__card:hover{border-color:color-mix(in srgb, var(--card-color) 35%, var(--divider));box-shadow:0 12px 30px color-mix(in srgb, var(--card-color) 16%, transparent);transform:translateY(-4px)}.index-module-scss-module__OoI_DG__iconWrap{width:64px;height:64px;color:var(--card-color);background:color-mix(in srgb, var(--card-color) 12%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.index-module-scss-module__OoI_DG__cardBody{flex-direction:column;align-items:center;gap:8px;display:flex}.index-module-scss-module__OoI_DG__cardTitle{color:var(--color-primary-dark);text-align:center}.index-module-scss-module__OoI_DG__cardDesc{color:var(--text-gray);text-align:center;line-height:1.6}.index-module-scss-module__OoI_DG__members{color:var(--text-gray);align-items:center;gap:6px;font-weight:500;display:flex}.index-module-scss-module__OoI_DG__members svg{color:var(--text-gray)}.index-module-scss-module__OoI_DG__cardArrow{width:34px;height:34px;color:var(--card-color);border:1px solid color-mix(in srgb, var(--card-color) 20%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-top:auto;transition:background .25s;display:flex}.index-module-scss-module__OoI_DG__card:hover .index-module-scss-module__OoI_DG__cardArrow{background:color-mix(in srgb, var(--card-color) 10%, transparent)}@keyframes index-module-scss-module__OoI_DG__skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.index-module-scss-module__OoI_DG__skeleton{background:color-mix(in srgb, var(--color-card) 60%, var(--divider));pointer-events:none;min-height:220px;animation:1.4s ease-in-out infinite index-module-scss-module__OoI_DG__skeleton-pulse}.index-module-scss-module__OoI_DG__skeleton>*{opacity:0}.index-module-scss-module__OoI_DG__createCard{box-shadow:none;border-style:dashed}.index-module-scss-module__OoI_DG__createBtn{color:var(--primary);border:1px solid var(--primary);border-radius:8px;margin-top:auto;padding:9px 20px}.index-module-scss-module__OoI_DG__createBtn:hover{color:#fff;background:var(--primary)}.index-module-scss-module__OoI_DG__createBtnSoon{color:var(--text-gray);border-color:var(--divider);cursor:default;pointer-events:none}.index-module-scss-module__OoI_DG__createBtnSoon:hover{color:var(--text-gray);background:0 0}.index-module-scss-module__OoI_DG__empty{color:var(--text-gray);text-align:center;grid-column:1/-1;padding:24px}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__card{text-align:left;flex-direction:row;align-items:center;gap:18px;padding:18px 22px}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__iconWrap{width:52px;height:52px}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__cardBody{flex:1;align-items:flex-start;gap:4px}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__cardTitle,.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__cardDesc{text-align:left}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__members{flex-shrink:0}.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__cardArrow,.index-module-scss-module__OoI_DG__gridList .index-module-scss-module__OoI_DG__createBtn{margin-top:0}.index-module-scss-module__OoI_DG__banner{background:var(--color-card);border:1px solid var(--divider);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.index-module-scss-module__OoI_DG__bannerLeft{align-items:center;gap:16px;min-width:0;display:flex}.index-module-scss-module__OoI_DG__bannerIcon{width:44px;height:44px;color:var(--primary);background:var(--primary-opace);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.index-module-scss-module__OoI_DG__bannerText{flex-direction:column;gap:2px;display:flex}.index-module-scss-module__OoI_DG__bannerTitle{color:var(--color-primary-dark)}.index-module-scss-module__OoI_DG__bannerSubtitle{color:var(--text-gray)}.index-module-scss-module__OoI_DG__suggestBtn{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:10px 20px}.index-module-scss-module__OoI_DG__suggestBtn:hover{color:#fff;background:var(--primary)}.index-module-scss-module__OoI_DG__suggestBackdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.index-module-scss-module__OoI_DG__suggestModal{background:var(--color-card);border:1px solid var(--divider);border-radius:14px;width:100%;max-width:440px;max-height:calc(100vh - 32px);padding:28px 24px 24px;position:relative;overflow-y:auto;box-shadow:0 20px 48px #0f172a2e}.index-module-scss-module__OoI_DG__suggestClose{width:28px;height:28px;color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.index-module-scss-module__OoI_DG__suggestClose:hover{background:var(--color-background-muted)}.index-module-scss-module__OoI_DG__suggestClose:disabled{cursor:not-allowed;opacity:.5}.index-module-scss-module__OoI_DG__suggestTitle{color:var(--color-primary-dark)}.index-module-scss-module__OoI_DG__suggestSubtitle{color:var(--text-gray);margin-top:4px}.index-module-scss-module__OoI_DG__suggestForm{flex-direction:column;gap:16px;margin-top:20px;display:flex}.index-module-scss-module__OoI_DG__suggestField{flex-direction:column;gap:6px;display:flex}.index-module-scss-module__OoI_DG__suggestLabel{color:var(--color-primary-dark)}.index-module-scss-module__OoI_DG__suggestRequired{color:#ef5470}.index-module-scss-module__OoI_DG__suggestInput,.index-module-scss-module__OoI_DG__suggestTextarea{width:100%;color:var(--text-dark);background:var(--color-background-muted);border:1px solid var(--divider);font:inherit;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.index-module-scss-module__OoI_DG__suggestInput::placeholder,.index-module-scss-module__OoI_DG__suggestTextarea::placeholder{color:var(--text-gray)}.index-module-scss-module__OoI_DG__suggestInput:focus,.index-module-scss-module__OoI_DG__suggestTextarea:focus{border-color:var(--primary)}.index-module-scss-module__OoI_DG__suggestInput:disabled,.index-module-scss-module__OoI_DG__suggestTextarea:disabled{opacity:.6;cursor:not-allowed}.index-module-scss-module__OoI_DG__suggestTextarea{resize:vertical;min-height:72px}.index-module-scss-module__OoI_DG__suggestError{color:#ef5470}.index-module-scss-module__OoI_DG__suggestActions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.index-module-scss-module__OoI_DG__suggestCancel{color:var(--text-gray);border:1px solid var(--divider);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px}.index-module-scss-module__OoI_DG__suggestCancel:hover{background:var(--color-background-muted)}.index-module-scss-module__OoI_DG__suggestCancel:disabled{cursor:not-allowed;opacity:.5}.index-module-scss-module__OoI_DG__suggestSubmit{color:#fff;background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;padding:10px 20px}.index-module-scss-module__OoI_DG__suggestSubmit:hover{opacity:.92}.index-module-scss-module__OoI_DG__suggestSubmit:disabled{cursor:not-allowed;opacity:.6}.index-module-scss-module__OoI_DG__suggestDone{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.index-module-scss-module__OoI_DG__suggestDone .index-module-scss-module__OoI_DG__suggestSubmit{margin-top:12px}