.modal_modalOverlay__6_xnV{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal_fadeIn__djb2m .3s ease}@keyframes modal_fadeIn__djb2m{0%{opacity:0}to{opacity:1}}.modal_modalContent__a_bsa{background:white;border-radius:24px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:modal_slideUp__hTpM1 .3s ease;border:1px solid #f3f4f6}@keyframes modal_slideUp__hTpM1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal_modalHeader__kZhi4{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,#fef7ed,#fff7ed)}.modal_headerLeft__Ye48j{display:flex;flex-direction:column;gap:.75rem}.modal_reportBadge__uGWRC{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fb923c,#f97316);color:white;padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.modal_reportIcon__nzOek{width:16px;height:16px}.modal_modalTitle__w278y{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0;line-height:1.2}.modal_modalClose__mOBsW{background:white;border:1px solid #e5e7eb;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#6b7280}.modal_modalClose__mOBsW:hover{background:#f9fafb;border-color:#fb923c;color:#fb923c;transform:scale(1.05)}.modal_modalClose__mOBsW svg{width:20px;height:20px}.modal_modalBody__SbDrf{padding:2rem}.modal_reportOverview__DHsov{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;border:1px solid #e5e7eb}.modal_severityIndicator__MzuWj{display:flex;align-items:center;gap:.75rem;background:white;padding:.75rem 1.25rem;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.modal_severityDot__lzi0V{width:12px;height:12px;border-radius:50%}.modal_severityLabel__oC35J{font-size:.875rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em}.modal_reportDate__Z3qcZ{font-size:.875rem;color:#6b7280;font-weight:500}.modal_contentGrid__uv_IQ{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.modal_mainContent__2MumS{display:flex;flex-direction:column;gap:1.5rem}.modal_detailCard__JE8kw{background:white;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}.modal_detailCard__JE8kw:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.modal_cardHeader__25_NE{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef7ed,#fff7ed);border-bottom:1px solid #f3f4f6}.modal_cardIcon__CMOgO{width:20px;height:20px;color:#fb923c;stroke-width:2}.modal_cardHeader__25_NE h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.modal_cardContent__a5z8I{padding:1.5rem}.modal_reportedContent__soyD2{font-size:1rem;color:#374151;line-height:1.6;margin:0 0 1rem}.modal_categoryTag__y_i3u{display:inline-block;background:linear-gradient(135deg,#fb923c,#f97316);color:white;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.modal_description__sygkG,.modal_reason__9Fv5O{font-size:.875rem;color:#374151;line-height:1.6;margin:0}.modal_sidebar__4rfxd{display:flex;flex-direction:column;gap:1.5rem}.modal_userCard__UMToL{background:white;border:1px solid #f3f4f6;margin-top:.6rem;border-radius:16px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.05)}.modal_userHeader__Miwup{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.modal_userIcon__MuePO{width:18px;height:18px;color:#6b7280;stroke-width:2}.modal_userHeader__Miwup h4{font-size:.875rem;font-weight:700;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.05em}.modal_userInfo__8iVnZ{display:flex;align-items:center;gap:1rem;padding:1.5rem}.modal_userAvatar__1sjPA{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fb923c,#f97316);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:white;text-transform:uppercase;box-shadow:0 4px 12px rgba(251,146,60,.3)}.modal_userDetails__udiUn{display:flex;flex-direction:column;gap:.25rem}.modal_userName__4Up5Q{font-size:1rem;font-weight:600;color:#1f2937}.modal_userStatus__zCIPS{font-size:.75rem;color:#6b7280;font-weight:500}.modal_actionTimeline__17xU6{background:white;border:1px solid #f3f4f6;border-radius:16px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.modal_timelineTitle__9DPh8{font-size:.875rem;font-weight:700;color:#374151;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.modal_timelineItem__U3cYH{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.modal_timelineItem__U3cYH:last-child{margin-bottom:0}.modal_timelineDot__hSmbo{width:8px;height:8px;border-radius:50%;background:#fb923c;margin-top:.375rem;flex-shrink:0}.modal_timelineContent__lhHg2{display:flex;flex-direction:column;gap:.25rem}.modal_timelineAction__tJUyR{font-size:.875rem;font-weight:600;color:#374151}.modal_timelineDate__kqVIX{font-size:.75rem;color:#9ca3af;font-weight:500}.modal_modalActions__jxMCC{display:flex;gap:1rem;padding:2rem;border-top:1px solid #f3f4f6;background:linear-gradient(135deg,#fef7ed,#fff7ed);justify-content:flex-end}.modal_blockBtn__hu1_6,.modal_closeBtn__GkwZ6{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.modal_btnIcon__qrl19{width:16px;height:16px;stroke-width:2}.modal_closeBtn__GkwZ6{background:white;color:#6b7280;border-color:#e5e7eb}.modal_closeBtn__GkwZ6:hover{background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-2px)}.modal_blockBtn__hu1_6{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;box-shadow:0 4px 12px rgba(220,38,38,.3)}.modal_blockBtn__hu1_6:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,38,38,.4)}@media (max-width:768px){.modal_modalContent__a_bsa{max-width:100%;border-radius:20px;margin:.5rem}.modal_modalHeader__kZhi4{padding:1.5rem 1.5rem 1rem}.modal_modalBody__SbDrf{padding:1.5rem}.modal_contentGrid__uv_IQ{grid-template-columns:1fr;gap:1.5rem}.modal_modalActions__jxMCC{flex-direction:column;padding:1.5rem}.modal_blockBtn__hu1_6,.modal_closeBtn__GkwZ6{width:100%;justify-content:center}}.reports_reportsContainer__5L6Qr{min-height:100vh;background:white;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reports_reportsHeader__yblh9{margin-bottom:3rem}.reports_headerContent__TP9oN{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.reports_titleSection__7jsAc{flex:1}.reports_reportsTitle__QsfFt{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.025em;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports_headerActions__A8f_s{display:flex;gap:1rem;align-items:center}.reports_priorityFilter__mvG_Q{padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;background:white;color:#374151;min-width:150px}.reports_priorityFilter__mvG_Q:focus,.reports_priorityFilter__mvG_Q:hover{background:#f9fafb;border-color:#fb923c;color:#262524;outline:none}.reports_exportBtn__5xshN{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;background:white;color:#374151}.reports_exportBtn__5xshN:hover{background:#f9fafb;border-color:#fb923c;color:#fb923c}.reports_exportIcon__itZpP{width:16px;height:16px}.reports_statsGrid__97D9I{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.reports_statCard__pSNIz{border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #f3f4f6;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#fb923c,#f97316);color:white}.reports_statCard__pSNIz:before{display:none}.reports_highPriorityCard__WbTc6{background:linear-gradient(135deg,#dc2626,#ef4444)}.reports_mediumPriorityCard__MKWP5{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.reports_lowPriorityCard__yXV92{background:linear-gradient(135deg,#10b981,#34d399)}.reports_statCard__pSNIz:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(251,146,60,.25)}.reports_highPriorityCard__WbTc6:hover{box-shadow:0 12px 24px rgba(220,38,38,.25)}.reports_mediumPriorityCard__MKWP5:hover{box-shadow:0 12px 24px rgba(245,158,11,.25)}.reports_lowPriorityCard__yXV92:hover{box-shadow:0 12px 24px rgba(16,185,129,.25)}.reports_statIcon__qOwoh{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;backdrop-filter:blur(10px)}.reports_highPriorityCard__WbTc6 .reports_statIcon__qOwoh,.reports_lowPriorityCard__yXV92 .reports_statIcon__qOwoh,.reports_mediumPriorityCard__MKWP5 .reports_statIcon__qOwoh,.reports_statIcon__qOwoh{background:rgba(255,255,255,.2)}.reports_statIcon__qOwoh svg{width:24px;height:24px;color:white;stroke-width:2}.reports_statContent__3LwhM{display:flex;flex-direction:column}.reports_statNumber__KmT69{font-size:2.25rem;font-weight:800;color:white;line-height:1;margin-bottom:.25rem}.reports_statLabel__cuv13{font-size:.875rem;color:rgba(255,255,255,.9);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.reports_sortHeader__wYzN0{display:inline-flex;align-items:center;gap:6px}.reports_sortArrow__kKp_J{width:12px;height:12px}.reports_tableHeader__fr1OW{padding:.2rem 0;margin:0;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:transparent}.reports_tableTitle__vKp4Q{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.reports_tableControls__YNhml{display:flex;align-items:center;gap:1rem}.reports_tableWrapper__53Gwh{overflow-x:auto;margin:1rem 0 0;background:white;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid #f3f4f6}.reports_reportsTable__AfWgQ{width:100%;border-collapse:collapse}.reports_tableHead__YMDS8{background:linear-gradient(135deg,#fb923c,#f97316);position:sticky;top:0;z-index:10}.reports_columnHeader__mo_d7{padding:1.5rem 2rem;text-align:left;font-weight:700;font-size:.875rem;color:white;text-transform:uppercase;letter-spacing:.1em;border:none}.reports_tableBody__AOmki{background:white}.reports_tableRow__9Q9Yz{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .3s ease;animation:reports_fadeInUp__C_cJ9 .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes reports_fadeInUp__C_cJ9{to{opacity:1;transform:translateY(0)}}.reports_tableRow__9Q9Yz:hover{background:linear-gradient(135deg,#fef7ed,#f5ede3)}.reports_tableRow__9Q9Yz:last-child{border-bottom:none}.reports_reportCell__2Zuej{padding:2rem;vertical-align:top}.reports_reportContent__O0H21{display:flex;flex-direction:column;gap:.75rem}.reports_reportMeta__pWB3U{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.reports_reportId__VCYsP{font-size:.75rem;color:#9ca3af;font-weight:600;background:#f3f4f6;padding:.25rem .5rem;border-radius:6px}.reports_reportTitle__ty1jX{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;max-width:350px}.reports_reportCategory__ABtum{font-size:.75rem;color:#fb923c;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.05em;background:rgba(251,146,60,.1);padding:.25rem .5rem;border-radius:6px;display:inline-block}.reports_reporterCell__DM24A{padding:2rem;vertical-align:middle}.reports_reporterInfo__uX__F{display:flex;align-items:center;gap:1rem}.reports_reporterAvatar__9GNX6{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fb923c,#f97316);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:white;text-transform:uppercase;box-shadow:0 4px 12px rgba(251,146,60,.3)}.reports_reporterDetails__8Uam1{display:flex;flex-direction:column;gap:.25rem}.reports_reporterName__b_lU4{font-size:.875rem;font-weight:600;color:#374151}.reports_reporterRole__RKXqG{font-size:.75rem;color:#9ca3af;font-weight:500}.reports_dateCell__m2c76{padding:.5rem;vertical-align:middle}.reports_dateInfo__mYI8j{display:flex;flex-direction:column;gap:.25rem}.reports_dateText__C_qqO{font-size:.875rem;color:#374151;font-weight:600}.reports_timeAgo__hB2pn{font-size:.75rem;color:#9ca3af;font-weight:500}.reports_reasonCell__y8iXd{padding:2rem;vertical-align:middle;max-width:250px}.reports_reasonBadge__k4_Qp{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:.875rem;border-left:4px solid}.reports_reasonharassment__2fpbY{background:rgba(220,38,38,.1);border-left-color:#dc2626;color:#dc2626}.reports_reasonspam___ha8y{background:rgba(245,158,11,.1);border-left-color:#f59e0b;color:#f59e0b}.reports_reasonIdentityTheft__fn1PU{background:rgba(147,51,234,.1);border-left-color:#9333ea;color:#9333ea}.reports_reasonother__WXUbm{background:rgba(16,185,129,.1);border-left-color:#10b981;color:#10b981}.reports_reasonfake_profile__QH42Q{background:rgba(59,130,246,.1);border-left-color:#3b82f6;color:#3b82f6}.reports_reasoninappropriate_content__RmNi8{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#ef4444}.reports_reasonIcon__hozbv{font-size:.75rem}.reports_reasonText__DgGZE{line-height:1.5}.reports_severityBadge__mmq2u{display:flex;align-items:center;gap:.5rem}.reports_severityDot__AYVq2{width:8px;height:8px;border-radius:50%}.reports_severityHigh__rYcBo{background-color:#dc2626}.reports_severityMedium__GYyBz{background-color:#fb923c}.reports_severityLow__klJd0{background-color:#22c55e}.reports_severityText__p7q8u{font-size:.75rem;font-weight:600;color:#374151;text-transform:capitalize}@media (max-width:768px){.reports_reportsContainer__5L6Qr{padding:1rem}.reports_reportsTitle__QsfFt{font-size:2.5rem}.reports_headerContent__TP9oN{flex-direction:column;gap:1rem;align-items:stretch}.reports_headerActions__A8f_s{justify-content:stretch}.reports_exportBtn__5xshN,.reports_priorityFilter__mvG_Q{flex:1;justify-content:center}.reports_statsGrid__97D9I{grid-template-columns:repeat(2,1fr);gap:1rem}.reports_tableWrapper__53Gwh{border-radius:16px;margin:0 1rem}.reports_tableHeader__fr1OW{padding:1rem;margin:0 1rem;flex-direction:column;gap:1rem;align-items:stretch}.reports_searchInput__VQEYB{width:100%}.reports_columnHeader__mo_d7{padding:1rem;font-size:.75rem}.reports_dateCell__m2c76,.reports_reasonCell__y8iXd,.reports_reportCell__2Zuej,.reports_reporterCell__DM24A{padding:1rem}.reports_reportTitle__ty1jX{font-size:1rem;max-width:200px}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow-x:hidden}.dashboard-layout{display:flex;height:100vh;position:relative}.mobile-menu-button{position:fixed;top:.5rem;left:1rem;z-index:60;display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid #f3f4f6;cursor:pointer}.sidebar-container{position:fixed;top:0;left:0;bottom:0;width:300px;height:100%;z-index:50;background:white;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:transform .3s ease}.main-content{flex:1;overflow-y:auto;margin-left:300px;transition:margin-left .3s ease}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:40;display:none}@media (max-width:768px){.mobile-menu-button{display:flex}.sidebar-container{transform:translateX(-100%)}.sidebar-container.open{transform:translateX(0)}.main-content{margin-left:0}.sidebar-overlay{display:block}}.login-container{height:100vh;width:100vw;background:linear-gradient(135deg,#F7B267,#FF5A51);padding:40px 16px;position:fixed;box-sizing:border-box}.background-elements,.login-container{display:flex;align-items:center;justify-content:center;top:0;left:0;overflow:hidden}.background-elements{position:absolute;right:0;bottom:0}.background-svg{width:70vw;height:70vw;max-width:800px;max-height:800px;opacity:.2}.background-path{stroke:rgba(255,255,255,.6);stroke-width:.7;fill:none;stroke-dasharray:300;stroke-dashoffset:300;animation:draw-heart 4s ease-in-out infinite alternate}@keyframes draw-heart{0%{stroke-dashoffset:300;opacity:.2}50%{opacity:.4}to{stroke-dashoffset:0;opacity:.6}}.login-form-container{width:100%;max-width:400px;position:relative;z-index:10;overflow:hidden}.login-form-wrapper{background-color:rgba(255,255,255,.25);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 15px 40px -10px rgba(0,0,0,.2);padding:28px;overflow:hidden}.login-header{text-align:center;margin-bottom:24px}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background-color:white;border-radius:18px;margin-bottom:20px;box-shadow:0 8px 20px -5px rgba(0,0,0,.1);overflow:hidden}.logo-image{width:90%;height:100%;object-fit:cover;border-radius:18px}.login-title{font-size:28px;font-weight:700;color:white;margin:0 0 6px}.login-subtitle{color:rgba(255,255,255,.85);font-size:15px;margin:0}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:6px}.input-label{display:block;color:rgba(255,255,255,.9);font-weight:500;font-size:15px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);width:18px;height:18px}.login-input{width:100%;height:50px;padding-left:44px;padding-right:44px;background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:14px;color:white;font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.login-input:focus{border-color:white;box-shadow:0 0 0 2px rgba(255,255,255,.2)}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:0;transition:color .3s ease}.password-toggle:hover{color:white}.error-message{display:flex;align-items:center;gap:8px;padding:10px;background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:white;font-size:13px}.error-icon{color:rgba(255,255,255,.8)}.submit-button{width:100%;height:50px;background-color:white;color:#FF5A51;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -5px rgba(0,0,0,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){background-color:rgba(255,255,255,.9)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{width:22px;height:22px;border:2px solid #ff5a51;border-top-color:transparent}.login-footer{text-align:center;color:rgba(255,255,255,.6);font-size:13px;margin:28px 0 0}.groups-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#fff7ed)}.groups-icon{color:white}.groups-icon-small{width:16px;height:16px}.groups-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(148,163,184,.2)}.groups-header-container{max-width:1200px;margin:0 auto;padding:24px;justify-content:space-between;flex-wrap:wrap}.groups-header-container,.groups-header-left{display:flex;align-items:center;gap:16px}.groups-header-right{display:flex;align-items:center;gap:12px}.groups-logo{width:48px;height:48px;background:linear-gradient(135deg,#f97316,#f59e0b);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(249,115,22,.25)}.groups-title{font-size:32px;font-weight:900;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.groups-subtitle{color:#64748b;margin:0;font-size:16px}.groups-view-toggle{display:flex;align-items:center;background:#f1f5f9;border-radius:12px;padding:4px}.groups-view-button{padding:8px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center}.groups-view-button.active{background:white;color:#f97316;box-shadow:0 2px 4px rgba(0,0,0,.1)}.groups-add-button{padding:12px 16px;background:linear-gradient(135deg,#f97316,#f59e0b);color:white;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px rgba(249,115,22,.25)}.groups-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(249,115,22,.3)}.groups-content{padding:32px 0}.groups-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto 32px;padding:0 24px}.groups-stats-card{border-radius:16px;padding:24px;min-height:180px;color:white;transition:all .3s ease}.groups-stats-card.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.groups-stats-card.green{background:linear-gradient(135deg,#10b981,#059669)}.groups-stats-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.groups-stats-card.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.groups-stats-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.groups-stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.groups-stats-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center}.groups-stats-text{text-align:right}.groups-stats-value{font-size:32px;font-weight:900;margin-bottom:4px}.groups-stats-label{font-size:14px;opacity:.9}.groups-stats-status{display:flex;align-items:center;gap:8px;font-size:14px}.groups-stats-status-indicator{width:8px;height:8px;border-radius:50%}.groups-stats-status-indicator.active{background:#10b981}.groups-search-container{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 25px rgba(0,0,0,.05);max-width:96%;margin:30px auto 32px}.groups-search-content{display:flex;align-items:center;gap:16px}.groups-search-input-container{flex:1;min-width:80%;position:relative}.groups-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.groups-search-input{width:100%;padding:12px 16px 12px 48px;background:rgba(248,250,252,.5);border:2px solid rgba(148,163,184,.2);border-radius:12px;font-size:16px;outline:none;transition:all .2s ease}.groups-search-input:focus{border-color:#f97316;background:rgba(255,255,255,1)}.groups-search-filters{display:flex;align-items:center;gap:12px;flex:1}.groups-select{padding:12px 16px;background:rgba(248,250,252,.5);border:2px solid rgba(148,163,184,.2);border-radius:12px;font-size:16px;outline:none;cursor:pointer;transition:all .2s ease;width:100%;max-width:200px}.groups-select:focus{border-color:#f97316;background:rgba(255,255,255,1)}.groups-filter-button{padding:12px 16px;background:rgba(248,250,252,.5);border:2px solid rgba(148,163,184,.2);border-radius:12px;font-size:16px;outline:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}.groups-card{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);max-width:430px;max-height:430px;border-radius:16px;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 25px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;overflow:hidden;position:relative}.groups-card:hover{border-color:#f97316;box-shadow:0 20px 40px rgba(0,0,0,.15)}.groups-card-border{position:absolute;top:0;left:0;right:0;height:4px}.groups-card-border.permanent{background:linear-gradient(90deg,#10b981,#059669)}.groups-card-border.temporary{background:linear-gradient(90deg,#f59e0b,#d97706)}.groups-card-header{padding:24px 24px 16px}.groups-card-header-content{display:flex;align-items:start;justify-content:space-between;margin-bottom:10px}.groups-card-icon-container{display:flex;align-items:center;gap:12px}.groups-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.groups-card-icon.permanent{background:linear-gradient(135deg,#10b981,#059669)}.groups-card-icon.temporary{background:linear-gradient(135deg,#f59e0b,#d97706)}.groups-card-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.3}.groups-card-visibility{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;color:#64748b}.groups-card-description{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.groups-card-tags{display:flex;align-items:center;gap:8px;margin-bottom:10px}.groups-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:white;border:none}.groups-tag.permanent{background:linear-gradient(135deg,#10b981,#059669)}.groups-tag.temporary{background:linear-gradient(135deg,#fb923c,#f97316)}.groups-tag-activity{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569}.groups-card-stats{padding:0 8px}.groups-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:15px 10px;background:rgba(248,250,252,.5);border-radius:12px;margin:16px 0}.groups-stat-item{text-align:center}.groups-stat-value{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.groups-stat-label{font-size:12px;color:#64748b;margin:0}.groups-card-location{padding:0 24px 16px;display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.groups-card-footer{padding:16px 24px;background:rgba(248,250,252,.3);border-top:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:space-between}.groups-card-members{display:flex;align-items:center;gap:8px}.groups-member-avatar{width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:white;margin-left:-4px}.groups-members-more{font-size:12px;color:#64748b}.groups-view-button-card{display:flex;align-items:end;gap:4px;padding:8px 12px;background:#f97316;color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transition:all .2s ease}.groups-card:hover .groups-view-button-card{opacity:1}.groups-list-container{max-width:1200px;margin:0 auto;padding:0 24px}.groups-list{display:flex;flex-direction:column;gap:16px}.groups-list-item{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 25px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;padding:24px;display:flex;align-items:center;justify-content:space-between}.groups-list-item:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.groups-list-content{display:flex;align-items:center;gap:16px;flex:1}.groups-list-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.groups-list-icon.permanent{background:linear-gradient(135deg,#10b981,#059669)}.groups-list-icon.temporary{background:linear-gradient(135deg,#f59e0b,#d97706)}.groups-list-details{flex:1}.groups-list-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.groups-list-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.groups-list-tags{display:flex;align-items:center;gap:8px}.groups-list-description{color:#64748b;font-size:14px;margin:0 0 8px}.groups-list-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:#64748b}.groups-list-meta-item{display:flex;align-items:center;gap:4px}.groups-list-actions{display:flex;align-items:center;gap:12px}.groups-list-stats{text-align:right}.groups-list-stat-value{font-size:14px;font-weight:600;color:#1e293b}.groups-list-stat-label{font-size:12px;color:#64748b}.groups-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);z-index:50;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.groups-modal{background:white;border-radius:28px;box-shadow:0 32px 64px rgba(0,0,0,.3);min-height:95vh;max-width:950px;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.groups-modal-header{position:relative;background:linear-gradient(135deg,#f97316,#ea580c 30%,#dc2626 70%,#b91c1c);padding:16px;color:white;overflow:hidden}.groups-modal-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(249,115,22,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(234,88,12,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(220,38,38,.2) 0,transparent 50%);animation:headerGlow 8s ease-in-out infinite alternate}@keyframes headerGlow{0%{opacity:.5}to{opacity:1}}.groups-modal-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.groups-modal-header-main{display:flex;align-items:center;gap:24px;flex:1}.groups-modal-icon{position:relative;width:80px;height:80px;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border-radius:24px;display:flex;align-items:center;justify-content:center;color:white;border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}@keyframes iconGlow{0%{opacity:.4;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}.groups-modal-header-info{flex:1}.groups-modal-title{font-size:36px;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#ffffff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.groups-modal-tags{display:flex;gap:16px;align-items:center;margin-bottom:16px}.groups-modal-tag{padding:8px 16px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.groups-modal-tag.primary{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1));box-shadow:0 4px 16px rgba(0,0,0,.1)}.groups-modal-visibility{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:6px 12px;background:rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(10px)}.groups-modal-stats{display:flex;gap:20px;margin-top:8px}.groups-modal-stat{display:flex;align-items:center;gap:6px;font-size:14px;opacity:.9}.groups-modal-header-actions{display:flex;gap:12px;align-items:flex-start}.groups-modal-close-button{width:48px;height:48px;border:none;border-radius:16px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.groups-modal-close-button:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.groups-modal-description{position:relative;z-index:2;font-size:18px;opacity:.95;line-height:1.7;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.groups-modal-body{padding:40px;max-height:70vh;overflow-y:auto;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.groups-modal-content{display:grid;gap:40px}.groups-modal-section{margin-bottom:32px}.groups-modal-section-title{font-size:28px;font-weight:800;color:#1e293b;margin-bottom:24px;display:flex;align-items:center;gap:12px}.groups-modal-photo-count{font-size:16px;font-weight:500;color:#64748b;background:rgba(100,116,139,.1);padding:4px 12px;border-radius:12px}.groups-modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;grid-auto-rows:200px}.groups-modal-photo{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.15);cursor:pointer}.groups-modal-photo.featured{grid-column:span 2;grid-row:span 2}.groups-modal-photo.tall{grid-row:span 2}.groups-modal-photo:hover{box-shadow:0 20px 40px rgba(0,0,0,.25)}.groups-modal-photo-img{width:100%;height:100%}.activity-log-container{padding:32px;background:linear-gradient(135deg,#fff2e1,#f4f6f8);border-radius:24px;margin:20px 0;position:relative;overflow:hidden;border:1px solid #e8edf3}.activity-log-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.04),transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,51,234,.04),transparent 50%);pointer-events:none}.activity-metrics-bar{display:flex;gap:28px;margin-bottom:40px;justify-content:center}.activity-metric{display:flex;align-items:center;gap:16px;padding:20px 28px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-metric:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.activity-metric:hover:before{left:100%}.activity-metric:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.08);border-color:rgba(59,130,246,.2)}.metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;position:relative;overflow:hidden}.metric-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.metric-icon.chat{background:linear-gradient(135deg,#f39421,#f38907,#f09322)}.metric-icon.match{background:linear-gradient(135deg,#3b82f6,#3c6aff,#1d4ed8)}.metric-content{display:flex;flex-direction:column;gap:6px}.metric-value{font-size:28px;font-weight:800;color:#0f172a;line-height:1;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:15px;color:#64748b;font-weight:600;letter-spacing:.025em}.filter-section{display:flex;align-items:center;justify-content:center;margin-left:25%;gap:16px;max-width:fit-content;margin-bottom:32px;padding:6px 24px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(226,232,240,.6)}.filter-buttons{display:flex;gap:8px;background:rgba(248,250,252,.8);padding:4px;border-radius:10px;border:1px solid rgba(226,232,240,.4)}.filter-button{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;color:#64748b;position:relative;overflow:hidden}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;box-shadow:0 4px 12px rgba(59,130,246,.3)}.filter-button:not(.active):hover{background:rgba(255,255,255,.8);color:#374151}.activity-timeline{position:relative;padding-left:40px}.timeline-line{position:absolute;left:24px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f67c02 0,#e39a2b 25%,#f79d3c 50%,#10b981 75%,#f59e0b);border-radius:2px;box-shadow:0 0 20px rgba(59,130,246,.3)}.timeline-item{position:relative;margin-bottom:32px;padding:24px 28px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(226,232,240,.4);box-shadow:0 4px 24px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.timeline-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#e19140,#ec4899);opacity:0;transition:opacity .3s ease}.timeline-item:hover:before{opacity:1}.timeline-item:hover{transform:translateY(-6px) translateX(8px);box-shadow:0 20px 40px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.08);border-color:rgba(59,130,246,.2)}.timeline-marker{position:absolute;left:-40px;top:28px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;z-index:2;border:4px solid white;box-shadow:0 4px 16px rgba(0,0,0,.15),0 0 0 4px rgba(59,130,246,.1);transition:all .3s ease}.timeline-marker.chat_created{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.timeline-marker.match_made{background:linear-gradient(135deg,#10b981,#059669)}.timeline-item:hover .timeline-marker{transform:scale(1.1);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 6px rgba(59,130,246,.15)}.marker-pulse{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid;opacity:0;animation:pulse 3s infinite}.timeline-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.timeline-left{display:flex;align-items:center;gap:16px;flex:1}.timeline-info{flex:1}.timeline-text{color:#0f172a;font-weight:600;font-size:16px;margin-bottom:6px;line-height:1.4}.timeline-time{color:#64748b;font-size:14px;font-weight:500;background:rgba(248,250,252,.8);padding:4px 12px;border-radius:8px;border:1px solid rgba(226,232,240,.6);white-space:nowrap}.timeline-details{color:#374151;font-size:15px;margin-top:12px;padding:2px 16px;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));border-radius:12px;border-left:4px solid #3b82f6;font-weight:500}.timeline-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;opacity:0;background:linear-gradient(135deg,rgba(59,130,246,.03),rgba(147,51,234,.03));transition:opacity .4s ease;pointer-events:none}.timeline-item:hover .timeline-glow{opacity:1}.timeline-icon{width:22px;height:22px}.log-back-button{backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:12px;color:#ed8a0a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;margin-right:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.log-back-button:hover{background:rgba(248,250,252,.95);border-color:rgba(203,213,225,.8);color:#d97706;box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.groups-modal-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.groups-modal-info-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:24px;padding:28px;border:1px solid rgba(251,146,60,.15);box-shadow:0 8px 32px rgba(0,0,0,.08)}.groups-modal-info-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.12)}.groups-modal-info-title{font-size:22px;font-weight:700;color:#1e293b;margin-bottom:20px}.groups-modal-info-list{display:flex;flex-direction:column;gap:16px}.groups-modal-info-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(248,250,252,.8);border-radius:12px}.groups-modal-info-item:hover{background:rgba(241,245,249,1)}.groups-modal-info-label{font-weight:600;color:#475569;min-width:100px}.groups-modal-info-value{color:#64748b;font-weight:500}.groups-modal-preferences{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.groups-modal-preference{padding:20px;border-radius:16px;border:1px solid;transition:all .3s ease;cursor:pointer}.groups-modal-preference:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.groups-modal-preference.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.groups-modal-preference.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.groups-modal-preference.pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4}.groups-modal-preference.yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.groups-modal-preference-value{font-size:28px;font-weight:800;margin-bottom:6px}.groups-modal-preference.blue .groups-modal-preference-value{color:#1d4ed8}.groups-modal-preference.green .groups-modal-preference-value{color:#059669}.groups-modal-preference.pink .groups-modal-preference-value{color:#be185d}.groups-modal-preference.yellow .groups-modal-preference-value{color:#d97706}.groups-modal-preference-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.groups-modal-preference.blue .groups-modal-preference-label{color:#1e40af}.groups-modal-preference.green .groups-modal-preference-label{color:#047857}.groups-modal-preference.pink .groups-modal-preference-label{color:#9d174d}.groups-modal-preference.yellow .groups-modal-preference-label{color:#b45309}.stories-container{margin-bottom:32px}.stories-scroll{display:flex;gap:20px;overflow-x:auto;padding:16px 0;scrollbar-width:none;-ms-overflow-style:none}.stories-scroll::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;cursor:pointer}.story-ring{position:relative;padding:3px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.story-item.selected .story-ring{background:linear-gradient(45deg,#4ade80,#22c55e 50%,#16a34a);transform:scale(1.1)}.story-item.leader .story-ring{background:linear-gradient(45deg,#fbbf24,#f59e0b 50%,#d97706)}.story-item.co-leader .story-ring{background:linear-gradient(45deg,#60a5fa,#3b82f6 50%,#2563eb)}.story-name-container{display:flex;align-items:center;justify-content:center;gap:4px}.story-name{max-width:60px}.story-role-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.story-avatar{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:white;padding:2px}.story-photo{object-fit:cover}.story-photo,.story-placeholder{width:100%;height:100%;border-radius:50%}.story-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#64748b}.story-icon{width:24px;height:24px}.story-name{font-size:12px;font-weight:600;color:#374151;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-details-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 24px rgba(0,0,0,.08);margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.member-details-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.member-details-avatar{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);flex-shrink:0}.member-details-photo{width:100%;height:100%;object-fit:cover}.member-details-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#64748b}.member-details-info{flex:1}.member-details-name-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.member-details-name{font-size:20px;font-weight:700;color:#1e293b;margin:0}.member-details-role-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.member-details-role{font-size:14px;font-weight:500;color:#64748b;text-transform:capitalize;margin:0 0 8px}.member-details-bio{font-size:13px;color:#475569;line-height:1.5;margin:0}.member-details-actions{display:flex;gap:8px;align-items:center}.member-action-btn{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.member-action-btn.message{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.member-action-btn.like{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.member-action-btn.share{background:linear-gradient(135deg,#10b981,#059669);color:white}.action-icon{width:18px;height:18px}.member-details-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-details-section{background:rgba(248,250,252,.6);border-radius:12px;padding:16px}.member-details-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.member-contact-list{display:flex;flex-direction:column;gap:8px}.member-contact-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.contact-icon{width:14px;height:14px;color:#9ca3af}.member-interests{display:flex;flex-wrap:wrap;gap:6px}.interest-tag{padding:4px 8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #93c5fd}.groups-modal-actions{display:flex;gap:20px;padding-top:32px;border-top:1px solid rgba(148,163,184,.2)}.groups-modal-action{flex:1;padding:18px 28px;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.groups-modal-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.groups-modal-action:hover:before{left:100%}.groups-modal-action.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;box-shadow:0 8px 25px rgba(59,130,246,.3)}.groups-modal-action.primary:hover{box-shadow:0 12px 35px rgba(59,130,246,.4);transform:translateY(-2px)}.groups-modal-action.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.groups-modal-action.danger:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 8px 25px rgba(239,68,68,.15);transform:translateY(-2px)}.groups-icon{width:24px;height:24px}.groups-icon-small{width:18px;height:18px}.groups-icon-tiny{width:14px;height:14px}.groups-icon-small.leader{color:#f59e0b}.groups-icon-small.co-leader{color:#3b82f6}@media (max-width:768px){.groups-modal{margin:8px;max-height:95vh}.groups-modal-header{padding:12px}.groups-modal-header-main{flex-direction:column;align-items:flex-start;gap:16px}.groups-modal-title{font-size:28px}.groups-modal-body{padding:24px}.groups-modal-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.groups-modal-photo.featured{grid-column:span 1;grid-row:span 1}.groups-modal-preferences{grid-template-columns:1fr}.groups-modal-actions{flex-direction:column}.member-details-header{flex-direction:column;align-items:center;text-align:center}.member-details-actions{justify-content:center}.stories-scroll{gap:16px}.story-item{min-width:70px}.story-avatar{width:64px;height:64px}.member-details-content{grid-template-columns:1fr;gap:12px}.member-details-card{padding:20px;margin-top:16px}.story-name{max-width:50px}}.groups-loading-container{max-width:1200px;margin:0 auto;padding:48px 24px;text-align:center}.groups-loading-header{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.groups-loading-subtitle{font-size:18px;color:#64748b;margin-bottom:48px}.groups-loading-spinner-container{max-width:400px;margin:0 auto}.groups-loading-spinner-content{display:flex;flex-direction:column;align-items:center}.groups-loading-spinner{width:64px;height:64px;border:4px solid #fed7aa;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.groups-loading-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.groups-loading-text{font-size:16px;color:#64748b;margin:0}.groups-error-container{max-width:600px;margin:0 auto;padding:48px 24px}.groups-error-card{text-align:center;background:rgba(254,242,242,.8);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:32px}.groups-error-icon{width:64px;height:64px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.groups-error-title{font-size:24px;font-weight:700;color:#ef4444;margin:0 0 12px}.groups-error-message{font-size:16px;color:#ef4444;margin-bottom:24px}.groups-error-button{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(239,68,68,.25)}@media (max-width:768px){.groups-header-container{flex-direction:column;align-items:flex-start;gap:16px}.groups-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.groups-grid{grid-template-columns:1fr}.groups-modal-actions,.groups-modal-header-content,.groups-search-content{flex-direction:column}}.users-table-container{background:white;border-radius:24px;border:1px solid #f3f4f6;overflow:hidden;margin-top:24px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.table-header{background:linear-gradient(135deg,rgba(247,178,103,.15),rgba(255,90,81,.15));border-bottom:1px solid #e5e7eb}.table-header-cell{text-align:left;padding:24px 24px 24px 32px;font-weight:700;color:#111827;font-size:16px}.table-row{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.table-row:hover{background:linear-gradient(135deg,rgba(247,178,103,.05),rgba(255,90,81,.05))}.table-cell{padding-left:25px}.user-info{gap:16px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:56px;height:56px;background:linear-gradient(135deg,#F7B267,#FF5A51);border-radius:20px;justify-content:center;color:white;font-weight:700;font-size:18px;box-shadow:0 10px 25px -5px rgba(247,178,103,.4)}.user-name{font-weight:700;color:#111827;margin:0;font-size:16px}.user-email{font-size:14px;color:#6b7280;margin:0}.gender-cell{color:#111827;font-weight:600}.phone-cell{color:#6b7280;font-weight:500}.joined-cell{color:#111827;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid}.action-buttons{margin-bottom:8px;margin-left:24px}.action-buttons,.view-button{display:flex;align-items:center}.view-button{gap:6px;padding:10px;border:2px solid #e5e7eb;background:white;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-button:hover{border-color:#F7B267;background:#fef3e2;transform:translateY(-1px)}.view-icon{width:16px;height:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stats-card{border-radius:24px;padding:32px;position:relative;overflow:hidden;color:white;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1}.total-card{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.flagged-card{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.blocked-card{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.stats-card-header{margin-bottom:20px}.stats-icon-container{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;justify-content:center}.stats-icon{width:28px;height:28px}.stats-label{font-size:14px;font-weight:600;background:rgba(255,255,255,.2);padding:6px 12px;border-radius:20px}.stats-value{font-size:36px;font-weight:700;margin:0 0 4px}.stats-description{opacity:.9;font-weight:500;margin:0}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.users-management-container{padding:32px}.users-header{margin-bottom:40px}.users-title{font-size:48px;font-weight:700;color:#111827;margin-bottom:8px}.users-subtitle{color:#6b7280;font-size:20px}.filter-container{background:white;border-radius:24px;border:1px solid #f3f4f6;padding:32px;margin-bottom:24px}.filter-content{display:flex;flex-direction:column;gap:20px}.filter-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.search-wrapper{flex:1;min-width:300px}.search-input-container{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#F7B267;box-shadow:0 0 0 3px rgba(247,178,103,.1)}.filter-select-wrapper{display:flex;gap:12px;flex-wrap:wrap}.status-filter-select{padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;outline:none;background:white;cursor:pointer;min-width:140px}.status-icon{width:16px;height:16px}@media (max-width:768px){.users-title{font-size:36px}.users-subtitle{font-size:16px}.filter-controls{flex-direction:column}.search-wrapper{width:100%;min-width:auto}}.dashboard-container{padding:2rem;display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#F7B267,#FF5A51);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.dashboard-subtitle{color:#6b7280;font-size:1.125rem;margin:0}.health-status{padding:.5rem 1rem;background:#dcfce7;color:#166534;border-radius:9999px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.dashboard-controls{display:flex;align-items:center;gap:1rem}.chart-header>div:first-child{display:flex;gap:.75rem}.year-selector{display:flex;align-items:flex-end;margin-left:20rem;gap:.5rem;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2)}.calendar-icon{width:1rem;height:1rem;color:#94a3b8}.year-dropdown{background:transparent;border:none;color:inherit;font-size:.875rem;font-weight:500;cursor:pointer;outline:none}.year-dropdown option{background:#1e293b;color:white}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #fecaca}.loading-container{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8}.loading-spinner{width:2rem;height:2rem;border:2px solid rgba(148,163,184,.3);border-top-color:#94a3b8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.health-indicator{width:.5rem;height:.5rem;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stats-card{background:white;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);border:1px solid #f3f4f6;padding:1.5rem;transition:all .3s ease}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stats-card-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.stats-card-icon-svg{width:1.75rem;height:1.75rem}.stats-card-value{font-size:2rem;font-weight:700;color:#111827;margin:0}.stats-card-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.stats-card-subtitle{font-size:.875rem;color:#6b7280;margin:0}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-container{background:white;border-radius:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);border:1px solid #f3f4f6;padding:1.5rem}.chart-header{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1.5rem}.chart-icon-container{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F7B267,#FF5A51)}.chart-icon{width:1.25rem;height:1.25rem;color:white}.chart-title{font-size:1.25rem;font-weight:700;color:#111827}.chart-subtitle,.chart-title{text-align:left;justify-content:flex-start;margin:0}.chart-subtitle{font-size:.875rem;color:#6b7280}.chart-wrapper{height:21.875rem;width:100%;position:relative}.pie-chart-wrapper{height:13.75rem;width:100%}.chart-grid{stroke:#f0f0f0;stroke-opacity:.5;stroke-dasharray:3 3}.chart-axis{stroke:#6b7280;font-size:.75rem}.chart-axis line,.chart-axis path{stroke:#e5e7eb}.chart-tooltip{box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.chart-tooltip,.pie-tooltip{background:white;padding:1rem;border-radius:.75rem;border:1px solid #f0f0f0}.pie-tooltip{box-shadow:0 10px 25px -5px rgba(0,0,0,.15);min-width:7.5rem}.tooltip-title{margin:0 0 .5rem;font-weight:700;color:#111827}.tooltip-header{margin-bottom:.5rem}.tooltip-header,.tooltip-item{display:flex;align-items:center;gap:.5rem}.tooltip-item{margin-bottom:.25rem}.tooltip-color{width:.75rem;height:.75rem;border-radius:50%}.monthly-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;padding:1rem;background:linear-gradient(135deg,#F7B26710,#FF5A5110);border-radius:.75rem}.summary-item{text-align:center}.summary-value{font-size:1.5rem;font-weight:700;margin:0}.summary-label{font-size:.75rem;color:#6b7280;margin:0}.country-list{margin-top:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.country-item{justify-content:space-between;padding:.75rem;border-radius:.5rem;border:1px solid}.country-info,.country-item{display:flex;align-items:center}.country-info{gap:.625rem}.country-color{width:1rem;height:1rem;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.country-name{font-size:.875rem;font-weight:600;color:#374151}.country-users{font-size:.75rem;color:#6b7280;margin:0}.country-percentage{padding:.25rem .5rem;color:white;border-radius:.375rem;font-size:.75rem;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.charts-grid,.country-list{grid-template-columns:1fr}.background-svg{width:90vw;height:90vw}.login-form-wrapper{padding:24px}.logo-container{width:60px;height:60px}.login-title{font-size:22px}.input-label,.login-subtitle{font-size:13px}.login-footer{font-size:12px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}}@media (max-width:768px){@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}}