@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap);#homePage,#homePage #contactsSidebar,#homePage #contactsSidebar #contactsHeader{display:flex;flex-direction:column}#homePage #contactsSidebar #noContacts{align-items:center;display:flex;flex-direction:column;justify-content:center}#homePage #contactsSidebar::-webkit-scrollbar,#homePage #mainColumn::-webkit-scrollbar{width:6px}#homePage #contactsSidebar::-webkit-scrollbar-track,#homePage #mainColumn::-webkit-scrollbar-track{background:#0000;border-radius:10px}#homePage #contactsSidebar::-webkit-scrollbar-thumb,#homePage #mainColumn::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}#homePage #contactsSidebar::-webkit-scrollbar-thumb:hover,#homePage #mainColumn::-webkit-scrollbar-thumb:hover{background:#94a3b8}#homePage #contactsSidebar,#homePage #mainColumn{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}#homePage{color:#060d19;gap:20px;height:100vh;overflow:hidden;padding:24px 28px}#homePage #homeGreeting #greetingText{color:#1e3664;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}#homePage .sectionTitle{align-items:center;color:#1e3664;display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin:0 0 10px}#homePage .sectionTitle svg{color:#1e3664}#homePage #homeContent{display:flex;flex:1 1;gap:20px;overflow:hidden}#homePage #mainColumn{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding-right:10px}#homePage #contactsSidebar{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#060d19;gap:20px;height:100%;min-width:320px;overflow-y:auto;padding:20px;width:380px}#homePage #contactsSidebar #contactsHeader{gap:16px;width:100%}#homePage #contactsSidebar #contactsHeader .searchBar{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;width:100%}#homePage #contactsSidebar #contactsHeader .searchBar:focus-within{background-color:#fff;border-color:#1e3664;box-shadow:0 4px 8px #1e36641a}#homePage #contactsSidebar #noContacts{color:#6b7280;flex:1 1;height:100%;padding:40px 20px;text-align:center}#homePage #contactsSidebar #noContacts svg{color:#9ca3af;height:48px;margin-bottom:16px;width:48px}#homePage #contactsSidebar #noContacts h3{color:#4b5563;font-size:1.1rem;margin:0 0 8px}#homePage #contactsSidebar #noContacts p{font-size:.9rem;margin:0 0 16px;max-width:300px}#homePage #contactsSidebar .resetButton{background-color:#f3f4f6;border:none;border-radius:8px;color:#1e3664;cursor:pointer;font-size:.9rem;margin-top:16px;padding:8px 16px;transition:all .2s ease}#homePage #contactsSidebar .resetButton:hover{background-color:#e5e7eb}@media(max-width:1024px){#homePage #homeContent{flex-direction:column;overflow-y:auto}#homePage #mainColumn{overflow-y:visible;padding-right:0}#homePage #contactsSidebar{height:auto;min-width:0;width:100%}}#adminTab,#adminTab #tabHeader{display:flex;flex-direction:column}#adminTab{height:100vh;justify-content:space-between;padding:40px 50px;width:100%}#adminTab #tabHeader{gap:10px;width:100%}#adminTab #tabHeader #row1{align-items:center;display:flex;justify-content:space-between}#adminTab #tabHeader #row1 .col1{display:flex;gap:10px}#adminTab #tabHeader #row1 .col1 #tabTitle{font-size:40px}#adminTab #tabHeader #row1 #backIco{cursor:pointer}#adminTab #tabHeader #tabOptions{display:flex;font-size:12px;gap:10px;width:fit-content}#adminTab #tabHeader #tabOptions .option{border:2px solid #000;border-radius:20px;cursor:pointer;padding:5px 10px;text-align:center;transition:background-color .2s,color .2s,border-color .2s}#adminTab #tabHeader #tabOptions .option--active{background-color:#1e3664;border-color:#1e3664;color:#fff}#adminTab #tabContent{flex:1 1;padding-top:20px}.menuTitle{color:#223a6a;font-family:inherit;font-style:normal;line-height:normal}.infosContainer{font-family:inherit}.infos,.infosContainer{align-items:center;display:flex;justify-content:space-around}.infos{border-radius:20px;border-style:solid;font-size:20px;padding:30px;width:500px}.icons{align-items:center;border-radius:50px;display:flex;height:64px;justify-content:center;width:64px}.emphasis{font-size:40px;font-weight:700}#roleManagement,#roleManagement .rm-detail,#roleManagement .rm-form,#roleManagement .rm-form__label,#roleManagement .rm-perms,#roleManagement .rm-section{display:flex;flex-direction:column}#roleManagement{font-family:inherit;gap:20px;width:100%}#roleManagement .rm-toast{animation:rmSlideIn .3s ease;border-radius:8px;font-size:14px;font-weight:600;padding:10px 18px}#roleManagement .rm-toast--success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}#roleManagement .rm-toast--error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}#roleManagement .rm-section{gap:16px}#roleManagement .rm-section__header{align-items:center;display:flex;justify-content:space-between}#roleManagement .rm-section h3{color:#1f2937;font-size:18px;font-weight:700}#roleManagement .rm-empty{color:#6b7280;font-size:14px;padding:12px 0}#roleManagement .rm-table{border:1px solid #e5e7eb;border-collapse:collapse;border-radius:10px;font-size:14px;overflow:hidden;width:100%}#roleManagement .rm-table thead tr{background-color:#f3f4f6}#roleManagement .rm-table thead tr th{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:700;padding:12px 16px;text-align:left}#roleManagement .rm-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}#roleManagement .rm-table tbody tr:hover{background-color:#f0fdf4}#roleManagement .rm-table tbody tr.rm-table__row--active{background-color:#dcfce7}#roleManagement .rm-table tbody td{color:#1f2937;padding:10px 16px;vertical-align:middle}#roleManagement .rm-table__label{font-weight:600}#roleManagement .rm-table__uuid{color:#6b7280;font-family:monospace;font-size:13px}#roleManagement .rm-table__actions{display:flex;gap:6px}#roleManagement .rm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s,opacity .2s}#roleManagement .rm-btn:disabled{cursor:not-allowed;opacity:.5}#roleManagement .rm-btn--icon{background:#0000;border-radius:6px;color:#6b7280;padding:6px}#roleManagement .rm-btn--icon:hover{background-color:#f3f4f6;color:#1f2937}#roleManagement .rm-btn--small{border-radius:6px;font-size:12px;padding:5px 8px}#roleManagement .rm-btn--primary{background-color:#63b367;color:#fff}#roleManagement .rm-btn--primary:hover:not(:disabled){background-color:#4a9a4e}#roleManagement .rm-btn--secondary{background-color:#f3f4f6;color:#1f2937}#roleManagement .rm-btn--secondary:hover{background-color:#e5e7eb}#roleManagement .rm-btn--info{background-color:#dbeafe;color:#1976d2}#roleManagement .rm-btn--info:hover{background-color:#bfdbfe}#roleManagement .rm-btn--warning{background-color:#fef3c7;color:#92400e}#roleManagement .rm-btn--warning:hover{background-color:#fde68a}#roleManagement .rm-btn--danger{background-color:#fee2e2;color:#d32f2f}#roleManagement .rm-btn--danger:hover{background-color:#fecaca}#roleManagement .rm-form{gap:16px;max-width:480px}#roleManagement .rm-form__label{color:#1f2937;font-size:14px;font-weight:600;gap:6px}#roleManagement .rm-form__input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}#roleManagement .rm-form__input:focus{border-color:#63b367}#roleManagement .rm-form__buttons{display:flex;gap:10px}#roleManagement .rm-perms{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:12px 16px}#roleManagement .rm-perms h4{color:#1f2937;font-size:14px;font-weight:700}#roleManagement .rm-perms ul{display:flex;flex-wrap:wrap;gap:6px}#roleManagement .rm-perms ul li{background-color:#e0e7ff;border-radius:20px;color:#3730a3;font-size:12px;font-weight:600;list-style:none;padding:4px 10px}#roleManagement .rm-detail{gap:12px;padding:16px 0}#roleManagement .rm-detail__field{align-items:baseline;display:flex;gap:12px}#roleManagement .rm-detail__field--col{flex-direction:column;gap:8px}#roleManagement .rm-detail__key{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.5px;min-width:100px;text-transform:uppercase}#roleManagement .rm-detail__value{color:#1f2937;font-size:15px}#roleManagement .rm-detail__permlist{display:flex;flex-wrap:wrap;gap:6px}#roleManagement .rm-detail__permlist li{background-color:#e0e7ff;border-radius:20px;color:#3730a3;font-size:12px;font-weight:600;list-style:none;padding:4px 10px}#roleManagement .rm-modal-overlay{align-items:center;animation:rmFadeIn .2s ease;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}#roleManagement .rm-modal{animation:rmSlideIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:80vh;max-width:560px;overflow-y:auto;padding:28px 32px;width:90%}#roleManagement .rm-modal--small{max-width:400px}#roleManagement .rm-modal--small h3{color:#d32f2f;font-size:18px;margin-bottom:8px}#roleManagement .rm-modal--small p{color:#6b7280;font-size:14px;margin-bottom:20px}#roleManagement .rm-modal__actions{display:flex;gap:10px;justify-content:flex-end}@keyframes rmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rmSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn{align-items:center;background-color:#fff;border:1px solid #1e36641a;border-radius:10px;cursor:pointer;gap:10px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn,.card{display:flex}.card{background:#fff;border-left:4px solid #1e3664;border-left:4px solid var(--card-border-color,#1e3664);border-radius:15px;box-shadow:0 2px 8px #1e366412;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #1e36641f;transform:translateY(-2px)}.card svg{color:#1e3664}.searchBar{align-items:center;background:#fff;border-radius:15px;display:flex;gap:10px;padding:5px 15px;width:fit-content}.searchBar .searchIcon{color:#6b7280}.searchBar .searchInput{appearance:none;border:none;color:#1e3664;font-size:.95rem;padding:10px;transition:all .3s ease}.searchBar .searchInput:focus{outline:none}.searchBar .searchInput::placeholder{color:#9ca3af}.toast{align-items:flex-start;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 8px 32px #0000001a,0 1px 3px #0000000f,inset 0 1px 0 #ffffff1f;display:flex;gap:.75rem;max-width:400px;min-width:300px;overflow:hidden;padding:.875rem 1rem;pointer-events:all;position:relative}.toast:before{background:linear-gradient(135deg,#ffffff14,#fff0 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.toast--success{background:#16a34a1a;border-left:3px solid #16a34a}.toast--success .toast__icon{color:#16a34a}.toast--danger{background:#dc26261a;border-left:3px solid #dc2626}.toast--danger .toast__icon{color:#dc2626}.toast--warning{background:#f59e0b1a;border-left:3px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{background:#2563eb1a;border-left:3px solid #2563eb}.toast--info .toast__icon{color:#2563eb}.toast__icon{display:flex;flex-shrink:0;margin-top:1px}.toast__content{flex:1 1;min-width:0}.toast__message{color:#1a1a1a;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.toast__subtitle{color:#555;font-size:.8rem;line-height:1.35;margin-top:.2rem;white-space:pre-line}.toast__actions{display:flex;gap:.5rem;margin-top:.625rem}.toast__action{border:none;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.01em;padding:.3rem .7rem;transition:all .15s ease}.toast__action--primary{color:#fff}.toast__action--ghost{background:#0000000f;color:#4b5563}.toast__action--ghost:hover{background:#0000001c}.toast--success .toast__action--primary{background:#16a34a}.toast--success .toast__action--primary:hover{filter:brightness(1.1)}.toast--danger .toast__action--primary{background:#dc2626}.toast--danger .toast__action--primary:hover{filter:brightness(1.1)}.toast--warning .toast__action--primary{background:#f59e0b}.toast--warning .toast__action--primary:hover{filter:brightness(1.1)}.toast--info .toast__action--primary{background:#2563eb}.toast--info .toast__action--primary:hover{filter:brightness(1.1)}.toast__close{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .15s ease}.toast__close:hover{background:#00000014;color:#1a1a1a}.globalToastContainer{bottom:1.25rem;display:flex;flex-direction:column-reverse;gap:.625rem;pointer-events:none;position:fixed;right:1.25rem;z-index:10001}#navigationSidebar{background-color:#1e3664;box-shadow:3px 0 16px #0000001f;display:flex;flex-direction:column;gap:8px;height:100vh;left:0;overflow:hidden;padding:16px 12px;position:fixed;top:0;transition:width .28s ease;z-index:1000}#navigationSidebar.sidebarCollapsed{width:72px}#navigationSidebar.sidebarExpanded{width:228px}.hiddenText{opacity:0;overflow:hidden;visibility:hidden;width:0}#sidebarBrand{margin-bottom:20px;padding:4px 0}#sidebarBrand #brandLink{align-items:center;display:flex;gap:12px;text-decoration:none}#sidebarBrand #brandLogo{background:#f7faff;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}#sidebarBrand .brandText{color:#fffffff2;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.92rem;font-weight:600;letter-spacing:-.01em;transition:opacity .2s ease,visibility .2s ease;white-space:nowrap}#sidebarNavItems{display:flex;flex:1 1;flex-direction:column;gap:4px}#sidebarNavItems .navItem{align-items:center;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;gap:12px;padding:11px 13px;text-decoration:none;transition:background-color .2s ease,color .2s ease}#sidebarNavItems .navItem:hover{background-color:#ffffff14;color:#fff}#sidebarNavItems .navItem.navItemActive{background-color:#ffffff24;color:#fff}#sidebarNavItems .navItem.navItemActive .navItemIcon svg{stroke-width:2.4}#sidebarNavItems .navItemIcon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}#sidebarNavItems .navItemLabel{font-size:.9rem;font-weight:500;letter-spacing:-.005em;transition:opacity .2s ease,visibility .2s ease;white-space:nowrap}#sidebarFooter{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding:10px 4px 4px;transition:flex-direction .28s ease,align-items .28s ease}.sidebarCollapsed #sidebarFooter{align-items:center;flex-direction:column;gap:10px;justify-content:center}#sidebarFooter #sidebarUserInfo{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.sidebarCollapsed #sidebarFooter #sidebarUserInfo{justify-content:center}#sidebarFooter #sidebarUserInfo #userAvatar{align-items:center;background:#ffffff26;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;font-weight:600;height:34px;justify-content:center;letter-spacing:.02em;text-transform:uppercase;width:34px}#sidebarFooter #sidebarUserInfo .userFullName{color:#ffffffd9;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,visibility .2s ease;white-space:nowrap}#sidebarFooter #sidebarLogoutButton{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:color .2s ease,background-color .2s ease}#sidebarFooter #sidebarLogoutButton:hover{background-color:#ffffff14;color:#dc2626}@media(max-width:768px){#navigationSidebar.sidebarExpanded{width:188px}}#authenticatedLayout{background-color:#f5f7fa;display:flex;min-height:100vh;width:100%}#authenticatedContent{flex:1 1;margin-left:72px;min-height:100vh;transition:margin-left .28s ease;width:calc(100% - 72px)}#homeDash,#homeDash #recentActivity #activitiesList{display:flex;flex-direction:column}#homeDash #recentActivity .emptyActivities{align-items:center;display:flex;flex-direction:column;justify-content:center}#homeDash{flex:1 1;gap:16px;width:100%}#homeDash #summaryCards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);width:100%}#homeDash #summaryCards .card h3{color:#4b5563;font-size:.9rem;margin:0}#homeDash #summaryCards .card .cardValue{color:#1e3664;font-size:1.5rem;font-weight:600;margin:0}#homeDash #summaryCards .card .cardIconBox{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:8px;width:40px}#homeDash #dashQuickActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}#homeDash #dashQuickActions .quickAction{align-items:center;background-color:#f7faff;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease}#homeDash #dashQuickActions .quickAction:hover{background-color:#eaf1fb;box-shadow:0 2px 8px #1e36641a;transform:translateY(-2px)}#homeDash #dashQuickActions .quickAction span{color:#1e3664;font-size:.9rem;font-weight:500}#homeDash #dashQuickActions .quickAction svg{color:#1e3664;height:18px;width:18px}#homeDash #recentActivity{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .2s ease}#homeDash #recentActivity:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}#homeDash #recentActivity #activitiesList{gap:12px;width:100%}#homeDash #recentActivity .activityItem{align-items:center;background-color:#f9fafb;border-radius:10px;display:flex;padding:12px;transition:all .2s ease}#homeDash #recentActivity .activityItem:hover{background-color:#f1f5f9;box-shadow:0 2px 8px #0000000d;transform:translateY(-2px)}#homeDash #recentActivity .activityItem .activityAvatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}#homeDash #recentActivity .activityItem .activityAvatar img{height:100%;object-fit:cover;width:100%}#homeDash #recentActivity .activityItem .activityContent{flex:1 1;min-width:0}#homeDash #recentActivity .activityItem .activityContent .activityHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}#homeDash #recentActivity .activityItem .activityContent .activityHeader .activityUser{color:#1e3664;font-size:.95rem;font-weight:600}#homeDash #recentActivity .activityItem .activityContent .activityHeader .activityTime{color:#6b7280;font-size:.8rem}#homeDash #recentActivity .activityItem .activityContent .activityText{color:#4b5563;font-size:.9rem;margin:0}#homeDash #recentActivity .activityItem .activityIcon{align-items:center;background-color:#1e36641a;border-radius:50%;color:#1e3664;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:12px;width:32px}#homeDash #recentActivity .emptyActivities{color:#9ca3af;padding:30px;text-align:center}#homeDash #recentActivity .emptyActivities svg{color:#cbd5e1;margin-bottom:12px}@media(max-width:1400px){#homeDash #summaryCards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){#homeDash #summaryCards{grid-template-columns:1fr}#homeDash #dashQuickActions{justify-content:center}}.participantBubble{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.participantBubble .participantAvatar{border:2px solid #0000;border-radius:50%;height:48px;object-fit:cover;transition:border-color .3s ease;width:48px}.participantBubble.connected .participantAvatar{border-color:#4ade80}.participantBubble.connecting .participantAvatar{animation:bubblePulse 1.5s ease-in-out infinite;border-color:#fbbf24}.participantBubble .mutedBadge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.participantBubble .participantName{color:#e2e8f0;font-size:11px;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes bubblePulse{0%,to{opacity:1}50%{opacity:.5}}.callOverlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #94a3b81a;border-radius:16px;bottom:20px;box-shadow:0 10px 40px #0006;cursor:grab;min-width:240px;padding:16px;position:fixed;right:20px;-webkit-user-select:none;user-select:none;z-index:1500}.callOverlay:active{cursor:grabbing}.callOverlay .callOverlayHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.callOverlay .callOverlayHeader .callStatus{color:#e2e8f0;font-size:14px;font-weight:500}.callOverlay .callOverlayHeader .minimizeBtn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.callOverlay .callOverlayHeader .minimizeBtn:hover{color:#e2e8f0}.callOverlay .callParticipants{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px;padding:8px 0}.callOverlay .callControls{display:flex;gap:16px;justify-content:center}.callOverlay .callControls button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s ease,transform .2s ease;width:44px}.callOverlay .callControls button:hover{transform:scale(1.05)}.callOverlay .callControls .controlBtn{background:#334155}.callOverlay .callControls .controlBtn:hover{background:#475569}.callOverlay .callControls .controlBtn.muted,.callOverlay .callControls .hangupBtn{background:#ef4444}.callOverlay .callControls .hangupBtn:hover{background:#dc2626}.callOverlayMinimized{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #94a3b81a;border-radius:24px;bottom:20px;box-shadow:0 10px 40px #0006;cursor:grab;display:flex;gap:12px;padding:8px 16px;position:fixed;right:20px;-webkit-user-select:none;user-select:none;z-index:1500}.callOverlayMinimized:active{cursor:grabbing}.callOverlayMinimized .miniInfo{align-items:center;color:#e2e8f0;display:flex;font-size:13px;gap:8px}.callOverlayMinimized .miniInfo .participantCount{align-items:center;color:#94a3b8;display:flex;gap:4px}.callOverlayMinimized .expandBtn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.callOverlayMinimized .expandBtn:hover{color:#e2e8f0}.videoCallOverlay{background:#0f172a;display:flex;flex-direction:column;inset:0;position:fixed;z-index:2000}.videoCallOverlay .videoCallHeader{align-items:center;background:linear-gradient(180deg,#0009,#0000);display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;top:0;z-index:10}.videoCallOverlay .videoCallHeader .callStatus{color:#e2e8f0;font-size:14px;font-weight:500}.videoCallOverlay .videoCallHeader .minimizeBtn{align-items:center;background:#33415599;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.videoCallOverlay .videoCallHeader .minimizeBtn:hover{background:#475569cc}.videoCallOverlay .videoGrid{grid-gap:4px;display:grid;flex:1 1;gap:4px;padding:4px}.videoCallOverlay .videoGrid.videoGrid1{grid-template-columns:1fr}.videoCallOverlay .videoGrid.videoGrid2{grid-template-columns:1fr 1fr}.videoCallOverlay .videoGrid.videoGrid3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoCallOverlay .videoGrid.videoGrid3 .videoTile:first-child{grid-column:1/-1}.videoCallOverlay .videoGrid.videoGrid4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoCallOverlay .videoTile{align-items:center;background:#1e293b;border-radius:12px;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative}.videoCallOverlay .videoTile video{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.videoCallOverlay .videoTile video.hidden{display:none}.videoCallOverlay .videoTile .videoTilePlaceholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.videoCallOverlay .videoTile .videoTilePlaceholder .avatarCircle{align-items:center;background:#334155;border-radius:50%;color:#e2e8f0;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.videoCallOverlay .videoTile .videoTileInfo{align-items:center;background:#0009;border-radius:6px;bottom:8px;display:flex;gap:6px;left:8px;padding:4px 10px;position:absolute}.videoCallOverlay .videoTile .videoTileInfo .participantName{color:#e2e8f0;font-size:12px;font-weight:500}.videoCallOverlay .videoTile .videoTileInfo .mutedIcon{color:#ef4444}.videoCallOverlay .localPreview{background:#1e293b;border:2px solid #94a3b833;border-radius:12px;bottom:100px;height:120px;overflow:hidden;position:absolute;right:20px;width:160px;z-index:10}.videoCallOverlay .localPreview video{height:100%;object-fit:cover;object-position:center;width:100%}.videoCallOverlay .localPreview video.hidden{display:none}.videoCallOverlay .localPreview.localPreviewOff{align-items:center;color:#94a3b8;display:flex;justify-content:center}.videoCallOverlay .videoCallControls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #94a3b81a;border-radius:50px;bottom:24px;display:flex;gap:16px;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);z-index:10}.videoCallOverlay .videoCallControls button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background .2s ease,transform .2s ease;width:48px}.videoCallOverlay .videoCallControls button:hover{transform:scale(1.05)}.videoCallOverlay .videoCallControls .controlBtn{background:#334155}.videoCallOverlay .videoCallControls .controlBtn:hover{background:#475569}.videoCallOverlay .videoCallControls .controlBtn.active,.videoCallOverlay .videoCallControls .hangupBtn{background:#ef4444}.videoCallOverlay .videoCallControls .hangupBtn:hover{background:#dc2626}.videoCallMinimized{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #94a3b81a;border-radius:24px;bottom:20px;box-shadow:0 10px 40px #0006;cursor:grab;display:flex;gap:12px;padding:8px 16px;position:fixed;right:20px;-webkit-user-select:none;user-select:none;z-index:2000}.videoCallMinimized:active{cursor:grabbing}.videoCallMinimized .miniInfo{align-items:center;color:#e2e8f0;display:flex;font-size:13px;gap:8px}.videoCallMinimized .expandBtn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.videoCallMinimized .expandBtn:hover{color:#e2e8f0}.contactPickerOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.contactPickerModal{background:#1e293b;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;max-height:70vh;max-width:420px;min-width:340px;padding:24px}.contactPickerModal .contactPickerHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contactPickerModal .contactPickerHeader h3{color:#f1f5f9;font-size:18px;font-weight:600;margin:0}.contactPickerModal .contactPickerHeader .closeBtn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s ease,color .2s ease;width:36px}.contactPickerModal .contactPickerHeader .closeBtn:hover{background:#fff3;color:#f1f5f9}.contactPickerModal .contactsList{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.contactPickerModal .contactsEmpty,.contactPickerModal .contactsLoading{align-items:center;display:flex;justify-content:center;padding:32px 0}.contactPickerModal .contactsEmpty p,.contactPickerModal .contactsLoading p{color:#94a3b8;font-size:14px;margin:0}.contactPickerModal .contactItem{align-items:center;background:#0000;border:none;border-radius:12px;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background .2s ease;width:100%}.contactPickerModal .contactItem:hover{background:#ffffff14}.contactPickerModal .contactItem:hover .callActions{opacity:1}.contactPickerModal .contactItem .contactAvatar{flex-shrink:0;height:44px;position:relative;width:44px}.contactPickerModal .contactItem .contactAvatar img{border-radius:50%;height:44px;object-fit:cover;width:44px}.contactPickerModal .contactItem .contactAvatar .onlineIndicator{background:#64748b;border:2px solid #1e293b;border-radius:50%;bottom:1px;height:12px;position:absolute;right:1px;width:12px}.contactPickerModal .contactItem .contactAvatar .onlineIndicator.online{background:#22c55e}.contactPickerModal .contactItem .contactInfo{display:flex;flex:1 1;flex-direction:column;min-width:0}.contactPickerModal .contactItem .contactInfo .contactName{color:#f1f5f9;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactPickerModal .contactItem .contactInfo .contactStatus{color:#94a3b8;font-size:12px}.contactPickerModal .contactItem .callActions{display:flex;flex-shrink:0;gap:8px;opacity:0;transition:opacity .2s ease}.contactPickerModal .contactItem .callIconBtn{align-items:center;background:#22c55e26;border:none;border-radius:50%;color:#22c55e;cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .2s ease;width:34px}.contactPickerModal .contactItem .callIconBtn:hover{background:#22c55e4d}.contactPickerModal .contactItem .callIconBtn.videoBtn{background:#3b82f626;color:#3b82f6}.contactPickerModal .contactItem .callIconBtn.videoBtn:hover{background:#3b82f64d}.incomingCallOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.incomingCallModal{align-items:center;background:#1e293b;border-radius:20px;box-shadow:0 25px 50px #0006;display:flex;flex-direction:column;gap:16px;min-width:280px;padding:40px}.incomingCallModal .callerAvatar,.incomingCallModal .callerAvatar img{height:96px;position:relative;width:96px}.incomingCallModal .callerAvatar img{border-radius:50%;object-fit:cover;z-index:1}.incomingCallModal .callerAvatar .pulseRing{animation:ringPulse 2s ease-out infinite;border:2px solid #4ade80;border-radius:50%;height:96px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:96px}.incomingCallModal .callerAvatar .pulseRing.delay{animation-delay:.5s}.incomingCallModal .callerName{color:#f1f5f9;font-size:20px;font-weight:600;margin:0}.incomingCallModal .callType{color:#94a3b8;font-size:14px;margin:0}.incomingCallModal .callActions{display:flex;gap:32px;margin-top:12px}.incomingCallModal .callActions button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:56px}.incomingCallModal .callActions button:hover{transform:scale(1.1)}.incomingCallModal .callActions .rejectBtn{background:#ef4444}.incomingCallModal .callActions .rejectBtn:hover{box-shadow:0 0 20px #ef444466}.incomingCallModal .callActions .acceptBtn{background:#22c55e}.incomingCallModal .callActions .acceptBtn:hover{box-shadow:0 0 20px #22c55e66}@keyframes ringPulse{0%{height:96px;opacity:.6;width:96px}to{height:140px;opacity:0;width:140px}}#loginForm #pwdWrapper{align-items:center;display:flex;justify-content:center}#loginForm,#loginForm #footerForm,#loginForm #inputWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}#loginForm{backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);background:#f7faffe0;border:1px solid #ffffff40;border-radius:25px;box-shadow:0 8px 32px #1e36642e;gap:50px;justify-content:normal;padding:30px;transition:.4s ease}#loginForm>img{width:90%}#loginForm #pwdWrapper{position:relative}#loginForm #inputWrapper{gap:20px}#loginForm #inputWrapper input{background-color:#0000;border:none;border-bottom:2px solid #1e90ff;color:#1e3664;padding:15px;transition:all .3s ease;width:25vw}#loginForm #inputWrapper input .error{border:2px solid #d32f2f!important}#loginForm #inputWrapper input:focus-visible{outline:none;scale:1.05}#loginForm #inputWrapper .pwdVisibilityIco{align-items:center;background-color:#0000;border:none;color:#444;cursor:pointer;display:flex;justify-content:center;position:absolute;right:3%}#loginForm:has(input:focus-visible){padding:40px}#loginForm #footerForm{gap:10px;width:100%}#loginForm #footerForm>*{text-align:center;width:90%}#loginForm #footerForm button[type=submit]{background:#1e3664;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem}#loginForm #footerForm button[type=submit]:disabled{background-color:#555;cursor:not-allowed}#loginForm #footerForm button[type=submit]:hover:not(:disabled){background-color:#005bb5}#loginForm #footerForm #signupLink{color:#1e90ff;text-decoration:none;transition:all .3s ease}#loginForm #footerForm #signupLink:hover{color:#63b3ed}#loginForm .pendingMessage{color:#555;padding:1rem;text-align:center}#loginForm .rejectedMessage{background:#dc262614;border-radius:6px;font-size:.875rem;font-weight:500;margin-bottom:-30px;padding:.5rem 1rem;width:90%}#loginForm .error,#loginForm .rejectedMessage{color:#d32f2f;text-align:center}#loginForm .errorMessage{font-size:.875rem;margin-top:.25rem}#signupForm,#signupForm #inputWrapper,#signupForm #pwdWrapper,#signupForm #signupFooter{align-items:center;display:flex;justify-content:center}#signupForm,#signupForm #signupFooter{flex-direction:column}#signupForm{backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);background:#f7faffe0;border:1px solid #ffffff40;border-radius:25px;box-shadow:0 8px 32px #1e36642e;gap:50px;justify-content:normal;padding:30px;transition:.4s ease;width:35vw}#signupForm>img{width:90%}#signupForm #pwdWrapper{position:relative}#signupForm #pwdWrapper input{color:#1e3664;flex:5 1}#signupForm #pwdWrapper .pwdIco{cursor:pointer;flex:1 1}#signupForm #inputWrapper{flex-wrap:wrap;gap:20px;width:100%}#signupForm #inputWrapper>*{border-bottom:2px solid #1e90ff!important;flex:1 1;padding:10px;transition:all .3s ease}#signupForm #inputWrapper>* :focus-visible,#signupForm #inputWrapper>:hover{scale:1.05}#signupForm #inputWrapper input{appearance:none;border:none}#signupForm #inputWrapper input:focus-visible{outline:none}#signupForm #signupFooter{gap:10px;width:100%}#signupForm #signupFooter>*{text-align:center;width:90%}#signupForm #signupFooter #submitBtn{background:#1e3664;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem}#signupForm #signupFooter #submitBtn:disabled{background-color:#555;cursor:not-allowed}#signupForm #signupFooter #submitBtn:hover:not(:disabled){background-color:#005bb5}#signupForm #signupFooter #loginLink{color:#1e90ff;text-decoration:none;transition:all .3s ease}#signupForm #signupFooter #loginLink:hover{color:#63b3ed}#signupForm .error{color:#d32f2f}.teams-sidebar__list::-webkit-scrollbar{width:6px}.teams-sidebar__list::-webkit-scrollbar-track{background:#0000;border-radius:10px}.teams-sidebar__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.teams-sidebar__list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teams-sidebar__list{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.teams-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;min-width:280px;width:280px}.teams-sidebar__header{align-items:center;display:flex;justify-content:space-between;padding:20px 16px 12px}.teams-sidebar__title{color:#060d19;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.teams-sidebar__create-button{align-items:center;background:#1e3664;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease,transform .15s ease;width:32px}.teams-sidebar__create-button:hover{background:#005bb5;transform:scale(1.05)}.teams-sidebar__search{padding:0 16px 12px;position:relative}.teams-sidebar__search-icon{color:#9ca3af;left:28px;pointer-events:none;position:absolute;top:50%;transform:translateY(calc(-50% - 6px))}.teams-sidebar__search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#060d19;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;outline:none;padding:8px 12px 8px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.teams-sidebar__search-input::placeholder{color:#9ca3af}.teams-sidebar__search-input:focus{border-color:#1e3664;box-shadow:0 0 0 3px #1e366414}.teams-sidebar__list{flex:1 1;overflow-y:auto;padding:0 8px 8px}.teams-sidebar__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:.85rem;gap:12px;justify-content:center;padding:40px 16px}.teams-sidebar__spinner{animation:teams-sidebar-spin 1s linear infinite}.teams-sidebar__empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 16px}.teams-sidebar__empty span{font-size:.85rem}.teams-sidebar__empty svg{color:#cbd5e1}.teams-sidebar__item{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;gap:12px;padding:10px 12px;text-align:left;transition:background-color .15s ease;width:100%}.teams-sidebar__item:hover{background:#dbeafe}.teams-sidebar__item--selected{background:#eff6ff}.teams-sidebar__item--selected .teams-sidebar__item-icon{background:#1e36641f}.teams-sidebar__item-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#1e3664;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.teams-sidebar__item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.teams-sidebar__item-name{color:#060d19;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teams-sidebar__item-badges{display:flex;gap:4px}.teams-sidebar__badge{border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.01em;line-height:1.4;padding:1px 6px}.teams-sidebar__badge--admin{background:#1e3664;color:#fff}.teams-sidebar__badge--locked{background:#dc2626;color:#fff}.teams-sidebar__settings-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:6px;transition:opacity .15s ease,color .15s ease,background-color .15s ease}.teams-sidebar__settings-button:hover{background:#1e366414;color:#1e3664}.teams-sidebar__item:hover .teams-sidebar__settings-button{opacity:1}@keyframes teams-sidebar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.channel-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;height:48px;padding:0 8px;position:relative}.channel-tabs,.channel-tabs__container{align-items:center;display:flex;gap:4px}.channel-tabs__container{flex:1 1;overflow-x:auto;padding:4px 0;scroll-behavior:smooth}.channel-tabs__container::-webkit-scrollbar{display:none}.channel-tabs__container{scrollbar-width:none}.channel-tabs__tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,system-ui,sans-serif;font-size:.82rem;font-weight:400;gap:6px;padding:6px 14px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.channel-tabs__tab:hover{background:#f3f4f6;color:#060d19}.channel-tabs__tab--selected{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000f;color:#1e3664;font-weight:500}.channel-tabs__tab--selected .channel-tabs__tab-icon{color:#1e3664}.channel-tabs__tab-icon{color:#6b7280;flex-shrink:0;transition:color .15s ease}.channel-tabs__tab-name{line-height:1.3}.channel-tabs__scroll-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color .15s ease,background-color .15s ease;width:28px;z-index:1}.channel-tabs__scroll-button:hover{background:#f3f4f6;color:#1e3664}.channel-tabs__scroll-button--left{margin-right:2px}.channel-tabs__scroll-button--right{margin-left:2px}.channel-tabs__add-button{align-items:center;background:#0000;border:1px dashed #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-left:4px;transition:color .15s ease,border-color .15s ease,background-color .15s ease;width:30px}.channel-tabs__add-button:hover{background:#eff6ff;border-color:#1e3664;color:#1e3664}.member-selector__list::-webkit-scrollbar{width:6px}.member-selector__list::-webkit-scrollbar-track{background:#0000;border-radius:10px}.member-selector__list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.member-selector__list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.member-selector__list{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.member-selector{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px}.member-selector__search{position:relative}.member-selector__search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.member-selector__search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#060d19;font-family:DM Sans,system-ui,sans-serif;font-size:.85rem;outline:none;padding:9px 12px 9px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.member-selector__search-input::placeholder{color:#9ca3af}.member-selector__search-input:focus{border-color:#1e3664;box-shadow:0 0 0 3px #1e366414}.member-selector__select-all{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e3664;cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-size:.78rem;font-weight:500;gap:5px;padding:4px 10px;transition:background-color .15s ease}.member-selector__select-all:hover{background:#1e36640f}.member-selector__available,.member-selector__selected{display:flex;flex-direction:column;gap:8px}.member-selector__available-title,.member-selector__selected-title{color:#6b7280;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin:0;padding:0 4px;text-transform:uppercase}.member-selector__available-header{align-items:center;display:flex;justify-content:space-between}.member-selector__list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.member-selector__item{align-items:center;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:background-color .15s ease}.member-selector__item:hover{background:#f9fafb}.member-selector__user-item{align-items:center;border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:background-color .15s ease}.member-selector__user-item:hover{background:#f9fafb}.member-selector__avatar{align-items:center;background:linear-gradient(135deg,#1e36641f,#1e36640f);border-radius:50%;color:#1e3664;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:36px;justify-content:center;letter-spacing:.02em;overflow:hidden;width:36px}.member-selector__avatar img{height:100%;object-fit:cover;width:100%}.member-selector__info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.member-selector__name{align-items:center;color:#060d19;display:flex;font-size:.85rem;font-weight:500;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-selector__you-badge{background:#1e366414;border-radius:4px;color:#1e3664;flex-shrink:0;font-size:.65rem;font-weight:600;line-height:1.4;padding:1px 6px}.member-selector__role{color:#6b7280;font-size:.75rem}.member-selector__add-button,.member-selector__remove-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color .15s ease,color .15s ease,transform .15s ease;width:30px}.member-selector__remove-button{background:#0000;color:#6b7280}.member-selector__remove-button:hover{background:#dc262614;color:#dc2626;transform:scale(1.08)}.member-selector__add-button{background:#0000;color:#6b7280}.member-selector__add-button:hover{background:#16a34a14;color:#16a34a;transform:scale(1.08)}.member-selector__loading{color:#6b7280;flex-direction:column;gap:10px;padding:28px 16px}.member-selector__loading,.member-selector__no-results{align-items:center;display:flex;font-size:.85rem;justify-content:center}.member-selector__no-results{color:#9ca3af;padding:24px 16px}@keyframes member-selector-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.post-response-item{animation:post-response-fade-in .3s ease-in-out;background-color:#f9fafb;border-radius:8px;padding:12px;transition:all .2s ease}.post-response-item:hover{background-color:#f3f4f6}.post-response-item--author{background-color:#eff6ff}.post-response-item--author:hover{background-color:#dbeafe}.post-response-item__header{display:flex;justify-content:space-between;margin-bottom:8px}.post-response-item__user-info{align-items:center;display:flex;gap:8px}.post-response-item__avatar{align-items:center;background-color:#1e3664;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.post-response-item__avatar img{height:100%;object-fit:cover;width:100%}.post-response-item__user-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;gap:6px}.post-response-item__author-badge{background-color:#1e3664;border-radius:10px;color:#fff;font-size:10px;padding:1px 5px}.post-response-item__timestamp{color:#6b7280;display:block;font-size:12px;margin-top:2px}.post-response-item__text{color:#1f2937;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}@keyframes post-response-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-view{background-color:#f9fafb;display:flex;flex-direction:column;height:100%;overflow:hidden}.channel-view__header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px}.channel-view__channel-info{align-items:center;display:flex;gap:12px}.channel-view__channel-icon{align-items:center;color:#1e3664;display:flex;justify-content:center}.channel-view__channel-name{color:#111827;font-size:18px;font-weight:600;margin:0}.channel-view__channel-status{align-items:center;display:flex}.channel-view__badge--private,.channel-view__badge--public{border-radius:12px;font-size:12px;font-weight:500;padding:3px 8px}.channel-view__badge--public{background-color:#dcfce7;color:#166534}.channel-view__badge--private{background-color:#fee2e2;color:#991b1b}.channel-view__members-button{align-items:center;background-color:#f3f4f6;border:none;border-radius:20px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:12px;padding:6px 12px;transition:all .2s ease}.channel-view__members-button:hover{background-color:#e5e7eb;color:#1e3664}.channel-view__settings-button{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.channel-view__settings-button:hover{background-color:#e5e7eb}.channel-view__members-panel{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:16px}.channel-view__members-panel-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin:0 0 16px}.channel-view__members-list{display:flex;gap:12px;max-width:100%;overflow-x:auto;padding:0 8px 8px 0}.channel-view__member-item{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.channel-view__member-item:hover{background-color:#f3f4f6}.channel-view__member-avatar{align-items:center;background-color:#1e3664;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.channel-view__member-avatar img{height:100%;object-fit:cover;width:100%}.channel-view__member-info{display:flex;flex-direction:column;overflow:hidden}.channel-view__member-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-view__you-badge{background-color:#1e3664;border-radius:10px;color:#fff;flex-shrink:0;font-size:11px;padding:2px 6px}.channel-view__member-role{color:#6b7280;font-size:12px}.channel-view__no-results{color:#6b7280;grid-column:1/-1;padding:16px;text-align:center}.channel-view__posts-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.channel-view__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.channel-view__spinner{animation:channel-view-spin 1s ease-in-out infinite;border:3px solid #4f46e533;border-radius:50%;border-top-color:#1e3664;height:40px;margin-bottom:16px;width:40px}.channel-view__empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.channel-view__empty-state svg{color:#d1d5db;margin-bottom:16px}.channel-view__empty-state p{margin:4px 0}.channel-view__post-wrapper{margin-bottom:24px}.channel-view__input-container{background-color:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -1px 3px #0000000d;display:flex;padding:16px}.channel-view__message-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;color:#111827;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.channel-view__message-input::placeholder{color:#9ca3af}.channel-view__message-input:focus{border-color:#1e3664;box-shadow:0 0 0 2px #4f46e51a}.channel-view__send-button{align-items:center;background-color:#1e3664;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;margin-left:12px;transition:all .2s ease;width:44px}.channel-view__send-button:hover:not(:disabled){background-color:#005bb5;transform:scale(1.05)}.channel-view__send-button:disabled{background-color:#c7d2fe;cursor:not-allowed}@keyframes channel-view-spin{to{transform:rotate(1turn)}}.post-item{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:16px;transition:box-shadow .2s ease}.post-item:hover{box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a}.post-item__header{display:flex;justify-content:space-between;margin-bottom:12px}.post-item__user-info{align-items:center;display:flex;gap:10px}.post-item__avatar{align-items:center;background-color:#1e3664;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.post-item__avatar img{height:100%;object-fit:cover;width:100%}.post-item__user-name{align-items:center;color:#111827;display:flex;font-weight:600;gap:6px}.post-item__author-badge{background-color:#1e3664;border-radius:10px;color:#fff;font-size:11px;padding:2px 6px}.post-item__timestamp{color:#6b7280;display:block;font-size:12px;margin-top:2px}.post-item__text{color:#1f2937;line-height:1.5;margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.post-item__footer{align-items:center;display:flex;gap:12px;margin-top:12px}.post-item__reply-button{align-items:center;background-color:#f3f4f6;border:none;border-radius:16px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.post-item__reply-button:hover{background-color:#e5e7eb;color:#1e3664;transform:translateY(-1px)}.post-item__responses-count{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:5px;margin-left:auto}.post-item__reply-form{align-items:flex-end;display:flex;gap:8px;margin-top:12px}.post-item__reply-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:none;transition:all .2s ease}.post-item__reply-input::placeholder{color:#9ca3af}.post-item__reply-input:focus{border-color:#1e3664;box-shadow:0 0 0 2px #1e36641a}.post-item__reply-submit{align-items:center;background-color:#1e3664;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.post-item__reply-submit:hover:not(:disabled){background-color:#005bb5;transform:scale(1.05)}.post-item__reply-submit:disabled{background-color:#c7d2fe;cursor:not-allowed}.post-item__responses-container{border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-left:20px}.channel-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 40px);max-width:800px;position:relative;width:100%}.channel-form__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.channel-form__title-container{align-items:center;display:flex;gap:12px}.channel-form__icon{color:#1e3664}.channel-form__title{color:#111827;display:flex;flex-direction:column;font-size:18px;font-weight:600;margin:0}.channel-form__team-name{color:#6b7280;font-size:14px;font-weight:400;margin-top:4px}.channel-form__close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.channel-form__close-button:hover{background-color:#f3f4f6;color:#374151}.channel-form__error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#b91c1c;display:flex;font-size:14px;gap:4px;margin:16px 20px 0;padding:12px}.channel-form__form{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-y:auto;padding:20px 20px 0}.channel-form__form-group{display:flex;flex-direction:column;gap:8px}.channel-form__label{color:#374151;font-size:14px;font-weight:500}.channel-form__input-wrapper{align-items:center;display:flex;position:relative}.channel-form__input-icon{color:#6b7280;left:12px;position:absolute}.channel-form__input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.channel-form__input:focus{border-color:#1e3664;box-shadow:0 0 0 2px #4f46e51a;outline:none}.channel-form__visibility-options{display:flex;flex-direction:column;gap:12px}.channel-form__visibility-option{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;padding:12px;text-align:left;transition:all .2s}.channel-form__visibility-option:hover{border-color:#9ca3af}.channel-form__visibility-option--selected{background-color:#f5f3ff;border-color:#1e3664}.channel-form__visibility-icon{color:#1e3664;margin-right:12px}.channel-form__option-content{flex:1 1}.channel-form__option-title{color:#111827;display:block;font-weight:500;margin-bottom:4px}.channel-form__option-description{color:#6b7280;display:block;font-size:13px}.channel-form__check-icon{color:#1e3664}.channel-form__actions{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 0;position:sticky;z-index:10}.channel-form__cancel-button,.channel-form__submit-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.channel-form__cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#374151}.channel-form__cancel-button:hover{background-color:#f3f4f6}.channel-form__submit-button{background-color:#1e3664;border:none;color:#fff}.channel-form__submit-button:hover{background-color:#005bb5}.channel-form__submit-button:disabled{background-color:#6b7280;cursor:not-allowed}.channel-form__button-spinner{animation:channel-form-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.channel-form__delete-button{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-right:auto;padding:10px 16px;transition:all .2s}.channel-form__delete-button:hover{background-color:#fecaca}@keyframes channel-form-spin{to{transform:rotate(1turn)}}.team-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;margin:0 auto;max-height:calc(100vh - 40px);max-width:800px;position:relative;width:100%}.team-form__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.team-form__title-container{align-items:center;display:flex;gap:12px}.team-form__icon{color:#1e3664}.team-form__title{color:#111827;font-size:18px;font-weight:600;margin:0}.team-form__close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.team-form__close-button:hover{background-color:#f3f4f6;color:#374151}.team-form__error{align-items:center;background-color:#fee2e2;color:#b91c1c;display:flex;gap:8px}.team-form__error,.team-form__success{border-radius:6px;font-size:14px;margin:16px 20px 0;padding:12px}.team-form__success{background-color:#d1fae5;color:#065f46}.team-form__form{display:flex;flex-direction:column;flex-grow:1;gap:20px;overflow-y:auto;padding:20px 20px 0}.team-form__form-group{display:flex;flex-direction:column;gap:8px}.team-form__label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500}.team-form__input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.team-form__input:focus{border-color:#1e3664;box-shadow:0 0 0 2px #4f46e51a;outline:none}.team-form__textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;height:120px;min-height:120px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.team-form__textarea:focus{border-color:#1e3664;box-shadow:0 0 0 2px #4f46e51a;outline:none}.team-form__description-image-row{align-items:stretch;display:flex;gap:24px}.team-form__description-section{display:flex;flex:2 1;flex-direction:column;gap:8px}.team-form__image-section{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.team-form__picture-upload-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;min-height:120px}.team-form__picture-preview{border:2px solid #e5e7eb;border-radius:12px;height:100px;margin-bottom:auto;overflow:hidden;position:relative;transition:all .2s ease;width:100px}.team-form__picture-preview:hover{border-color:#1e3664}.team-form__picture-image{height:100%;object-fit:cover;width:100%}.team-form__remove-picture-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.team-form__remove-picture-button:hover{background-color:#dc2626f2;transform:scale(1.1)}.team-form__picture-placeholder{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;gap:8px;height:100px;justify-content:center;margin-bottom:auto;transition:all .2s ease;width:100px}.team-form__picture-placeholder:hover{background-color:#eff6ff;border-color:#1e3664;color:#1e3664}.team-form__picture-placeholder span{font-size:12px;font-weight:500;text-align:center}.team-form__placeholder-icon{opacity:.6}.team-form__file-input{display:none}.team-form__upload-button{align-items:center;background-color:#1e3664;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:auto;min-width:100px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.team-form__upload-button:hover{background-color:#005bb5;transform:translateY(-1px)}.team-form__actions{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px;position:sticky;z-index:10}.team-form__cancel-button,.team-form__submit-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.team-form__cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#374151}.team-form__cancel-button:hover{background-color:#f3f4f6}.team-form__submit-button{background-color:#1e3664;border:none;color:#fff}.team-form__submit-button:hover{background-color:#005bb5}.team-form__submit-button:disabled{background-color:#6b7280;cursor:not-allowed}.team-form__button-spinner{animation:team-form-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.team-form__delete-button{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-right:auto;padding:10px 16px;transition:all .2s}.team-form__delete-button:hover{background-color:#fecaca}@keyframes team-form-spin{to{transform:rotate(1turn)}}.authToasts{gap:.625rem;pointer-events:none;position:fixed;right:1.25rem;top:1.25rem;z-index:10000}#loginPage,.authToasts{display:flex;flex-direction:column}#loginPage{background:50%/cover no-repeat;gap:20px;height:100vh;padding:1rem;position:relative}#loginPage,#signupPage{align-items:center;justify-content:center}#signupPage{background:50%/cover no-repeat;display:flex;flex-direction:column;gap:20px;height:100vh;padding:1rem;position:relative}#adminPanel #tabsWrapper{align-items:center;display:flex;justify-content:center}#adminPanel{display:flex;flex-direction:column;gap:10%;height:100vh;padding:50px;width:100%}#adminPanel h1{color:#223a6a;font-family:inherit;font-size:40px;font-style:normal;font-weight:800;line-height:normal}#adminPanel #infosWrapper,#adminPanel #tabsWrapper{padding:0 5%}#adminPanel #infosWrapper{align-items:center;display:flex;font-family:inherit;justify-content:space-between}#adminPanel #infosWrapper .info{align-items:center;border-radius:20px;border-style:solid;display:flex;font-size:20px;justify-content:space-around;padding:30px;width:500px}#adminPanel #infosWrapper .info--users{background-color:#dcfce7;border-color:#47da60}#adminPanel #infosWrapper .info--calls{background-color:#f4e8ff;border-color:#bf82fe}#adminPanel #infosWrapper .icon{align-items:center;border-radius:50px;display:flex;height:64px;justify-content:center;width:64px}#adminPanel #infosWrapper .icon--users{background-color:#47da60}#adminPanel #infosWrapper .icon--calls{background-color:#bf82fe}#adminPanel #infosWrapper .emphasis{font-size:40px;font-weight:700}#adminPanel #tabsWrapper{flex-wrap:wrap;gap:30px;justify-content:space-between}#adminPanel #tabsWrapper .tab{align-items:center;background-color:#eaeaea;border-left-width:20px;border-radius:20px;border-style:solid;display:flex;font-size:30px;font-style:normal;font-weight:700;height:150px;justify-content:space-between;padding-inline:75px;width:500px}#adminPanel #tabsWrapper .tab:hover{cursor:pointer}#adminPanel #tabsWrapper .tab--users{border-color:#0272da;color:#0272da}#adminPanel #tabsWrapper .tab--roles{border-color:#63b367;color:#63b367}#adminPanel #tabsWrapper .tab--permissions{border-color:#da1f63;color:#da1f63}#adminPanel #tabsWrapper .tab--teams{border-color:#444447;color:#444447}#adminPanel .forbiddenAccess{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;row-gap:50px}.teams-page{display:flex;height:100vh;overflow:hidden;width:100%}.teams-page__sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto;width:280px}.teams-page__content{flex:1 1;position:relative}.teams-page__content,.teams-page__team-content{display:flex;flex-direction:column;overflow:hidden}.teams-page__team-content{height:100%}.teams-page__empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.teams-page__empty-state h2{color:#111827;font-size:24px;font-weight:600;margin-bottom:12px}.teams-page__empty-state p{color:#6b7280;font-size:16px;margin-bottom:24px}.teams-page__create-button{background-color:#1e3664;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.teams-page__create-button:hover{background-color:#4338ca}.teams-page__empty-channel{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.teams-page__empty-channel h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:8px}.teams-page__empty-channel p{color:#6b7280;font-size:14px}.teams-page__form-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:absolute;right:0;top:0;z-index:50}@media(max-width:768px){.teams-page{flex-direction:column}.teams-page__sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;max-height:40%;width:100%}.teams-page__content{height:60%}}#filesPage{margin:0 auto;max-width:1200px;padding:32px;width:100%}#filesPage .pageHeader{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:40px}#filesPage .pageHeader .headerLeft{align-items:center;display:flex;gap:20px}#filesPage .pageHeader .headerLeft .backButton{align-items:center;background:#f7faff;border:none;border-radius:12px;color:#1e3664;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}#filesPage .pageHeader .headerLeft .backButton:hover{background:#eaf1fb;transform:translateX(-4px)}#filesPage .pageHeader .headerInfo{align-items:center;color:#1e3664;display:flex;font-size:1.75rem;gap:12px;margin-bottom:4px}#filesPage .pageHeader .headerInfo svg{color:#1e90ff}#filesPage .pageHeader .pageSubtitle{color:#6b7280;font-size:1rem}#filesPage .pageHeader .headerActions{display:flex;gap:12px}#filesPage .pageHeader .headerActions .actionBtn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}#filesPage .pageHeader .headerActions .actionBtn.primary{background:#1e3664;color:#fff}#filesPage .pageHeader .headerActions .actionBtn.primary:hover{box-shadow:0 4px 12px #1e366433;transform:translateY(-2px)}#filesPage .pageHeader .headerActions .actionBtn.secondary{background:#f7faff;color:#1e3664}#filesPage .pageHeader .headerActions .actionBtn.secondary:hover{background:#eaf1fb}#filesPage .filesBrowser .browserGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}#filesPage .filesBrowser .itemCard{align-items:center;border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease}#filesPage .filesBrowser .itemCard:hover{background:#f7faff;border-color:#1e3664}#filesPage .filesBrowser .itemCard .itemIcon{background:#f9fafb;border-radius:12px;color:#1e90ff;padding:10px}#filesPage .filesBrowser .itemCard.folder .itemIcon{background:#f59e0b1a;color:#f59e0b}#filesPage .filesBrowser .itemCard .itemInfo{display:flex;flex:1 1;flex-direction:column;min-width:0}#filesPage .filesBrowser .itemCard .itemInfo .itemName{color:#060d19;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#filesPage .filesBrowser .itemCard .itemInfo .itemMeta{color:#6b7280;font-size:.75rem}#filesPage .filesBrowser .itemCard .itemActions,#filesPage .filesBrowser .itemCard .itemOptions{display:flex;gap:4px}#filesPage .filesBrowser .itemCard .itemActions button,#filesPage .filesBrowser .itemCard .itemOptions button{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s}#filesPage .filesBrowser .itemCard .itemActions button:hover,#filesPage .filesBrowser .itemCard .itemOptions button:hover{background:#fff;color:#1e3664}#filesPage .filesBrowser .itemCard .itemActions button.danger:hover,#filesPage .filesBrowser .itemCard .itemOptions button.danger:hover{background:#d32f2f;color:#dc2626;color:#fff}#filesPage .emptyState{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:100px 0}#filesPage .emptyState svg{color:#cbd5e1;margin-bottom:20px}#filesPage .emptyState h3{font-size:1.25rem;margin-bottom:10px}#filesPage .previewModal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:40px;position:fixed;top:0;width:100%;z-index:1000}#filesPage .previewModal .modalContent{background:#f9fafb;border-radius:24px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}#filesPage .previewModal .modalContent .closeBtn{align-items:center;background:#f7faff;border:none;border-radius:50%;color:#060d19;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:40px;z-index:10}#filesPage .previewModal .modalContent .closeBtn:hover{background:#dc2626;color:#fff;transform:rotate(90deg)}#filesPage .previewModal .modalContent .previewHeader{border-bottom:1px solid #e5e7eb;padding:24px 32px}#filesPage .previewModal .modalContent .previewHeader h2{color:#1e3664;font-size:1.5rem;margin:0}#filesPage .previewModal .modalContent .previewHeader p{color:#6b7280;font-size:.9rem;margin:4px 0 0}#filesPage .previewModal .modalContent .previewBody{align-items:center;background:#0f172a;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px}#filesPage .previewModal .modalContent .previewBody img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}#filesPage .previewModal .modalContent .previewBody .noPreview{color:#fff;text-align:center}#filesPage .previewModal .modalContent .previewBody .noPreview svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}#filesPage .previewModal .modalContent .previewBody .noPreview p{font-size:1.1rem;opacity:.8}#filesPage .previewModal .modalContent .previewFooter{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 32px}#directoryPage{background:#f8fafc;min-height:100vh;padding:40px;width:100%}#directoryPage .directoryContainer{margin:0 auto;max-width:1100px}#directoryPage .pageHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}#directoryPage .pageHeader .pageTitle{color:#1e293b;font-size:2.5rem;font-weight:800;margin-bottom:4px}#directoryPage .pageHeader .memberCount{color:#64748b;font-size:1rem;font-weight:500}#directoryPage .pageHeader .searchWrapper{position:relative;width:340px}#directoryPage .pageHeader .searchWrapper .searchIcon{color:#94a3b8;left:16px;position:absolute;top:50%;transform:translateY(-50%)}#directoryPage .pageHeader .searchWrapper input{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0000000d;font-family:inherit;font-size:1rem;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}#directoryPage .pageHeader .searchWrapper input:focus{border-color:#334155;box-shadow:0 4px 12px #00000008;outline:none}#directoryPage .filterTabs{display:flex;gap:12px;margin-bottom:40px}#directoryPage .filterTabs .filterTab{background:#fff;border:none;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 24px;transition:all .2s ease}#directoryPage .filterTabs .filterTab:hover{background:#f1f5f9}#directoryPage .filterTabs .filterTab.active{background:#1e293b;box-shadow:0 4px 12px #1e293b33;color:#fff}#directoryPage .myProfileSection{margin-bottom:40px}#directoryPage .myProfileSection .myProfileCard{align-items:center;background:#fff;border:none;border-radius:24px;box-shadow:0 4px 20px #00000008;display:flex;padding:32px}#directoryPage .myProfileSection .myProfileCard .profileIconLarge{align-items:center;border-radius:20px;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-right:24px;width:80px}#directoryPage .myProfileSection .myProfileCard .profileInfo{flex:1 1}#directoryPage .myProfileSection .myProfileCard .profileInfo .profileMeta{align-items:center;display:flex;gap:12px;margin-bottom:8px}#directoryPage .myProfileSection .myProfileCard .profileInfo .profileMeta .profileName{color:#1e293b;font-size:1.75rem;font-weight:800}#directoryPage .myProfileSection .myProfileCard .profileInfo .profileBio{color:#64748b;font-size:1rem}#directoryPage .myProfileSection .myProfileCard .manageProfileBtn{background:#1e293b;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 28px;transition:all .2s ease}#directoryPage .myProfileSection .myProfileCard .manageProfileBtn:hover{background:#0f172a;transform:translateY(-2px)}#directoryPage .usersGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}#directoryPage .usersGrid .userCard{background:#fff;border:none;border-radius:24px;box-shadow:0 4px 15px #00000005;display:flex;flex-direction:column;gap:24px;padding:24px;transition:all .3s ease}#directoryPage .usersGrid .userCard:hover{box-shadow:0 12px 30px #0000000d;transform:translateY(-4px)}#directoryPage .usersGrid .userCard .cardHeader{align-items:center;display:flex;gap:16px}#directoryPage .usersGrid .userCard .cardHeader .userIconSmall{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;position:relative;width:64px}#directoryPage .usersGrid .userCard .cardHeader .userIconSmall .statusDot{border:3px solid #fff;border-radius:50%;bottom:-2px;height:14px;position:absolute;right:-2px;width:14px}#directoryPage .usersGrid .userCard .cardHeader .userIconSmall .statusDot.online{background:#22c55e}#directoryPage .usersGrid .userCard .cardHeader .userIconSmall .statusDot.offline{background:#94a3b8}#directoryPage .usersGrid .userCard .cardHeader .userBasic .userName{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:8px}#directoryPage .usersGrid .userCard .cardHeader .userBasic .cardDetails{display:flex;flex-direction:column;gap:6px}#directoryPage .usersGrid .userCard .cardHeader .userBasic .cardDetails .detailItem{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:8px}#directoryPage .usersGrid .userCard .cardHeader .userBasic .cardDetails .detailItem svg{color:#94a3b8;flex-shrink:0}#directoryPage .usersGrid .userCard .userBioPreview{background:#ffffff80;border-radius:8px;margin-top:1rem;padding:.75rem}#directoryPage .usersGrid .userCard .userBioPreview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}#directoryPage .usersGrid .userCard .cardFooter{align-items:center;display:flex;justify-content:space-between;margin-top:auto}#directoryPage .roleBadge{border-radius:8px;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}#directoryPage .roleBadge.badge-admin{background:#ecfdf5;color:#059669}#directoryPage .roleBadge.badge-student{background:#eff6ff;color:#2563eb}#directoryPage .roleBadge.badge-teacher{background:#fef2f2;color:#dc2626}#directoryPage .roleBadge.badge-user{background:#f8fafc;color:#475569}#directoryPage .emptyState{align-items:center;color:#94a3b8;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:100px 0}#directoryPage .emptyState svg{margin-bottom:20px}#directoryPage .emptyState h3{color:#1e293b;margin-bottom:8px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#f5f7fa;color:#060d19;font-family:DM Sans,system-ui,sans-serif;letter-spacing:-.01em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.2}ul{list-style:none}dialog,fieldset{border:none}dialog{background:none;max-height:none;max-width:none}a{color:inherit;text-decoration:none}::selection{background:#1e366426;color:#1e3664}#profilePage{background:#f8fafc;min-height:100vh;padding:40px;width:100%}#profilePage .profileContainer{margin:0 auto;max-width:1000px}#profilePage .pageHeader{align-items:center;display:flex;gap:20px;margin-bottom:32px}#profilePage .pageHeader .backBtn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}#profilePage .pageHeader .backBtn:hover{background:#f1f5f9;color:#1e293b;transform:translateX(-2px)}#profilePage .pageHeader .pageTitle{color:#1e293b;font-size:2.25rem;font-weight:800}#profilePage .profileGrid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.5fr 1fr}@media(max-width:900px){#profilePage .profileGrid{grid-template-columns:1fr}}#profilePage .profileGrid .profileBioCard,#profilePage .profileGrid .profileMainCard{background:#fff;border:none;border-radius:24px;box-shadow:0 4px 20px #00000008;height:fit-content;padding:32px}#profilePage .profileGrid .sectionTitle{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:16px}#profilePage .profileGrid .sectionTitle svg{color:#6366f1}#profilePage .profileGrid .formGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}#profilePage .profileGrid .inputGroup{margin-bottom:20px}#profilePage .profileGrid .inputGroup label{color:#64748b;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}#profilePage .profileGrid .inputGroup input,#profilePage .profileGrid .inputGroup textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}#profilePage .profileGrid .inputGroup input:focus,#profilePage .profileGrid .inputGroup textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f10d;outline:none}#profilePage .profileGrid .inputGroup input::placeholder,#profilePage .profileGrid .inputGroup textarea::placeholder{color:#94a3b8}#profilePage .profileGrid .inputGroup .inputWithIcon{position:relative}#profilePage .profileGrid .inputGroup .inputWithIcon svg{color:#94a3b8;left:14px;position:absolute;top:13px}#profilePage .profileGrid .inputGroup .inputWithIcon input{padding-left:44px}#profilePage .profileGrid .inputGroup textarea{resize:none}#profilePage .profileGrid .infoNote{background:#eff6ff;border-radius:12px;color:#1e40af;display:flex;font-size:.85rem;gap:12px;line-height:1.5;margin-bottom:24px;padding:16px}#profilePage .profileGrid .infoNote svg{color:#3b82f6;flex-shrink:0}#profilePage .profileGrid .saveBtn{align-items:center;background:#1e293b;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;justify-content:center;padding:16px;transition:all .2s ease;width:100%}#profilePage .profileGrid .saveBtn:hover:not(:disabled){background:#0f172a;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}#profilePage .profileGrid .saveBtn:disabled{cursor:not-allowed;opacity:.7}.callEndedToast{align-items:center;background:#1e293b;border-radius:12px;box-shadow:0 8px 30px #0000004d;color:#f1f5f9;cursor:pointer;display:flex;font-size:14px;gap:10px;left:50%;padding:12px 24px;position:fixed;top:24px;transform:translateX(-50%);z-index:3000}.callEndedToast .callEndedIcon{color:#ef4444}
/*# sourceMappingURL=main.66c3f5e3.css.map*/