@import"https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap";:root{--main-bg: #22286d;--main-bg-hover: #131746;--primary-bg: #fafafa;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--white: #ffffff;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00}.home-page{background:var(--primary-bg)!important;overflow-x:hidden;overflow-y:auto;min-height:calc(100vh - 40px);padding-bottom:60px;padding-top:80px}.home-page-homepage-hero{width:100%;padding:2.5rem 2rem;background:var(--primary-bg);position:relative;overflow:hidden}.home-page-homepage-hero:before{display:none}.home-page-hero-container{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.home-page-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;color:var(--dark-text);line-height:1.2}.home-page-hero-subtitle{font-size:1.25rem;color:var(--medium-text);margin-bottom:1.25rem;font-weight:400}.home-page-hero-subtitle-link{color:var(--main-bg);text-decoration:none;font-weight:500;transition:color .2s ease}.home-page-hero-subtitle-link:hover{color:var(--main-bg-hover);text-decoration:underline}.home-page-search-container{max-width:600px;margin:0 auto}.home-page-search-input-wrapper{position:relative;display:flex;align-items:center}.home-page-search-icon{position:absolute;left:1.25rem;color:var(--lighter-text);pointer-events:none;z-index:2}.home-page-search-input{width:100%;padding:1.125rem 1.25rem 1.125rem 3.5rem;font-size:1rem;border:none;border-radius:50px;background-color:var(--white);box-shadow:0 4px 20px #0000001a;transition:all .3s ease;font-family:Poppins,sans-serif}.home-page-search-input:focus{outline:none;box-shadow:0 6px 30px #22286d33;transform:translateY(-2px)}.home-page-search-input::placeholder{color:var(--lighter-text)}.home-page-homepage-main{width:100%;padding:3rem 2rem;background-color:var(--primary-bg)}.home-page-main-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:1.5rem}.home-page-filters-sidebar{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:1rem}.home-page-filters-section{background-color:var(--white);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color)}.home-page-filters-sidebar .gwp-trending-communities{margin-top:0}.home-page-filters-title{font-size:.8125rem;font-weight:600;color:var(--dark-text);margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);letter-spacing:.02em;text-transform:uppercase}.home-page-filters-list{display:flex;flex-direction:column;gap:.25rem}.home-page-filter-btn{width:100%;min-height:2.5rem;padding:.5rem .875rem .5rem 1rem;text-align:left;font-size:.9375rem;font-weight:500;color:var(--medium-text);background-color:transparent;border:none;border-radius:6px;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-left-color .2s ease;font-family:Poppins,sans-serif}.home-page-filter-btn:hover{background-color:var(--primary-bg);color:var(--main-bg)}.home-page-filter-btn.active{background-color:var(--main-bg);color:var(--white);border-left-color:#ffffffe6}.home-page-communities-main{min-width:0}.home-page-communities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.home-page-communities-title{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin:0}.home-page-sort-controls{display:flex;align-items:center;gap:1rem}.home-page-sort-select{padding:.625rem 1rem;font-size:.9375rem;font-weight:500;color:var(--dark-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.home-page-sort-select:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.home-page-clear-search-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--medium-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.home-page-clear-search-btn:hover{background-color:var(--primary-bg);border-color:var(--orange-primary);color:var(--orange-primary)}.home-page-communities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:0}.home-page-communities-grid .community-card{transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;transform:none}.home-page-communities-grid .community-card:hover,.home-page-communities-grid .community-card:active{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg);transform:translateY(-6px) scale(1.02)}.home-page-infinite-scroll-target{min-height:100px;width:100%}.home-page-bottom-loading-bar{position:fixed;bottom:0;left:0;right:0;height:4px;background:transparent;z-index:1000;pointer-events:none}.home-page-loading-bar{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--orange-primary) 50%,transparent 100%);background-size:200% 100%;animation:home-page-loading-bar-slide 1.5s ease-in-out infinite}@keyframes home-page-loading-bar-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.home-page-loading-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}.home-page-loading-spinner{border:4px solid var(--primary-bg);border-top:4px solid var(--orange-primary);border-radius:50%;width:50px;height:50px;animation:home-page-spin 1s linear infinite}@keyframes home-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page-no-results{text-align:center;padding:3rem 2rem;color:var(--lighter-text);font-size:1rem}.home-page-community-card{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color);transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;position:relative;display:flex;flex-direction:column;transform:none;text-decoration:none;color:inherit;cursor:pointer}.home-page-community-card:hover{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg);transform:translateY(-12px) scale(1.05)}.home-page-community-card-header{width:100%;height:160px;background-size:cover;background-position:center;position:relative;overflow:hidden}.home-page-community-card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.home-page-community-rank{position:absolute;top:1rem;left:1rem;font-size:1.125rem;font-weight:700;color:var(--white);background-color:#00000080;padding:.375rem .75rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.home-page-community-category-badge{position:absolute;top:1rem;right:1rem;font-size:.75rem;font-weight:600;color:#000;background-color:var(--orange-primary);padding:.375rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.home-page-community-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.home-page-community-card-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.home-page-community-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.home-page-community-icon img{width:2.5rem;height:2.5rem;object-fit:contain}.home-page-community-card-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3}.home-page-community-card-summary{font-size:.875rem;color:var(--light-text);line-height:1.6;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.home-page-community-card-owner{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem;padding-top:.5rem}.home-page-owner-name{font-size:.75rem;color:var(--medium-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page-community-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:auto;border-top:1px solid var(--border-color)}.home-page-community-card-footer-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.home-page-community-card-owner{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.home-page-owner-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.home-page-owner-name{font-size:.75rem;color:var(--medium-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.home-page-community-members{font-size:.8125rem;color:var(--lighter-text);font-weight:500;flex-shrink:0}.home-page-community-price{font-size:.875rem;color:var(--main-bg);font-weight:600;flex-shrink:0}.home-page-pagination-container{display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}.home-page-pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.home-page-pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--dark-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}.home-page-pagination-btn:hover:not(.disabled):not(.active){background-color:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.home-page-pagination-btn.active{background-color:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.home-page-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.home-page-pagination-ellipsis{padding:0 .5rem;color:var(--lighter-text);font-size:.9375rem}@media (max-width: 1024px){.home-page-main-container{grid-template-columns:200px 1fr;gap:2rem}.home-page-communities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-page{padding-top:70px}.home-page-homepage-hero{padding:2rem 1.5rem}.home-page-hero-title{font-size:2.5rem}.home-page-hero-subtitle{font-size:1.125rem}.home-page-homepage-main{padding:2rem 1.5rem}.home-page-main-container{grid-template-columns:1fr;gap:2rem}.home-page-filters-sidebar{position:static}.home-page-filters-list{flex-direction:row;flex-wrap:wrap}.home-page-filter-btn{width:auto;flex:1 1 auto}.home-page-communities-header{flex-direction:column;align-items:flex-start;gap:1rem}.home-page-communities-grid{grid-template-columns:1fr;gap:1.25rem}.home-page-community-card-header{height:180px}}@media (max-width: 480px){.home-page-hero-title{font-size:2rem}.home-page-search-input{font-size:.9375rem;padding:1rem 1rem 1rem 3rem}.home-page-community-card-header{height:160px}.home-page-community-card-content{padding:1.25rem}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(.971 .013 17.38); --color-red-100: oklch(.936 .032 17.717); --color-red-200: oklch(.885 .062 18.334); --color-red-300: oklch(.808 .114 19.571); --color-red-400: oklch(.704 .191 22.216); --color-red-500: oklch(.637 .237 25.331); --color-red-600: oklch(.577 .245 27.325); --color-red-700: oklch(.505 .213 27.518); --color-red-800: oklch(.444 .177 26.899); --color-red-900: oklch(.396 .141 25.723); --color-red-950: oklch(.258 .092 26.042); --color-orange-50: oklch(.98 .016 73.684); --color-orange-100: oklch(.954 .038 75.164); --color-orange-200: oklch(.901 .076 70.697); --color-orange-300: oklch(.837 .128 66.29); --color-orange-400: oklch(.75 .183 55.934); --color-orange-500: oklch(.705 .213 47.604); --color-orange-600: oklch(.646 .222 41.116); --color-orange-700: oklch(.553 .195 38.402); --color-orange-800: oklch(.47 .157 37.304); --color-orange-900: oklch(.408 .123 38.172); --color-orange-950: oklch(.266 .079 36.259); --color-amber-50: oklch(.987 .022 95.277); --color-amber-100: oklch(.962 .059 95.617); --color-amber-200: oklch(.924 .12 95.746); --color-amber-300: oklch(.879 .169 91.605); --color-amber-400: oklch(.828 .189 84.429); --color-amber-500: oklch(.769 .188 70.08); --color-amber-600: oklch(.666 .179 58.318); --color-amber-700: oklch(.555 .163 48.998); --color-amber-800: oklch(.473 .137 46.201); --color-amber-900: oklch(.414 .112 45.904); --color-amber-950: oklch(.279 .077 45.635); --color-yellow-50: oklch(.987 .026 102.212); --color-yellow-100: oklch(.973 .071 103.193); --color-yellow-200: oklch(.945 .129 101.54); --color-yellow-300: oklch(.905 .182 98.111); --color-yellow-400: oklch(.852 .199 91.936); --color-yellow-500: oklch(.795 .184 86.047); --color-yellow-600: oklch(.681 .162 75.834); --color-yellow-700: oklch(.554 .135 66.442); --color-yellow-800: oklch(.476 .114 61.907); --color-yellow-900: oklch(.421 .095 57.708); --color-yellow-950: oklch(.286 .066 53.813); --color-lime-50: oklch(.986 .031 120.757); --color-lime-100: oklch(.967 .067 122.328); --color-lime-200: oklch(.938 .127 124.321); --color-lime-300: oklch(.897 .196 126.665); --color-lime-400: oklch(.841 .238 128.85); --color-lime-500: oklch(.768 .233 130.85); --color-lime-600: oklch(.648 .2 131.684); --color-lime-700: oklch(.532 .157 131.589); --color-lime-800: oklch(.453 .124 130.933); --color-lime-900: oklch(.405 .101 131.063); --color-lime-950: oklch(.274 .072 132.109); --color-green-50: oklch(.982 .018 155.826); --color-green-100: oklch(.962 .044 156.743); --color-green-200: oklch(.925 .084 155.995); --color-green-300: oklch(.871 .15 154.449); --color-green-400: oklch(.792 .209 151.711); --color-green-500: oklch(.723 .219 149.579); --color-green-600: oklch(.627 .194 149.214); --color-green-700: oklch(.527 .154 150.069); --color-green-800: oklch(.448 .119 151.328); --color-green-900: oklch(.393 .095 152.535); --color-green-950: oklch(.266 .065 152.934); --color-emerald-50: oklch(.979 .021 166.113); --color-emerald-100: oklch(.95 .052 163.051); --color-emerald-200: oklch(.905 .093 164.15); --color-emerald-300: oklch(.845 .143 164.978); --color-emerald-400: oklch(.765 .177 163.223); --color-emerald-500: oklch(.696 .17 162.48); --color-emerald-600: oklch(.596 .145 163.225); --color-emerald-700: oklch(.508 .118 165.612); --color-emerald-800: oklch(.432 .095 166.913); --color-emerald-900: oklch(.378 .077 168.94); --color-emerald-950: oklch(.262 .051 172.552); --color-teal-50: oklch(.984 .014 180.72); --color-teal-100: oklch(.953 .051 180.801); --color-teal-200: oklch(.91 .096 180.426); --color-teal-300: oklch(.855 .138 181.071); --color-teal-400: oklch(.777 .152 181.912); --color-teal-500: oklch(.704 .14 182.503); --color-teal-600: oklch(.6 .118 184.704); --color-teal-700: oklch(.511 .096 186.391); --color-teal-800: oklch(.437 .078 188.216); --color-teal-900: oklch(.386 .063 188.416); --color-teal-950: oklch(.277 .046 192.524); --color-cyan-50: oklch(.984 .019 200.873); --color-cyan-100: oklch(.956 .045 203.388); --color-cyan-200: oklch(.917 .08 205.041); --color-cyan-300: oklch(.865 .127 207.078); --color-cyan-400: oklch(.789 .154 211.53); --color-cyan-500: oklch(.715 .143 215.221); --color-cyan-600: oklch(.609 .126 221.723); --color-cyan-700: oklch(.52 .105 223.128); --color-cyan-800: oklch(.45 .085 224.283); --color-cyan-900: oklch(.398 .07 227.392); --color-cyan-950: oklch(.302 .056 229.695); --color-sky-50: oklch(.977 .013 236.62); --color-sky-100: oklch(.951 .026 236.824); --color-sky-200: oklch(.901 .058 230.902); --color-sky-300: oklch(.828 .111 230.318); --color-sky-400: oklch(.746 .16 232.661); --color-sky-500: oklch(.685 .169 237.323); --color-sky-600: oklch(.588 .158 241.966); --color-sky-700: oklch(.5 .134 242.749); --color-sky-800: oklch(.443 .11 240.79); --color-sky-900: oklch(.391 .09 240.876); --color-sky-950: oklch(.293 .066 243.157); --color-blue-50: oklch(.97 .014 254.604); --color-blue-100: oklch(.932 .032 255.585); --color-blue-200: oklch(.882 .059 254.128); --color-blue-300: oklch(.809 .105 251.813); --color-blue-400: oklch(.707 .165 254.624); --color-blue-500: oklch(.623 .214 259.815); --color-blue-600: oklch(.546 .245 262.881); --color-blue-700: oklch(.488 .243 264.376); --color-blue-800: oklch(.424 .199 265.638); --color-blue-900: oklch(.379 .146 265.522); --color-blue-950: oklch(.282 .091 267.935); --color-indigo-50: oklch(.962 .018 272.314); --color-indigo-100: oklch(.93 .034 272.788); --color-indigo-200: oklch(.87 .065 274.039); --color-indigo-300: oklch(.785 .115 274.713); --color-indigo-400: oklch(.673 .182 276.935); --color-indigo-500: oklch(.585 .233 277.117); --color-indigo-600: oklch(.511 .262 276.966); --color-indigo-700: oklch(.457 .24 277.023); --color-indigo-800: oklch(.398 .195 277.366); --color-indigo-900: oklch(.359 .144 278.697); --color-indigo-950: oklch(.257 .09 281.288); --color-violet-50: oklch(.969 .016 293.756); --color-violet-100: oklch(.943 .029 294.588); --color-violet-200: oklch(.894 .057 293.283); --color-violet-300: oklch(.811 .111 293.571); --color-violet-400: oklch(.702 .183 293.541); --color-violet-500: oklch(.606 .25 292.717); --color-violet-600: oklch(.541 .281 293.009); --color-violet-700: oklch(.491 .27 292.581); --color-violet-800: oklch(.432 .232 292.759); --color-violet-900: oklch(.38 .189 293.745); --color-violet-950: oklch(.283 .141 291.089); --color-purple-50: oklch(.977 .014 308.299); --color-purple-100: oklch(.946 .033 307.174); --color-purple-200: oklch(.902 .063 306.703); --color-purple-300: oklch(.827 .119 306.383); --color-purple-400: oklch(.714 .203 305.504); --color-purple-500: oklch(.627 .265 303.9); --color-purple-600: oklch(.558 .288 302.321); --color-purple-700: oklch(.496 .265 301.924); --color-purple-800: oklch(.438 .218 303.724); --color-purple-900: oklch(.381 .176 304.987); --color-purple-950: oklch(.291 .149 302.717); --color-fuchsia-50: oklch(.977 .017 320.058); --color-fuchsia-100: oklch(.952 .037 318.852); --color-fuchsia-200: oklch(.903 .076 319.62); --color-fuchsia-300: oklch(.833 .145 321.434); --color-fuchsia-400: oklch(.74 .238 322.16); --color-fuchsia-500: oklch(.667 .295 322.15); --color-fuchsia-600: oklch(.591 .293 322.896); --color-fuchsia-700: oklch(.518 .253 323.949); --color-fuchsia-800: oklch(.452 .211 324.591); --color-fuchsia-900: oklch(.401 .17 325.612); --color-fuchsia-950: oklch(.293 .136 325.661); --color-pink-50: oklch(.971 .014 343.198); --color-pink-100: oklch(.948 .028 342.258); --color-pink-200: oklch(.899 .061 343.231); --color-pink-300: oklch(.823 .12 346.018); --color-pink-400: oklch(.718 .202 349.761); --color-pink-500: oklch(.656 .241 354.308); --color-pink-600: oklch(.592 .249 .584); --color-pink-700: oklch(.525 .223 3.958); --color-pink-800: oklch(.459 .187 3.815); --color-pink-900: oklch(.408 .153 2.432); --color-pink-950: oklch(.284 .109 3.907); --color-rose-50: oklch(.969 .015 12.422); --color-rose-100: oklch(.941 .03 12.58); --color-rose-200: oklch(.892 .058 10.001); --color-rose-300: oklch(.81 .117 11.638); --color-rose-400: oklch(.712 .194 13.428); --color-rose-500: oklch(.645 .246 16.439); --color-rose-600: oklch(.586 .253 17.585); --color-rose-700: oklch(.514 .222 16.935); --color-rose-800: oklch(.455 .188 13.697); --color-rose-900: oklch(.41 .159 10.272); --color-rose-950: oklch(.271 .105 12.094); --color-slate-50: oklch(.984 .003 247.858); --color-slate-100: oklch(.968 .007 247.896); --color-slate-200: oklch(.929 .013 255.508); --color-slate-300: oklch(.869 .022 252.894); --color-slate-400: oklch(.704 .04 256.788); --color-slate-500: oklch(.554 .046 257.417); --color-slate-600: oklch(.446 .043 257.281); --color-slate-700: oklch(.372 .044 257.287); --color-slate-800: oklch(.279 .041 260.031); --color-slate-900: oklch(.208 .042 265.755); --color-slate-950: oklch(.129 .042 264.695); --color-gray-50: oklch(.985 .002 247.839); --color-gray-100: oklch(.967 .003 264.542); --color-gray-200: oklch(.928 .006 264.531); --color-gray-300: oklch(.872 .01 258.338); --color-gray-400: oklch(.707 .022 261.325); --color-gray-500: oklch(.551 .027 264.364); --color-gray-600: oklch(.446 .03 256.802); --color-gray-700: oklch(.373 .034 259.733); --color-gray-800: oklch(.278 .033 256.848); --color-gray-900: oklch(.21 .034 264.665); --color-gray-950: oklch(.13 .028 261.692); --color-zinc-50: oklch(.985 0 0); --color-zinc-100: oklch(.967 .001 286.375); --color-zinc-200: oklch(.92 .004 286.32); --color-zinc-300: oklch(.871 .006 286.286); --color-zinc-400: oklch(.705 .015 286.067); --color-zinc-500: oklch(.552 .016 285.938); --color-zinc-600: oklch(.442 .017 285.786); --color-zinc-700: oklch(.37 .013 285.805); --color-zinc-800: oklch(.274 .006 286.033); --color-zinc-900: oklch(.21 .006 285.885); --color-zinc-950: oklch(.141 .005 285.823); --color-neutral-50: oklch(.985 0 0); --color-neutral-100: oklch(.97 0 0); --color-neutral-200: oklch(.922 0 0); --color-neutral-300: oklch(.87 0 0); --color-neutral-400: oklch(.708 0 0); --color-neutral-500: oklch(.556 0 0); --color-neutral-600: oklch(.439 0 0); --color-neutral-700: oklch(.371 0 0); --color-neutral-800: oklch(.269 0 0); --color-neutral-900: oklch(.205 0 0); --color-neutral-950: oklch(.145 0 0); --color-stone-50: oklch(.985 .001 106.423); --color-stone-100: oklch(.97 .001 106.424); --color-stone-200: oklch(.923 .003 48.717); --color-stone-300: oklch(.869 .005 56.366); --color-stone-400: oklch(.709 .01 56.259); --color-stone-500: oklch(.553 .013 58.071); --color-stone-600: oklch(.444 .011 73.639); --color-stone-700: oklch(.374 .01 67.558); --color-stone-800: oklch(.268 .007 34.298); --color-stone-900: oklch(.216 .006 56.043); --color-stone-950: oklch(.147 .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var( --font-sans--font-variation-settings ); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var( --font-mono--font-feature-settings ); --default-mono-font-variation-settings: var( --font-mono--font-variation-settings ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var( --default-font-variation-settings, normal );-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var( --default-mono-font-feature-settings, normal );font-variation-settings:var( --default-mono-font-variation-settings, normal );font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--navbar-height: 10px}body{padding-top:var(--navbar-height)}:root.dark-mode{--main-bg: #ff8a00 !important;--main-bg-hover: #e67e00 !important}:root{--primary-bg: #fafafa;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--accent-color: #2563eb;--border-color: #e2e8f0;--hover-color: #2d3748;--white: #ffffff;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00;--success-color: #10b981;--success-hover: #059669;--main-bg: #22286d;--main-bg-hover: #131746;--error-color: #ef4444}.web-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);box-shadow:0 2px 4px var(--shadow)}.web-nav .top-nav{max-width:1400px;margin:0 auto;padding:.6rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.web-nav.general-nav .top-nav{justify-content:flex-start}.web-nav .top-nav .logo{display:flex;align-items:center;flex-shrink:0}.web-nav .top-nav .logo a{display:flex;align-items:center;text-decoration:none}.web-nav .top-nav .logo img{height:64px;width:auto}.web-nav .top-nav .logo .community-logo{height:32px;width:32px;border-radius:6px;object-fit:cover}.web-nav .top-nav .logo .community-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.25rem;background:var(--primary-bg);border-radius:6px}.web-nav .top-nav .logo .community-name-text{margin-left:.75rem;font-size:.9375rem;font-weight:600;color:var(--dark-text);font-family:Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.web-nav .nav-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-left:auto;margin-right:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--medium-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;text-decoration:none;font-family:Poppins,sans-serif;flex-shrink:0}.web-nav .nav-back-btn:hover{background:var(--primary-bg);color:var(--dark-text);border-color:var(--medium-text)}.web-nav .nav-back-btn-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.web-nav .nav-back-btn-text{white-space:nowrap}@media (max-width: 908px){.web-nav .nav-back-btn-text{display:none}.web-nav .nav-back-btn{padding:.5rem;margin-right:.25rem}}.nav-search-container{flex:1;max-width:600px;display:flex;align-items:center;margin:0 auto;border:none;background:none;padding:0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.nav-search-icon{position:absolute;left:1rem;color:var(--lighter-text);pointer-events:none;z-index:2}.nav-search-input{width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.9375rem;border:1px solid var(--border-color);border-radius:8px;background-color:#f5f5f5;color:var(--dark-text);transition:all .2s ease;font-family:Poppins,sans-serif}.nav-search-input::placeholder{color:var(--lighter-text)}.nav-search-input:focus{outline:none;background-color:var(--white);border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.web-nav .top-nav .nav-links{list-style:none;display:flex;gap:1.5rem;align-items:center;flex-shrink:0;margin:0;padding:0}.web-nav .top-nav .nav-links li{margin:0;padding:0}.web-nav .nav-icon-link{text-decoration:none;color:var(--medium-text);font-size:1rem;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;width:36px;height:36px;border:none;background:none;gap:0}.web-nav .nav-icon-link:hover{background-color:var(--primary-bg)}.web-nav .nav-icon-label-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.web-nav .nav-icon-link .nav-icon-svg{width:24px;height:24px;flex-shrink:0;color:var(--medium-text);transition:color .2s ease}.web-nav .nav-icon-link:hover .nav-icon-svg{color:var(--dark-text)}.web-nav .nav-icon-link .nav-icon-img{width:24px;height:24px;object-fit:contain;transition:all .2s ease}.web-nav .nav-icon-link .nav-link-text{font-size:.6875rem;font-weight:500;font-family:Poppins,sans-serif;white-space:nowrap;display:none;color:var(--medium-text);line-height:1.2}.web-nav .nav-icon-link:hover .nav-link-text{color:var(--dark-text)}@media (min-width: 909px){.nav-search-container.desktop-search{display:flex!important}.nav-search-container.mobile-search,.mobile-search-icon-btn{display:none!important}.web-nav .nav-icon-link .nav-link-text{display:block}.web-nav .nav-icon-link:has(.nav-link-text),.web-nav .nav-icon-link:has(.nav-icon-label-wrap){width:auto;height:auto;min-height:44px;padding:.4rem .6rem}}.nav-profile-picture{width:28px!important;height:28px!important;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:all .2s ease;display:block;flex-shrink:0}.web-nav .nav-icon-link .nav-profile-default{width:28px!important;height:28px!important;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.nav-icon-link:hover .nav-profile-picture{border-color:var(--main-bg)}.profile-dropdown-wrapper{position:relative}.profile-dropdown-btn{cursor:pointer;border:none;background:none}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--medium-text);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif}.dropdown-item:hover{background:var(--primary-bg);color:var(--dark-text)}.dropdown-item i,.dropdown-item svg{font-size:1rem;width:20px;min-width:20px;height:20px;flex-shrink:0;text-align:center}.dropdown-item.logout-item{color:#dc3545;border-top:1px solid var(--border-color)}.dropdown-item.logout-item:hover{background:#dc35451a;color:#dc3545}.communities-dropdown-wrapper{position:relative}.communities-dropdown-btn{cursor:pointer;border:none;background:none}.communities-dropdown{position:absolute;top:calc(100% + .5rem);right:0;left:auto;background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:280px;max-width:min(320px,calc(100vw - 2rem));z-index:1000;overflow:hidden;animation:slideDown .2s ease-out;max-height:min(400px,calc(100vh - 6rem));overflow-y:auto}.communities-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--medium-text);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif}.communities-dropdown-item:hover{background:var(--primary-bg);color:var(--dark-text)}.community-dropdown-icon{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);overflow:hidden}.community-dropdown-icon img{width:100%;height:100%;object-fit:cover}.community-dropdown-icon i,.community-dropdown-icon svg{font-size:1rem;width:1rem;height:1rem;color:var(--medium-text)}.community-icon-text{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.find-communities-item{border-bottom:1px solid var(--border-color);margin-bottom:.25rem;padding-bottom:.875rem}.find-communities-item:hover{background:var(--primary-bg)}.community-dropdown-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0;text-align:left;align-items:flex-start}.community-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.community-dropdown-role{font-size:.7rem;color:var(--lighter-text);text-transform:lowercase;text-align:left}.web-nav .top-nav .nav-links li a.nav-link{text-decoration:none;color:var(--medium-text);font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease;position:relative}.web-nav .top-nav .nav-links li a.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-color);transition:all .2s ease;transform:translate(-50%)}.web-nav .top-nav .nav-links li a.nav-link:hover{color:var(--dark-text)}.web-nav .top-nav .nav-links li a.nav-link:hover:before{width:100%}.web-nav .top-nav .nav-links li a.nav-link.active{color:var(--main-bg)}.web-nav .top-nav .nav-links li a.nav-link.active:before{width:100%;background:var(--main-bg)}.web-nav .get-started-btn,.web-nav .join-free-btn{padding:.625rem 1.5rem;background:var(--orange-primary);border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#000;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;text-decoration:none;font-size:.875rem}.web-nav .get-started-btn:before,.web-nav .join-free-btn:before{display:none!important}.web-nav .get-started-btn:hover,.web-nav .join-free-btn:hover{background:var(--orange-hover);color:#000;border-color:#00000026;transform:translateY(-1px);text-decoration:none}.web-nav .top-nav .nav-links li a.nav-link-outline{padding:.625rem 1.5rem;background:transparent;border:1px solid var(--medium-text, #6b7280);border-radius:8px;color:var(--medium-text, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease,border-color .2s ease,background .2s ease;text-decoration:none;font-size:.875rem}.web-nav .top-nav .nav-links li a.nav-link-outline:before{display:none!important}.web-nav .top-nav .nav-links li a.nav-link-outline:hover{background:#0000000a;color:var(--dark-text, #1a202c);border-color:var(--dark-text, #1a202c);text-decoration:none}.nav-icon-link.nav-top-section-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:1rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:var(--medium-text)}.nav-icon-link.nav-top-section-toggle:hover{background:var(--primary-bg);color:var(--dark-text)}.web-nav .hamburger{display:none;cursor:pointer;padding:.5rem}.web-nav .hamburger span{display:block;width:24px;height:2px;margin:5px 0;background-color:var(--medium-text);transition:all .2s ease}:root.dark-mode .web-nav.app-nav .nav-icon-link .nav-icon-img,:root.dark-mode .web-nav.community-member-nav .nav-icon-link .nav-icon-img{filter:brightness(0) invert(1) opacity(.7)}:root.dark-mode .web-nav.app-nav .nav-icon-link:hover .nav-icon-img,:root.dark-mode .web-nav.community-member-nav .nav-icon-link:hover .nav-icon-img{filter:brightness(0) invert(1) opacity(.9)}:root.dark-mode .web-nav.app-nav .nav-icon-link .nav-icon-svg,:root.dark-mode .web-nav.community-member-nav .nav-icon-link .nav-icon-svg{color:#ffffffb3}:root.dark-mode .web-nav.app-nav .nav-icon-link:hover .nav-icon-svg,:root.dark-mode .web-nav.community-member-nav .nav-icon-link:hover .nav-icon-svg{color:#ffffffe6}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}@media (max-width: 908px){.web-nav .top-nav{padding:1rem;gap:1rem}.web-nav.not-authenticated .hamburger,.web-nav.not-authenticated .top-nav .nav-links{display:none!important}.web-nav.home-nav .hamburger{display:block!important}.web-nav.home-nav .top-nav .nav-links{display:flex!important}.web-nav.blog-nav .hamburger{display:block!important}.web-nav.blog-nav .top-nav .nav-links{display:flex!important}.web-nav.app-nav .top-nav .logo.mobile-hidden{display:none!important}.web-nav.app-nav .top-nav .logo .community-name-text{display:none}.web-nav.community-member-nav .top-nav .logo,.web-nav.community-member-nav .top-nav .logo img,.web-nav.community-member-nav .top-nav .logo a,.web-nav.community-member-nav .top-nav .logo .community-logo,.web-nav.community-member-nav .top-nav .logo .community-logo-icon{display:none!important}.web-nav .hamburger{display:block;order:3}.web-nav.app-nav .top-nav .nav-links,.web-nav.community-member-nav .top-nav .nav-links{position:fixed;top:0;right:-80px;width:70px;height:100vh;background:var(--white);padding:1.5rem .5rem;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;box-shadow:-4px 0 12px #00000026;z-index:1000;overflow-y:auto;transition:right .3s ease-out}.web-nav.app-nav .top-nav.active .nav-links,.web-nav.community-member-nav .top-nav.active .nav-links{right:0}.web-nav.app-nav .top-nav .nav-links li,.web-nav.community-member-nav .top-nav .nav-links li{width:100%;display:flex;justify-content:center}.web-nav.app-nav .nav-icon-link,.web-nav.community-member-nav .nav-icon-link{width:50px;height:50px;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:0;border-radius:8px;transition:background-color .2s ease}.web-nav.app-nav .nav-icon-link:hover,.web-nav.community-member-nav .nav-icon-link:hover{background:var(--primary-bg)}.web-nav.app-nav .nav-icon-link .nav-link-text,.web-nav.community-member-nav .nav-icon-link .nav-link-text{display:none!important}.web-nav.app-nav .nav-icon-link .nav-icon-img,.web-nav.community-member-nav .nav-icon-link .nav-icon-img,.web-nav.app-nav .nav-icon-link .nav-icon-svg,.web-nav.community-member-nav .nav-icon-link .nav-icon-svg{width:24px;height:24px;flex-shrink:0}.web-nav.app-nav .communities-dropdown-wrapper,.web-nav.community-member-nav .communities-dropdown-wrapper{position:static}.web-nav.app-nav .communities-dropdown,.web-nav.community-member-nav .communities-dropdown{position:fixed!important;left:.625rem!important;right:80px!important;top:auto;bottom:auto;transform:none!important;width:auto!important;min-width:280px!important;max-width:calc(100vw - 90px)!important;max-height:calc(100vh - 8rem)!important;z-index:1001}.web-nav.app-nav .profile-dropdown-wrapper,.web-nav.community-member-nav .profile-dropdown-wrapper{position:static}.web-nav.app-nav .profile-dropdown,.web-nav.community-member-nav .profile-dropdown{position:fixed!important;left:.625rem!important;right:80px!important;top:5rem!important;bottom:auto;transform:none!important;width:auto!important;min-width:200px!important;max-width:calc(100vw - 90px)!important;max-height:calc(100vh - 6rem)!important;z-index:1001}.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .top-nav .nav-links{position:fixed;top:0;right:-200px;width:180px;height:100vh;background:var(--white);padding:1.5rem 1rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;box-shadow:-4px 0 12px #00000026;z-index:1000;overflow-y:auto;transition:right .3s ease-out}.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .top-nav.active .nav-links{right:0}.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .top-nav .nav-links li{width:100%}.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .nav-link,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .nav-link-outline,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .join-free-btn,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .get-started-btn{width:100%;padding:.75rem 1rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;text-align:center;white-space:nowrap}.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .nav-link:hover,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .nav-link-outline:hover,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .join-free-btn:hover,.web-nav:not(.app-nav):not(.community-member-nav):not(.public-profile-nav):not(.general-nav) .get-started-btn:hover{background:var(--primary-bg)}.web-nav.public-profile-nav .top-nav .nav-links,.web-nav.general-nav .top-nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);padding:1rem;flex-direction:row;justify-content:space-around;gap:0;box-shadow:0 4px 6px var(--shadow)}.web-nav.public-profile-nav .top-nav.active .nav-links,.web-nav.general-nav .top-nav.active .nav-links{display:flex}.web-nav .profile-dropdown{right:0;left:auto}.nav-profile-picture{width:28px!important;height:28px!important;min-width:28px;min-height:28px;max-width:28px;max-height:28px}.web-nav.app-nav .nav-search-container.desktop-search{display:none}.web-nav.app-nav .nav-search-container.mobile-search{order:1;flex:1;min-width:0}.mobile-search-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--dark-text);cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:1.125rem;margin-left:auto}.mobile-search-icon-btn:hover{background:var(--primary-bg);border-color:var(--orange-primary);color:var(--orange-primary)}.mobile-search-icon-btn.mobile-hidden{display:none!important}.nav-search-container.mobile-search{display:none;flex:1;max-width:none;margin:0 .5rem}.nav-search-container.mobile-search.mobile-active{display:flex;animation:slideIn .3s ease-out}.nav-search-container.mobile-search.mobile-hidden{display:none!important}.nav-search-container.mobile-search .nav-search-wrapper{position:relative}.mobile-search-close-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;z-index:3}.mobile-search-close-btn:hover{background:var(--primary-bg);color:var(--dark-text)}.nav-search-container.mobile-search .nav-search-input{padding-right:2.5rem}.nav-search-container{max-width:none;flex:1;margin:0 .5rem}}@media (max-width: 768px){.web-nav.public-profile-nav .top-nav .nav-links,.web-nav.general-nav .top-nav .nav-links{flex-direction:column;gap:1rem}.web-nav .top-nav .nav-links li a{width:100%;text-align:center;padding:.75rem}.web-nav .get-started-btn,.web-nav .join-free-btn{width:100%;text-align:center}}@media (max-width: 480px){.web-nav .top-nav{padding:.75rem;gap:.5rem}.web-nav .top-nav .logo img{height:52px}.web-nav .nav-icon-link{padding:.5rem .75rem}.web-nav .nav-icon-link .nav-icon-img{width:20px;height:20px}.nav-profile-picture{width:24px!important;height:24px!important;min-width:24px;min-height:24px;max-width:24px;max-height:24px}.nav-search-container{margin:0 .25rem}.nav-search-input{padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem}.nav-search-icon{left:.75rem;width:16px;height:16px}.nav-search-input::placeholder{font-size:.875rem}}.standard-footer{position:fixed;left:0;right:0;bottom:0;height:40px;text-align:center;background:#a7abad66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #00000026;font-size:14px;padding:20x;line-height:40px;z-index:9999}.standard-footer p{margin:0;font-size:10px;color:#fcfcfc}.community-card{background-color:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color);transition:box-shadow .3s ease,border-color .3s ease;position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;height:100%}.community-card:hover{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg)}.community-card-header{width:100%;height:160px;background-size:cover;background-position:center;position:relative;overflow:hidden}.community-card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.community-card-rank{position:absolute;top:1rem;left:1rem;font-size:1.125rem;font-weight:700;color:var(--white);background-color:#00000080;padding:.375rem .75rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.community-card-category{position:absolute;top:1rem;right:1rem;z-index:2;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background-color:#000}.community-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.community-card-title-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;min-width:0}.community-card-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.community-card-icon img{width:2.5rem;height:2.5rem;object-fit:contain}.community-card-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0}.community-card-summary{font-size:.875rem;color:var(--light-text);line-height:1.6;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.community-card-owner{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.community-card-owner-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.community-card-owner-name{font-size:.75rem;color:var(--medium-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:auto;border-top:1px solid var(--border-color);gap:1rem}.community-card-footer-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.community-card-footer-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.community-card-members{font-size:.6875rem;color:var(--lighter-text);font-weight:500}.community-card-price{font-size:.6875rem;color:var(--main-bg);font-weight:600}.community-card-content>.community-card-owner{margin-bottom:.75rem;padding-top:.5rem}.community-card-footer .community-card-owner{margin-bottom:0;padding-top:0}@media (max-width: 768px){.community-card-header{height:120px}.community-card-content{padding:1.25rem;min-height:180px}.community-card{min-height:280px}.community-card-summary{-webkit-line-clamp:3;line-clamp:3}.community-card-title{font-size:1rem}.community-card-icon img{width:2rem;height:2rem}}@media (max-width: 480px){.community-card-header{height:100px}.community-card-content{padding:1rem;min-height:160px}.community-card{min-height:260px}}.gwp-communities-by-interest{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.gwp-sidebar-section-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0 0 .75rem}.gwp-communities-list-compact{display:flex;flex-direction:column;gap:.5rem}.gwp-community-item-compact{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .2s ease}.gwp-community-item-compact:hover{background:var(--primary-bg)}.gwp-community-icon-compact{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-bg)}.gwp-community-icon-compact img{width:100%;height:100%;object-fit:cover}.gwp-community-info-compact{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.gwp-community-name-compact{font-size:.8125rem;font-weight:600;color:var(--dark-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gwp-community-members-compact{font-size:.7rem;color:var(--lighter-text)}.gwp-no-communities{text-align:center;padding:1rem;color:var(--lighter-text);font-size:.8125rem;margin:0}.gwp-loading-indicator{text-align:center;padding:1rem;color:var(--lighter-text);font-size:.8125rem}.gwp-see-more-link{text-align:center;padding:.75rem;color:var(--main-bg);font-size:.8125rem;font-weight:600;text-decoration:none;border-top:1px solid var(--border-color);margin-top:.5rem;transition:color .2s ease}.gwp-see-more-link:hover{color:var(--main-bg-hover);text-decoration:underline}.gwp-trending-communities{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.signin-content{display:flex;min-height:100vh;width:100%;overflow:hidden}.signin-content-centered{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;background:var(--primary-bg)}.signin-left-container{flex:1;background:var(--main-bg-hover);display:flex;align-items:center;justify-content:center;padding:2rem;min-width:0}.signin-right-container{flex:1;background:var(--white);display:flex;align-items:center;justify-content:center;padding:2rem;min-width:0}.signin-intro-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;width:100%}.signin-intro-content p{margin-bottom:1.5rem;color:var(--white)!important;text-align:center}.signin-pelly-image{max-width:600px;height:auto;position:relative;z-index:2}.signin-orange-circle{position:absolute;width:300px;height:300px;background:var(--orange-primary);border-radius:50%;top:-20px;z-index:1;opacity:1}.signin-form-container{background:var(--white);padding:2rem;border-radius:6px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:400px}.signin-branding{text-align:center;margin-bottom:.05rem;padding-bottom:.075rem;border-bottom:1px solid var(--border-color)}.signin-logo-link{display:inline-block;text-decoration:none;margin-bottom:.5rem}.signin-logo{height:56px;width:auto;display:block;margin:0 auto}.signin-brand-tagline{font-size:.875rem;color:var(--light-text);margin:.5rem 0 0;font-weight:500}.signin-form-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-top:1rem;margin-bottom:1.5rem;position:relative;padding-bottom:.75rem}.signin-form-title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:40px;border-radius:6px;background:var(--dark-text)}.signin-form-container form{display:flex;flex-direction:column;gap:1rem}.signin-form-container .signin-input-box{position:relative}.signin-form-container .signin-input-box input{width:100%;height:48px;padding:0 1rem;font-size:1rem;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;outline:none}.signin-form-container .signin-input-box input:focus,.signin-form-container .signin-input-box input:valid{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.signin-password-box{position:relative}.signin-password-box i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--light-text);opacity:.7;transition:opacity .2s ease}.signin-password-box i:hover{opacity:1}.signin-input-box.signin-button input{width:100%;height:48px;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.signin-input-box.signin-button button{width:100%;height:48px;background:var(--orange-primary);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.signin-input-box.signin-button input:hover{background:var(--main-bg-hover)}.signin-input-box.signin-button button:hover{background:var(--orange-hover)}.signin-input-box.signin-button input:disabled{background:var(--lighter-text);cursor:not-allowed}.signin-divider{margin:1rem 0;text-align:center;position:relative}.signin-divider hr{border:none;height:1px;background:var(--border-color);margin:0}.signin-text{text-align:center;margin-top:1rem}.signin-text h3{color:var(--light-text);font-size:.875rem;font-weight:500}.signin-text h3 a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.signin-text h3 a:hover{color:var(--hover-color);text-decoration:underline}.signin-loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.signin-loading-logo{width:140px;height:auto;margin-bottom:2rem;animation:pulse 2s infinite}.signin-loading-bar-container{width:200px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.signin-loading-bar{width:50%;height:100%;background:var(--orange-primary);animation:loading 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media (max-width: 768px){.signin-content{flex-direction:column;min-height:100vh}.signin-left-container,.signin-right-container{width:100%;min-width:100%;padding:2rem;min-height:100vh}.signin-left-container{order:2}.signin-right-container{order:1}.signin-pelly-image{max-width:300px;width:100%}.signin-orange-circle{width:200px;height:200px}.signin-form-container{padding:1rem;margin:0}.signin-intro-content{padding:0;gap:10px}.signin-intro-content p{font-size:.9rem;margin-bottom:0}}@media (max-width: 390px){.signin-content{padding:0}.signin-form-container{padding:1.25rem}.signin-input-box.signin-button input,.signin-input-box.signin-button button{font-size:.75rem}}.signin-error-message{background-color:#ff00001a;color:#ff1e56;border:1px solid #ff1e56;padding:.75rem;margin:.5rem 0;border-radius:6px;text-align:center;font-weight:500;font-size:.875rem;animation:glow 1.5s infinite}@keyframes glow{0%{box-shadow:0 0 5px #ff1e5680}50%{box-shadow:0 0 20px #ff1e56cc}to{box-shadow:0 0 5px #ff1e5680}}.signin-page .signin-error-message.account-not-verified{background-color:#ff8a001a;color:var(--orange-primary);border:1px solid var(--orange-primary);animation:orangeGlow 1.5s infinite}@keyframes orangeGlow{0%{box-shadow:0 0 5px #ff8a0080}50%{box-shadow:0 0 20px #ff8a00cc}to{box-shadow:0 0 5px #ff8a0080}}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}.signup-content{display:flex;min-height:100vh;width:100%;overflow:hidden}.signup-content-centered{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;background:var(--primary-bg)}.signup-left-container{flex:1;background:var(--main-bg-hover);display:flex;align-items:center;justify-content:center;padding:2rem;min-width:0}.signup-right-container{flex:1;background:var(--white);display:flex;align-items:center;justify-content:center;padding:2rem;min-width:0}.signup-intro-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;width:100%}.signup-intro-content p{margin-bottom:1.5rem;color:var(--white)!important;text-align:center;font-size:1.2rem}.signup-orange-circle{position:absolute;width:300px;height:300px;background:var(--orange-primary);border-radius:50%;top:-20px;z-index:1;opacity:1}.signup-shelly-img{max-width:600px;height:auto;position:relative;z-index:2}.signup-form-container{background:var(--white);padding:2rem;border-radius:6px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:450px;position:relative}.signup-branding{text-align:center;margin-bottom:.05rem;padding-bottom:.075rem;border-bottom:1px solid var(--border-color)}.signup-logo-link{display:inline-block;margin-bottom:.75rem;text-decoration:none}.signup-logo{height:56px;width:auto;display:block;margin:0 auto}.signup-brand-tagline{font-size:.9375rem;color:var(--light-text);margin:0;font-weight:400}.signup-form-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem;margin-top:1rem;position:relative;padding-bottom:.75rem}.signup-form-title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:40px;border-radius:6px;background:var(--dark-text)}.signup-back-icon-btn{position:absolute;top:1rem;left:1rem;background:transparent;border:none;color:#1a202c;font-size:1.25rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0}.signup-back-icon-btn:hover{background:#0000001a;color:#1a202c;box-shadow:0 0 10px #0003}.signup-back-icon-btn i{pointer-events:none}.signup-form-container form{display:flex;flex-direction:column;gap:1rem}.signup-step2-form,.signup-step3-form{padding-top:0}.signup-step2-form .signup-form-title,.signup-step3-form .signup-form-title{margin-top:1rem}.signup-name-row{display:flex;gap:1rem}.signup-name-row .signup-input-box{flex:1}.signup-input-box{position:relative}.signup-label{display:block;font-size:.875rem;font-weight:500;color:var(--dark-text);margin-bottom:.5rem}.signup-input-box input,.signup-input-box select{width:100%;height:48px;padding:0 1rem;font-size:1rem;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;outline:none;background-color:var(--white)}.signup-input-box select{cursor:pointer}.signup-input-box select option{padding:.5rem}.signup-input-box input:focus,.signup-input-box select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.signup-password-box{position:relative}.signup-password-box i{position:absolute;right:1rem;bottom:12px;cursor:pointer;color:var(--light-text);opacity:.7;transition:opacity .2s ease;line-height:1;z-index:1}.signup-password-box i:hover{opacity:1}.signup-policy{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.signup-policy input[type=checkbox]{width:16px;height:16px;accent-color:var(--dark-text)}.signup-policy h3{color:var(--light-text);font-size:.875rem;font-weight:500}.signup-button{width:100%;height:48px;background:var(--orange-primary);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.signup-button:hover{background:var(--orange-hover)}.signup-button:disabled{background:var(--lighter-text);cursor:not-allowed}.signup-text{text-align:center;margin-top:1rem}.signup-text h3{color:var(--light-text);font-size:.875rem;font-weight:500}.signup-text h3 a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.signup-text h3 a:hover{color:var(--hover-color);text-decoration:underline}.signup-country-search-container{position:relative;display:flex;align-items:center;gap:.5rem}.signup-country-search-input{flex:1;width:100%;height:48px;padding:0 1rem;font-size:1rem;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;outline:none;background-color:var(--white)}.signup-country-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.signup-country-flag-preview{width:32px;height:24px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.signup-country-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--white);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.signup-country-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.signup-country-dropdown-item:hover{background-color:var(--primary-bg)}.signup-country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0}.signup-country-dropdown-item span{font-size:.9375rem;color:var(--dark-text)}.signup-error-message{background-color:#ff00001a;color:#ff1e56;border:1px solid #ff1e56;padding:.75rem;margin:.5rem 0;border-radius:6px;text-align:center;font-weight:500;font-size:.875rem}.signup-success-message{background-color:#00ff001a;color:#00a854;border:1px solid #00a854;padding:.75rem;margin:.5rem 0;border-radius:6px;text-align:center;font-weight:500;font-size:.875rem}@media (max-width: 768px){.signup-content{flex-direction:column;min-height:100vh}.signup-left-container,.signup-right-container{width:100%;min-width:100%;padding:2rem;min-height:100vh}.signup-left-container{order:2}.signup-right-container{order:1}.signup-shelly-img{max-width:300px;width:100%}.signup-brand-tagline{font-size:.875rem}.signup-logo{height:48px}.signup-form-container{padding:1.5rem;max-width:100%}.signup-orange-circle{width:200px;height:200px}.signup-form-container{padding:1rem;margin:0}.signup-name-row{flex-direction:column}.signup-intro-content{padding:0;gap:10px}.signup-intro-content p{font-size:.9rem;margin-bottom:0}}@media (max-width: 390px){.signup-content{padding:0}.signup-form-container{padding:1.25rem}.signup-button{font-size:.75rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-bg: #fafafa;--main-bg: #22286d;--main-bg-hover: #131746;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--accent-color: #2563eb;--border-color: #e2e8f0;--hover-color: #2d3748;--white: #ffffff;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00;--success-color: #10b981;--error-color: #ef4444}.success-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);position:relative;padding:2rem}.success-verification-container{width:100%;max-width:1200px;margin:0 auto}.success-verification-content{display:flex;justify-content:center;align-items:center;padding:2rem}.success-verification-form-container{background:var(--white);padding:1.5rem;border-radius:6px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:350px;margin:0 auto;text-align:center}.success-verification-form-container .form-logo-container{display:flex;justify-content:center;margin-bottom:1rem}.success-verification-form-container .form-logo-container a{text-decoration:none;display:inline-block}.success-verification-form-container .form-logo{height:50px;transition:transform .2s ease}.success-verification-form-container .form-logo:hover{transform:scale(1.05)}.success-verification-form-container h2{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:.75rem;position:relative;padding-bottom:.75rem}.success-verification-form-container h2:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;height:3px;width:40px;border-radius:6px;background:var(--dark-text)}.success-verification-form-container .info-text{font-size:.875rem;color:var(--light-text);margin-bottom:1rem;line-height:1.5}.success-verification-form-container .info-text.success-message{color:var(--success-color);font-weight:500}.success-verification-form-container .info-text.error-message{color:var(--error-color);font-weight:500}.success-verification-form-container .input-box.button{margin:1rem 0 .75rem}.success-verification-form-container .input-box.button a{text-decoration:none;display:block}.success-verification-form-container .verify-button{width:100%;height:44px;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.success-verification-form-container .verify-button:hover{background:var(--main-bg-hover);transform:translateY(-1px)}.success-verification-form-container .text{margin-top:.75rem}.success-verification-form-container .text h3{color:var(--light-text);font-size:.813rem;font-weight:500}.success-verification-form-container .text h3 a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.success-verification-form-container .text h3 a:hover{color:var(--hover-color);text-decoration:underline}@media (max-width: 768px){.success-verification-page,.success-verification-content{padding:1rem}.success-verification-form-container{padding:1.5rem}.success-verification-form-container h2{font-size:1.25rem}.success-verification-form-container .info-text{font-size:.875rem}}@media (max-width: 390px){.success-verification-page,.success-verification-content{padding:.5rem}.success-verification-form-container{padding:1.25rem}.success-verification-form-container .verify-button{font-size:.875rem}}:root{--primary-bg: #fafafa}.resend-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg)}.resend-verification-page .verify-page-container{display:flex;flex-direction:column;min-height:100vh}.resend-verification-page .content{flex:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 10vw;gap:3vw}.resend-verification-page .intro-content{max-width:40%;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.resend-verification-page .intro-content h1 a{text-decoration:none;color:#fff;font-weight:700;font-size:36px;padding:5px 15px;border-radius:10px;background:linear-gradient(135deg,#ff4081,#ff1e56);box-shadow:0 0 10px #ff4081cc,0 0 20px #ff408180;animation:breathing 3s infinite alternate,fluidGlow 5s infinite linear}.resend-verification-page .intro-content h1 a:hover{transform:scale(1.2);background:linear-gradient(135deg,#ff1e56,#ff4081);box-shadow:0 0 15px #ff4081,0 0 30px #ff4081cc;transition:all .3s ease-in-out}.resend-verification-page .intro-content p{font-family:Orbitron,sans-serif;font-size:20px;font-weight:500;color:#ffffffe6;text-shadow:0 2px 8px rgba(255,64,129,.6);letter-spacing:1px;line-height:1.6;max-width:80%;margin-top:10px;animation:fadeIn 1.5s ease-in-out}.resend-verification-page .verify-form-container{width:350px;min-width:320px;max-width:350px;background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 4px 8px #0000001a;text-align:center}.resend-verification-page .verify-form-container .form-logo-container{display:flex;justify-content:center;margin-bottom:1rem}.resend-verification-page .verify-form-container .form-logo-container a{text-decoration:none;display:inline-block}.resend-verification-page .verify-form-container .form-logo{height:50px;transition:transform .2s ease}.resend-verification-page .verify-form-container .form-logo:hover{transform:scale(1.05)}.resend-verification-page .verify-form-container h2{font-size:1.25rem;font-weight:600;color:#333;position:relative;margin-bottom:.75rem}.resend-verification-page .verify-form-container .info-text{font-size:.875rem;color:#333;margin-bottom:1rem;line-height:1.5}.resend-verification-page .verify-form-container .message{color:orange;font-size:.813rem;margin-bottom:.75rem}.resend-verification-page .verify-form-container .input-box{height:44px;margin:.75rem 0}.resend-verification-page .verify-form-container .input-box input{height:100%;width:100%;padding:0 12px;font-size:.938rem;font-weight:400;color:#333;border:1.5px solid #C7BEBE;border-bottom-width:2.5px;border-radius:6px;transition:all .3s ease;outline:none}.resend-verification-page .verify-form-container .input-box.button button{width:100%;padding:8px;background-color:#1a73e8;color:#fff;font-size:.938rem;border:none;border-radius:4px;cursor:pointer}.resend-verification-page .verify-form-container .input-box.button button:hover{background-color:#0f5bb5}.resend-verification-page .verify-form-container .text h3{color:#333;width:100%;text-align:center;margin-top:.75rem;font-size:.813rem}.resend-verification-page .verify-form-container .text h3 a{color:#4070f4;text-decoration:none}.resend-verification-page .verify-form-container .text h3 a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathing{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,64,129,.7)}50%{transform:scale(1.05);text-shadow:0 0 15px rgba(255,64,129,.9)}to{transform:scale(1);text-shadow:0 0 10px rgba(255,64,129,.7)}}@keyframes fluidGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.resend-verification-page .content{flex-direction:column;justify-content:flex-start;align-items:center;padding:5vh 5vw;margin-top:20px}.resend-verification-page .intro-content{max-width:90%;margin-bottom:1.5rem}.resend-verification-page .intro-content h1 a{font-size:24px;padding:5px 12px}.resend-verification-page .intro-content p{font-size:18px;width:100%;margin-top:10px;padding-bottom:10px}.resend-verification-page .verify-form-container{width:90%;max-width:350px;padding:1.25rem;margin-top:-40px}.resend-verification-page{overflow-y:auto}.verify-page-container{padding-bottom:70px}}:root{--primary-bg: #fafafa;--main-bg:#22286d;--main-bg-hover:#131746;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--accent-color: #2563eb;--border-color: #e2e8f0;--hover-color: #2d3748;--white: #ffffff;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);position:relative;padding:2rem}.forgot-password-page .logo-container{position:absolute;top:20px;left:20px;z-index:100}.forgot-password-page .logo-container a{text-decoration:none}.forgot-password-page .logo-container img{height:70px;transition:transform .2s ease}.forgot-password-page .logo-container img:hover{transform:scale(1.05)}.forgot-password-container{width:100%;max-width:1200px;margin:0 auto}.forgot-password-content{display:flex;justify-content:center;align-items:center;padding:2rem}.forgot-password-form-container{background:var(--white);padding:2rem;border-radius:6px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:400px;margin:0 auto;text-align:center}.forgot-password-form-container h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;position:relative;padding-bottom:.75rem}.forgot-password-form-container h2:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;height:3px;width:40px;border-radius:6px;background:var(--dark-text)}.forgot-password-form-container .info-text{font-size:1rem;color:var(--light-text);margin-bottom:1.5rem;line-height:1.6}.forgot-password-form-container .input-box{position:relative;margin:1rem 0}.forgot-password-form-container .input-box input{width:100%;height:48px;padding:0 1rem;font-size:1rem;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;outline:none}.forgot-password-form-container .input-box input:focus,.forgot-password-form-container .input-box input:valid{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.forgot-password-form-container .input-box.button button{width:100%;height:48px;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.forgot-password-form-container .input-box.button button:hover{background:var(--main-bg-hover);transform:translateY(-1px)}.forgot-password-form-container .input-box.button button:disabled{background:var(--lighter-text);cursor:not-allowed;transform:none}.forgot-password-form-container .text{margin-top:1rem}.forgot-password-form-container .text h3{color:var(--light-text);font-size:.875rem;font-weight:500}.forgot-password-form-container .text h3 a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.forgot-password-form-container .text h3 a:hover{color:var(--hover-color);text-decoration:underline}@media (max-width: 768px){.forgot-password-page{padding:1rem}.forgot-password-content{padding:1rem;margin-top:60px}.forgot-password-form-container{padding:1.5rem}.forgot-password-form-container h2{font-size:1.25rem}.forgot-password-form-container .info-text{font-size:.875rem}}@media (max-width: 390px){.forgot-password-page,.forgot-password-content{padding:.5rem}.forgot-password-form-container{padding:1.25rem}.forgot-password-form-container .input-box.button button{font-size:.75rem}}:root{--primary-bg: #fafafa;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--accent-color: #2563eb;--border-color: #e2e8f0;--hover-color: #2d3748;--white: #ffffff;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);position:relative;padding:2rem}.reset-password-page .logo-container{position:absolute;top:20px;left:20px;z-index:100}.reset-password-page .logo-container a{text-decoration:none}.reset-password-page .logo-container img{height:40px;transition:transform .2s ease}.reset-password-page .logo-container img:hover{transform:scale(1.05)}.reset-password-container{width:100%;max-width:1200px;margin:0 auto}.reset-password-content{display:flex;justify-content:center;align-items:center;padding:2rem}.reset-password-form-container{background:var(--white);padding:2rem;border-radius:6px;box-shadow:0 4px 6px var(--shadow);width:100%;max-width:400px;margin:0 auto;text-align:center}.reset-password-form-container h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem;position:relative;padding-bottom:.75rem}.reset-password-form-container h2:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;height:3px;width:40px;border-radius:6px;background:var(--dark-text)}.reset-password-form-container .info-text{font-size:1rem;color:var(--light-text);margin-bottom:1.5rem;line-height:1.6}.reset-password-form-container .input-box{position:relative;margin:1rem 0}.reset-password-form-container .input-box input{width:100%;height:48px;padding:0 1rem;font-size:1rem;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;outline:none}.reset-password-form-container .input-box input:focus,.reset-password-form-container .input-box input:valid{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a}.reset-password-form-container .password-input{position:relative}.reset-password-form-container .password-input input{padding-right:40px}.reset-password-form-container .toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--light-text);opacity:.7;transition:opacity .2s ease}.reset-password-form-container .toggle-password:hover{opacity:1}.reset-password-form-container .input-box.button button{width:100%;height:48px;background:var(--dark-text);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-password-form-container .input-box.button button:hover{background:var(--hover-color);transform:translateY(-1px)}.reset-password-form-container .input-box.button button:disabled{background:var(--lighter-text);cursor:not-allowed;transform:none}.reset-password-form-container .text{margin-top:1rem}.reset-password-form-container .text h3{color:var(--light-text);font-size:.875rem;font-weight:500}.reset-password-form-container .text h3 a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}.reset-password-form-container .text h3 a:hover{color:var(--hover-color);text-decoration:underline}.reset-password-form-container .success-message{background-color:#00ff001a;color:#00a854;border:1px solid #00a854;padding:.75rem;margin:.5rem 0;border-radius:6px;text-align:center;font-weight:500;font-size:.875rem}.reset-password-form-container .error-message{background-color:#ff00001a;color:#ff1e56;border:1px solid #ff1e56;padding:.75rem;margin:.5rem 0;border-radius:6px;text-align:center;font-weight:500;font-size:.875rem}@media (max-width: 768px){.reset-password-page{padding:1rem}.reset-password-content{padding:1rem;margin-top:60px}.reset-password-form-container{padding:1.5rem}.reset-password-form-container h2{font-size:1.25rem}.reset-password-form-container .info-text{font-size:.875rem}}@media (max-width: 390px){.reset-password-page,.reset-password-content{padding:.5rem}.reset-password-form-container{padding:1.25rem}.reset-password-form-container .input-box.button button{font-size:.75rem}}.not-found-container{position:relative;z-index:1;min-height:94vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 20px 20px}.not-found-logo,.not-found-message,.not-found-link{position:relative;z-index:999;text-align:center;margin:20px 0}.not-found-logo img{height:70px;width:auto;transition:transform .2s ease}.not-found-logo img:hover{transform:scale(1.05)}.not-found-message{font-size:1.8em;font-weight:700;max-width:700px;line-height:1.4;color:#fff}.not-found-message h2{font-size:1.25em;margin-bottom:20px;color:#fff}.not-found-message p{font-size:.8em;font-weight:400;opacity:.9;color:#fff}.not-found-link{display:flex;gap:20px;justify-content:center;font-size:1.8em;font-weight:700;max-width:700px;line-height:1.2;color:#fff}.not-found-link .home-link{display:inline-block;padding:10px 20px;font-size:1em;font-weight:500;color:#fff;text-decoration:none;border-radius:25px;background:linear-gradient(270deg,#ff8a00,#e52e71,#7f00ff,#f72585);background-size:800% 800%;animation:gradientFlow 8s ease infinite;box-shadow:0 0 10px #ff8a0080,0 0 20px #e52e7166,0 0 30px #7f00ff66;transition:transform .3s ease,box-shadow .3s ease}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.not-found-link .home-link:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 0 15px #ff8a00cc,0 0 25px #e52e71b3,0 0 35px #7f00ffb3}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media only screen and (max-width: 480px){.not-found-message h2{font-size:1.1em}.not-found-message p{font-size:.75em}}:root{--primary-bg: #fafafa;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--accent-color: #2563eb;--border-color: #e2e8f0;--hover-color: #2d3748;--white: #ffffff;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00;--success-color: #10b981;--success-hover: #059669;--danger-color: #e74c3c;--danger-hover: #c0392b;--sky-gradient: #131746}:root.dark-mode{--sky-gradient: #0a0a0a}.seaContainer{position:absolute;top:0;left:0;width:100%;height:100vh;background:var(--sky-gradient);overflow:hidden;z-index:1}.submarine__container{position:absolute;top:70%;left:50%;width:400px;height:200px;transform:translate(-50%,-50%)}.submarine__body{position:absolute;top:50%;left:50%;width:250px;height:80px;background:#e30449;border-radius:50px;transform:translate(-50%,-50%)}.submarine__propeller{position:absolute;left:80%;top:50%;width:30px;height:50px;transform:translateY(-50%);perspective:600px}.propeller__perspective{width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;animation:rotateInfinite 1s linear infinite;cursor:pointer}.submarine__propeller-parts{position:absolute;left:0;width:100%;height:100%;top:0;perspective:1000px;transform-style:preserve-3d}.darkOne{top:0;background:#f7ac08;transform:rotateY(180deg) rotateX(225deg)}.lightOne{top:0;background:#f7e349;transform:rotateX(45deg)}.submarine__sail{position:absolute;top:40%;left:50%;width:90px;height:50px;transform:translate(-50%,-100%);background:#c6003d;clip-path:polygon(0% 0%,70% 0%,100% 100%,0% 100%)}.submarine__sail-shadow{position:absolute;width:160%;height:10%;background:#a10532;border-radius:5px}.dark1{left:0;top:0;transform:translateY(-33%)}.dark2{left:0;top:50%}.light1{left:20%;top:20%;width:50%;background:#ef689e}.submarine__window{width:25px;height:25px;border-radius:50%;background-image:linear-gradient(45deg,#c9e5d9,#fff);border:8px solid #a10532;z-index:10;animation:shadow-change 1s linear infinite}.one,.two{position:absolute;top:50%;transform:translate(-50%,-50%)}.one{left:40%}.two{left:20%}.submarine__shadow-dark{position:absolute;left:70%;top:50%;width:70px;height:10px;border-radius:5px;transform:translate(-50%,-50%);background:#a10532}.submarine__shadow-light{position:absolute;left:35%;top:13%;width:100px;height:6px;border-radius:5px;transform:translate(-50%,-50%);background:#ef689e}.submarine__shadow-arcLight{position:absolute;top:65%;left:80%;width:20px;height:20px;border-radius:50%;background:#ef689e}.submarine__periscope{position:absolute;top:0;left:40%;width:20px;height:50px;border-right:10px solid #e92d77;border-top:10px solid #c6003d;border-left:0;border-bottom:0;border-top-right-radius:10px}.submarine__periscope-glass{position:absolute;left:40%;top:0;width:5px;height:15px;background:#f7ac08;transform:translate(-50%,-15%)}.light{position:absolute;top:0;left:0;width:500px;height:100px;background:linear-gradient(to left,#dad8e6,var(--sky-gradient));clip-path:polygon(0% 0%,50% 45%,50% 55%,0% 100%);transform:translate(-18%,-45%)}.bubbles__container{position:absolute;top:50%;left:55%;width:100px;height:50px;transform:translate(100%,-50%)}.bubbles{position:absolute;width:10px;height:10px;border-radius:50%;left:5%;top:5%;background:#fff;opacity:.8}.bubble-1{top:15%;left:1%;opacity:0;animation:move-right 1s infinite linear;animation-delay:.25s}.bubble-2{top:30%;left:1%;opacity:0;animation:move-right 1s infinite linear;animation-delay:.5s}.bubble-3{top:45%;left:1%;opacity:0;animation:move-right 1s infinite linear;animation-delay:.75s}.bubble-4{top:60%;left:1%;opacity:0;animation:move-right 1s infinite linear;animation-delay:1s}.ground__container{position:absolute;top:75%;left:0;width:100%;height:25%;background:#fff;margin-top:20px}.ground1{top:75%;height:100%;background:#fdfdfd}.ground2{position:absolute;top:35%;width:100%;height:100%;background:#fff}.ground span{position:absolute;width:200px;height:60px;border-radius:50%}.ground1 span{background:#fff}.ground2 span{background:#fff;width:80px;height:80px;border-radius:50%;transform:translateY(30%)}.up-1{left:0%;top:-2px;animation:moveThegroundRight 3s infinite linear}.up-2{left:-10%;top:-4px;animation:moveThegroundRight 4s infinite linear}.up-3{left:-20%;top:-6px;animation:moveThegroundRight 5s infinite linear}.up-4{left:-30%;top:-8px;animation:moveThegroundRight 6s infinite linear}.up-5{left:-40%;top:-10px;animation:moveThegroundRight 7s infinite linear}.up-6{left:-50%;top:-12px;animation:moveThegroundRight 8s infinite linear}.up-7{left:-60%;top:-14px;animation:moveThegroundRight 9s infinite linear}.up-8{left:-70%;top:-16px;animation:moveThegroundRight 10s infinite linear}.up-9{left:-80%;top:-18px;animation:moveThegroundRight 11s infinite linear}.up-10{left:-90%;top:-20px;animation:moveThegroundRight 12s infinite linear}.up-11{left:-100%;top:-22px;animation:moveThegroundRight 13s infinite linear}.up-12{left:-110%;top:-24px;animation:moveThegroundRight 14s infinite linear}.up-13{left:-120%;top:-26px;animation:moveThegroundRight 15s infinite linear}.up-14{left:-130%;top:-28px;animation:moveThegroundRight 16s infinite linear}.up-15{left:-140%;top:-30px;animation:moveThegroundRight 17s infinite linear}.up-16{left:-150%;top:-32px;animation:moveThegroundRight 18s infinite linear}.up-17{left:-160%;top:-34px;animation:moveThegroundRight 19s infinite linear}.up-18{left:-170%;top:-36px;animation:moveThegroundRight 20s infinite linear}.up-19{left:-180%;top:-38px;animation:moveThegroundRight 21s infinite linear}.up-20{left:-190%;top:-40px;animation:moveThegroundRight 22s infinite linear}@keyframes shadow-change{0%,to{background-image:linear-gradient(45deg,#c9e5d9,#c9e5d9 20%,#fff 21%,#fff 39%,#c9e5d9,#fff 41%,#fff 59%,#c9e5d9 60%)}20%{background-image:linear-gradient(45deg,#c9e5d9 20%,#c9e5d9 40%,#fff 41%,#fff 59%,#c9e5d9,#fff 61%,#fff 79%,#c9e5d9 80%)}40%{background-image:linear-gradient(45deg,#c9e5d9 40%,#c9e5d9 60%,#fff 61%,#fff 79%,#c9e5d9,#fff 81%,#fff 99%,#c9e5d9 0%)}60%{background-image:linear-gradient(45deg,#c9e5d9 60%,#c9e5d9 80%,#fff 81%,#fff 99%,#c9e5d9 0%,#fff 1%,#fff 19%,#c9e5d9 20%)}80%{background-image:linear-gradient(45deg,#c9e5d9 80%,#c9e5d9 0%,#fff 1%,#fff 19%,#c9e5d9,#fff 21%,#fff 39%,#c9e5d9 40%)}}@keyframes move-right{0%{opacity:0}10%{opacity:.4;transform:translate(10%,10%)}50%{opacity:.2;transform:translate(450%,25%)}80%{opacity:0;transform:translate(555%)}to{opacity:0;left:0;top:0}}@keyframes rotateInfinite{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}@keyframes moveThegroundRight{90%{opacity:1;left:100%}95%,to{left:1050%;opacity:0}}.my-account-profile-page{background:var(--primary-bg);min-height:calc(100vh - 200px);padding-top:70px;padding-bottom:60px}.ma-profile-container{max-width:1400px;margin:0 auto;padding:.5rem .75rem;box-sizing:border-box;display:grid;grid-template-columns:1fr 400px;gap:.5rem;align-items:start}.ma-profile-main-content{display:flex;flex-direction:column;gap:.5rem}.ma-profile-main-content>*{margin:0!important}.ma-profile-sidebar{display:flex;flex-direction:column;gap:.5rem;align-items:start}.ma-profile-sidebar>*{margin:0!important}.ma-profile-page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}:root.dark-mode .ma-profile-page-loading{background:#1a1a1ae6}.ma-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 992px){.ma-profile-container{grid-template-columns:1fr}.ma-profile-sidebar{position:static}}@media (max-width: 768px){.my-account-profile-page{padding-top:75px;overflow-x:hidden;width:100%}.ma-profile-container{padding:0rem .75rem;width:100%;max-width:100%;box-sizing:border-box}.ma-profile-main-content{gap:.4rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.ma-profile-sidebar{gap:.4rem;width:100%;max-width:100%;box-sizing:border-box}}.edit-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-profile-modal{background:var(--white);border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#dc3545;font-size:1.25rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;pointer-events:auto}.modal-close-btn:hover{background:#dc35451a;color:#dc3545;box-shadow:0 0 10px #dc354580}.modal-close-btn i{pointer-events:none}.modal-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0 0 1.5rem}.edit-profile-form{display:flex;flex-direction:column;position:relative}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-text);font-size:.9375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.form-group textarea{resize:vertical;min-height:100px}.profile-photo-group{text-align:center;margin-bottom:2rem}.profile-photo-upload-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-photo-preview-large{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;position:relative}.profile-photo-clickable{cursor:pointer;transition:all .2s ease}.profile-photo-clickable:hover{border-color:var(--main-bg);transform:scale(1.05)}.profile-photo-clickable:hover .profile-photo-overlay{opacity:1}.profile-photo-preview-img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--lighter-text);font-size:3rem}.profile-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);opacity:0;transition:opacity .2s ease;border-radius:50%}.profile-photo-overlay i{font-size:1.5rem;margin-bottom:.25rem}.profile-photo-overlay span{font-size:.75rem;font-weight:500;text-align:center;padding:0 .5rem}.profile-photo-input{display:none}.profile-photo-remove-btn{padding:.5rem 1rem;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.profile-photo-remove-btn:hover{background:var(--error-color-dark, #dc2626)}.country-search-container{position:relative;display:flex;align-items:center;gap:.5rem}.country-search-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;box-sizing:border-box}.country-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.country-flag-preview{width:32px;height:24px;object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000;margin-top:.25rem}.country-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.country-dropdown-item:last-child{border-bottom:none}.country-dropdown-item:hover{background:var(--primary-bg)}.country-dropdown-item .country-flag{width:32px;height:24px;object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.country-dropdown-item span{font-size:.9375rem;color:var(--medium-text)}.form-group small{color:#718096;font-size:.875rem;margin-top:.25rem;display:block}.interest-input-container{display:flex;gap:.5rem;margin-bottom:.75rem}.interest-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;box-sizing:border-box}.interest-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.interest-input-error{border-color:#e53e3e}.interest-input-error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.interest-error-message{display:block;font-size:.75rem;color:#e53e3e;margin-top:.25rem;margin-bottom:.5rem}.interest-add-btn{padding:.75rem 1.5rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.interest-add-btn:hover{background:var(--main-bg-hover)}.interests-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--dark-text)}.interest-tag-remove{background:none;border:none;color:var(--lighter-text);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.interest-tag-remove:hover{background:#0000001a;color:var(--dark-text)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;position:relative;z-index:10}.save-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:Poppins,sans-serif}.save-btn{background:var(--main-bg);color:var(--white)}.save-btn:hover{background:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #22286d33}@media (max-width: 480px){.edit-profile-modal{padding:1.5rem;width:95%}.modal-title{font-size:1.25rem}}.ma-profile-name-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);position:relative;margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.ma-profile-banner{height:120px;background:var(--main-bg);width:100%;border-radius:12px 12px 0 0}.ma-profile-content{padding:0 1rem 1rem;position:relative;padding-top:35px}.ma-profile-edit-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:6px;background:var(--white);border:1px solid var(--border-color);color:var(--medium-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2;box-shadow:0 2px 4px var(--shadow)}.ma-profile-edit-btn:hover{background:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg);transform:scale(1.05)}.ma-profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--white);border:3px solid var(--white);box-shadow:0 2px 8px var(--shadow);position:absolute;top:-75px;left:1rem;z-index:1}.ma-profile-avatar img{width:100%;height:100%;object-fit:cover}.ma-profile-details{margin-top:0;padding-top:0}.ma-profile-name{font-size:1.25rem;font-weight:700;color:var(--dark-text);margin:0 0 .25rem}.ma-profile-username{font-size:.8125rem;color:var(--medium-text);margin:0 0 .5rem;font-weight:400}.ma-profile-bio{font-size:.8125rem;color:var(--light-text);margin:0 0 .5rem;line-height:1.5}.ma-profile-location{font-size:.8125rem;color:var(--medium-text);margin:0;display:flex;align-items:center;gap:.5rem}.ma-profile-country-flag{width:20px;height:15px;object-fit:cover;border:1px solid var(--border-color);border-radius:3px}.ma-analytics-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.ma-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.75rem}.ma-analytics-stat{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:var(--primary-bg);border-radius:8px;min-width:0;box-sizing:border-box}.ma-stat-icon{width:32px;height:32px;border-radius:6px;background:var(--main-bg);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.ma-stat-content{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.ma-stat-value{font-size:1rem;font-weight:700;color:var(--dark-text);line-height:1.2;word-break:break-word;overflow-wrap:break-word}.ma-stat-label{font-size:.7rem;color:var(--lighter-text);line-height:1.2;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ma-show-all-analytics{text-align:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.ma-show-all-analytics-link{color:var(--main-bg);font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}.ma-show-all-analytics-link:hover{color:var(--main-bg-hover);text-decoration:underline}.ma-show-all-analytics-link i{font-size:.75rem}@media (max-width: 768px){.ma-analytics-grid{grid-template-columns:1fr;gap:.5rem}.ma-analytics-stat{padding:.625rem;gap:.5rem}.ma-stat-icon{width:28px;height:28px;font-size:.75rem}.ma-stat-value{font-size:.9375rem}.ma-stat-label{font-size:.6875rem;-webkit-line-clamp:1}.ma-analytics-frame{padding:.75rem}}@media (max-width: 480px){.ma-analytics-grid{gap:.4rem}.ma-analytics-stat{padding:.5rem}.ma-stat-label{font-size:.65rem}}.ma-about-interests-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.ma-about-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.ma-about-text{font-size:.8125rem;color:var(--light-text);line-height:1.6;margin:0}.ma-interests-section{margin-top:1rem}.ma-interests-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ma-interest-tag{display:inline-block;padding:.375rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;color:var(--medium-text);font-weight:500}.ma-no-interests{font-size:.8125rem;color:var(--lighter-text);margin:0;font-style:italic}@media (max-width: 768px){.ma-about-interests-frame{padding:.75rem}.ma-section-title{font-size:.875rem}.ma-about-text{font-size:.75rem}.ma-interest-tag{font-size:.75rem;padding:.3rem .625rem}}@media (max-width: 480px){.ma-about-interests-frame{padding:.625rem}}.ma-my-communities-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.ma-communities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.ma-communities-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem}.ma-my-communities-frame{padding:.75rem}}.ma-empty-state-container{grid-column:1 / -1;text-align:center;padding:2rem 1rem}.ma-empty-state{font-size:.875rem;color:var(--lighter-text);margin:0 0 1rem}.ma-join-community-btn{display:inline-block;padding:.625rem 1.25rem;background:var(--main-bg);color:var(--white);text-decoration:none;border-radius:6px;font-size:.8125rem;font-weight:600;transition:all .2s ease}.ma-join-community-btn:hover{background:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #22286d4d}.ma-communities-owned-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:.5rem;width:100%;max-width:100%;box-sizing:border-box}.ma-section-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0 0 .75rem}.ma-communities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:.75rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.ma-communities-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem}.ma-communities-owned-frame{padding:.75rem}}@media (max-width: 480px){.ma-communities-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.35rem}}.ma-community-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .2s ease;background:var(--white)}.ma-community-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--main-bg);transform:translateY(-2px)}.ma-community-card-image{width:100%;aspect-ratio:1;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.ma-community-card-image img{width:100%;height:100%;object-fit:cover}.ma-community-card-content{padding:.5rem}.ma-community-card-title{font-size:.75rem;font-weight:600;color:var(--dark-text);margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-community-card-members{font-size:.65rem;color:var(--lighter-text);margin:0}.ma-create-community-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;border:2px dashed var(--border-color);transition:all .2s ease;background:var(--primary-bg)}.ma-create-community-card:hover{border-color:var(--main-bg);background:#22286d0d}.ma-create-community-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--lighter-text);font-size:2rem}.ma-create-community-card:hover .ma-create-community-icon{color:var(--main-bg)}.ma-pagination-container{display:flex;justify-content:center;margin-top:.75rem}.ma-pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.ma-pagination-btn{min-width:32px;height:32px;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--dark-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}.ma-pagination-btn:hover:not(.disabled):not(.active){background-color:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.ma-pagination-btn.active{background-color:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.ma-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ma-pagination-ellipsis{padding:0 .25rem;color:var(--lighter-text);font-size:.8125rem}.communities-page{background:var(--primary-bg);min-height:calc(100vh - 200px);padding-top:70px;padding-bottom:60px}.cp-communities-container{max-width:1400px;margin:0 auto;padding:.5rem .75rem}.cp-create-link{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;color:var(--white);background:var(--main-bg);border:none;border-radius:6px;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap;font-family:Poppins,sans-serif}.cp-create-link:hover{background:var(--main-bg-hover);color:var(--white);text-decoration:none}.cp-create-subtitle-link{color:var(--main-bg);text-decoration:underline;font-weight:500;font-family:Poppins,sans-serif}.cp-create-subtitle-link:hover{color:var(--main-bg-hover)}.cp-search-results-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cp-section-header-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.cp-search-results-section{margin-bottom:.5rem}.cp-search-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.cp-clear-search-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;color:var(--medium-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Poppins,sans-serif}.cp-clear-search-btn:hover{background:var(--primary-bg);border-color:var(--orange-primary);color:var(--orange-primary)}.cp-clear-search-btn svg{flex-shrink:0}@media (max-width: 768px){.cp-search-results-header{flex-direction:column;align-items:stretch;gap:.75rem}.cp-search-results-actions{flex-wrap:wrap;gap:.5rem}.cp-create-link{padding:.5rem .875rem;min-height:44px;display:inline-flex;align-items:center;width:fit-content;align-self:flex-start}.cp-clear-search-btn{align-self:flex-start}}.cp-communities-section{margin-bottom:.5rem}.cp-communities-section:last-child{margin-bottom:.5rem}.cp-infinite-scroll-target{min-height:100px;width:100%}.cp-bottom-loading-bar{position:fixed;bottom:0;left:0;right:0;height:4px;background:transparent;z-index:1000;pointer-events:none}.cp-loading-bar{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--orange-primary) 50%,transparent 100%);background-size:200% 100%;animation:loading-bar-slide 1.5s ease-in-out infinite}@keyframes loading-bar-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:.5rem}.cp-filter-dropdown-wrapper{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cp-filter-label{font-size:.875rem;font-weight:500;color:var(--medium-text);white-space:nowrap}.cp-filter-dropdown{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--dark-text);background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;min-width:160px}.cp-filter-dropdown:hover{border-color:var(--orange-primary)}.cp-filter-dropdown:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}@media (max-width: 768px){.cp-section-header{flex-direction:column;gap:1rem}.cp-section-header-actions{flex-direction:column;align-items:stretch;width:100%;gap:.75rem}.cp-filter-dropdown-wrapper{width:100%}.cp-filter-dropdown{flex:1;width:100%}}.cp-create-community-section{background:var(--white);border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px var(--shadow)}.cp-create-community-btn{display:inline-block;padding:.875rem 2rem;background:var(--main-bg);color:var(--white);font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;font-family:Poppins,sans-serif}.cp-create-community-btn:hover{background:var(--main-bg-hover);transform:none;text-decoration:none}.cp-search-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:.5rem}.cp-search-results-grid .community-card{transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;transform:none}.cp-search-results-grid .community-card:hover,.cp-search-results-grid .community-card:active{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg);transform:translateY(-6px) scale(1.02)}.cp-no-results{text-align:center;padding:2rem 1rem;color:var(--lighter-text);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.cp-reset-search-btn{padding:.75rem 2rem;background-color:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cp-reset-search-btn:hover{background-color:var(--main-bg-hover);box-shadow:0 4px 12px #22286d4d}.cp-pagination-container{display:flex;justify-content:center;margin-top:0;padding-top:0}.cp-pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.cp-pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--dark-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}.cp-pagination-btn:hover:not(.disabled):not(.active){background-color:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.cp-pagination-btn.active{background-color:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.cp-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cp-pagination-ellipsis{padding:0 .5rem;color:var(--lighter-text);font-size:.9375rem}.cp-section-heading{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.cp-trending-icon{font-size:1.25rem}.cp-section-subtitle{font-size:.875rem;color:var(--lighter-text);margin:0 0 .5rem}.cp-communities-scroll-container{position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%}.cp-communities-grid-wrapper{width:100%;min-height:280px}.cp-communities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;padding:0;margin:0}.cp-communities-grid .community-card{transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;transform:none}.cp-communities-grid .community-card:hover,.cp-communities-grid .community-card:active{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg);transform:translateY(-6px) scale(1.02)}.cp-loading-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:280px}.cp-loading-spinner{border:4px solid var(--primary-bg);border-top:4px solid var(--orange-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.cp-orange-spinner{border-top-color:var(--orange-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cp-community-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:320px;transform:none}.cp-community-card:hover,.cp-community-card:active{box-shadow:0 8px 24px #22286d1f;border-color:var(--main-bg);transform:translateY(-6px) scale(1.02)}.cp-community-card-header{width:100%;height:120px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:.75rem}.cp-cards-tag{background:var(--orange-primary);color:#000;padding:.25rem .5rem;border-radius:12px;font-size:.625rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.cp-cards-tag.category{text-transform:uppercase;letter-spacing:.3px}.cp-cards-tag.friends{display:flex;align-items:center;gap:.25rem}.cp-cards-tag.friends i{font-size:.5625rem}.cp-cards-tag.trending{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.cp-trending-growth{font-size:.625rem;font-weight:700;color:#000}.cp-trending-text{font-size:.5rem;color:#000;text-transform:uppercase;letter-spacing:.3px}.cp-community-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;min-height:180px}.cp-community-card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cp-community-icon{font-size:1.25rem;flex-shrink:0}.cp-community-icon-img{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.cp-community-card-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-community-card-description{font-size:.875rem;color:var(--light-text);margin:.75rem 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.cp-community-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem;gap:.75rem}.cp-community-card-footer-left{display:flex;align-items:center}.cp-community-members{font-size:.8125rem;color:var(--lighter-text);font-weight:500}.cp-community-card-owner{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cp-owner-circle-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.cp-owner-name{font-size:.75rem;color:var(--light-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:inline-block}@media (max-width: 1200px){.cp-search-results-grid,.cp-communities-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.communities-page{padding-top:70px}.cp-communities-container{padding:.5rem .75rem}.cp-communities-section,.cp-search-results-section,.cp-section-header,.cp-search-results-header{margin-bottom:.4rem}.cp-section-heading{font-size:1.25rem}.cp-section-subtitle{font-size:.8125rem;margin-bottom:.4rem}.cp-communities-scroll-container{gap:.4rem}.cp-search-results-grid,.cp-communities-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.cp-community-card-header{height:100px;padding:.5rem}.cp-community-card-content{padding:1rem;min-height:160px}.cp-community-card{min-height:280px}.cp-community-card-description{-webkit-line-clamp:3;line-clamp:3}}@media (max-width: 480px){.communities-page{overflow-x:hidden}.cp-communities-container{padding:.5rem .75rem;overflow-x:hidden}.cp-section-heading{font-size:1.125rem}.cp-search-results-header,.cp-section-header,.cp-search-results-actions,.cp-section-header-actions{min-width:0}.cp-search-results-grid,.cp-communities-grid{grid-template-columns:1fr;gap:1.25rem}.cp-pagination-btn{padding:.4rem .75rem;font-size:.875rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--main-bg-hover: #131746;--orange-primary: #ff8a00}body{background:var(--primary-bg)}.people-page{background:var(--primary-bg);min-height:calc(100vh - 200px);padding-top:80px;padding-bottom:60px}.pp-people-container{max-width:1400px;margin:0 auto;padding:2rem}.pp-search-results-section,.pp-people-section{margin-bottom:4rem}.pp-people-section:last-child{margin-bottom:2rem}.pp-section-heading{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.pp-section-subtitle{font-size:1rem;color:var(--lighter-text);margin:0 0 2rem}.pp-search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:.5rem}.pp-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.pp-people-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);transition:box-shadow .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;padding:.75rem;align-items:center;text-align:center}.pp-people-card:hover{box-shadow:0 4px 16px #0000001a;text-decoration:none;transform:none}.pp-people-card-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:.5rem;border:2px solid var(--border-color)}.pp-people-card-avatar img{width:100%;height:100%;object-fit:cover}.pp-people-card-content{width:100%}.pp-people-card-name{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0 0 .25rem}.pp-people-card-username{font-size:.75rem;color:var(--lighter-text);margin:0 0 .5rem}.pp-people-card-bio{font-size:.75rem;color:var(--medium-text);line-height:1.4;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-people-card-interests{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.pp-interest-tag{display:inline-block;padding:.15rem .4rem;background:var(--orange-primary);color:#000;border-radius:8px;font-size:.625rem;font-weight:600;transition:none!important;transform:none!important;position:relative;will-change:auto}.pp-interest-tag:hover{background:var(--orange-primary)!important;color:#000!important;transform:none!important;box-shadow:none!important;border:none!important;border-color:transparent!important;position:relative!important}.pp-people-card:hover .pp-interest-tag{transform:none!important;transition:none!important}.pp-no-results{text-align:center;padding:3rem 2rem;color:var(--lighter-text);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pp-reset-search-btn{padding:.75rem 2rem;background-color:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.pp-reset-search-btn:hover{background-color:var(--main-bg-hover);box-shadow:0 4px 12px #22286d4d}.pp-pagination-container{display:flex;justify-content:center;margin-top:0;padding-top:0}.pp-pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pp-pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;color:var(--dark-text);background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center}.pp-pagination-btn:hover:not(.disabled):not(.active){background-color:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.pp-pagination-btn.active{background-color:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.pp-pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pp-pagination-ellipsis{padding:0 .5rem;color:var(--lighter-text);font-size:.9375rem}@media (max-width: 768px){.people-page{padding-top:60px}.pp-people-container{padding:1.5rem}.pp-people-section{margin-bottom:3rem}.pp-section-heading{font-size:1.5rem}.pp-section-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.pp-search-results-grid,.pp-people-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}@media (max-width: 480px){.pp-people-container{padding:1rem}.pp-section-heading{font-size:1.25rem}.pp-search-results-grid,.pp-people-grid{grid-template-columns:1fr;gap:1rem}.pp-pagination-btn{padding:.4rem .75rem;font-size:.875rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--main-bg-hover: #131746}.people-profile-page{background:var(--primary-bg);min-height:calc(100vh - 200px);padding-top:80px;padding-bottom:60px}.ppp-profile-container{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem}.ppp-profile-sidebar{position:static;height:fit-content;display:flex;flex-direction:column;gap:1.5rem}.ppp-sidebar-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.ppp-sidebar-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.ppp-sidebar-communities-list{display:flex;flex-direction:column;gap:.75rem}.ppp-sidebar-community-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--dark-text);transition:background-color .2s ease}.ppp-sidebar-community-item:hover{background-color:var(--primary-bg)}.ppp-sidebar-community-icon{font-size:1.5rem;flex-shrink:0}.ppp-sidebar-community-info{display:flex;flex-direction:column;flex:1;min-width:0}.ppp-sidebar-community-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppp-sidebar-community-members{font-size:.8125rem;color:var(--lighter-text)}.ppp-sidebar-people-list{display:flex;flex-direction:column;gap:.75rem}.ppp-sidebar-person-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--dark-text);transition:background-color .2s ease}.ppp-sidebar-person-item:hover{background-color:var(--primary-bg)}.ppp-sidebar-person-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--primary-bg)}.ppp-sidebar-person-avatar img{width:100%;height:100%;object-fit:cover}.ppp-sidebar-person-info{display:flex;flex-direction:column;flex:1;min-width:0}.ppp-sidebar-person-name{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppp-sidebar-person-bio{font-size:.8125rem;color:var(--lighter-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppp-profile-main-content{min-width:0}.ppp-profile-info-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;overflow:visible;box-shadow:0 2px 8px var(--shadow)}.ppp-profile-banner{width:100%;height:200px;background-color:var(--main-bg);background-size:cover;background-position:center;position:relative;border-radius:12px 12px 0 0}.ppp-profile-content{padding:0 2rem 2rem;position:relative;padding-top:50px}.ppp-profile-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;background:var(--white);border:4px solid var(--white);box-shadow:0 2px 8px var(--shadow);position:absolute;top:-120px;left:2rem;z-index:1}.ppp-profile-avatar img{width:100%;height:100%;object-fit:cover}.ppp-profile-details{margin-top:0;padding-top:0}.ppp-profile-name{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0 0 .25rem}.ppp-profile-location{font-size:.875rem;color:var(--medium-text);margin:0 0 .25rem;text-transform:capitalize}.ppp-profile-bio{font-size:.875rem;color:var(--light-text);margin:0;line-height:1.5}.ppp-engagement-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.ppp-engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.ppp-engagement-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--primary-bg);border-radius:8px}.ppp-stat-icon{width:48px;height:48px;border-radius:50%;background:var(--main-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ppp-stat-icon i{color:var(--white);font-size:1.25rem}.ppp-stat-content{flex:1;min-width:0}.ppp-stat-value{font-size:1.75rem;font-weight:700;color:var(--dark-text);line-height:1.2;margin-bottom:.25rem}.ppp-stat-label{font-size:.875rem;color:var(--medium-text);font-weight:500;line-height:1.2}.ppp-about-interests-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.ppp-about-section{margin-bottom:2rem}.ppp-about-section:last-child{margin-bottom:0}.ppp-about-section .ppp-section-title,.ppp-interests-section .ppp-section-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.ppp-about-text{font-size:.9375rem;color:var(--medium-text);line-height:1.6;margin:0}.ppp-interests-list{display:flex;flex-wrap:wrap;gap:.75rem}.ppp-interest-tag{display:inline-block;padding:.5rem 1rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--medium-text);font-weight:500;transition:all .2s ease}.ppp-interest-tag:hover{background:var(--main-bg);color:var(--white);border-color:var(--main-bg);transform:translateY(-2px);box-shadow:0 2px 4px #22286d33}.ppp-no-interests{font-size:.9375rem;color:var(--lighter-text);font-style:italic;margin:0}.ppp-communities-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.ppp-section-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0 0 1.5rem;text-transform:capitalize}.ppp-communities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.ppp-community-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;aspect-ratio:1;box-shadow:0 2px 4px var(--shadow)}.ppp-community-card:hover{box-shadow:0 4px 12px #0000001a;text-decoration:none}.ppp-community-card-image{width:100%;height:60%;overflow:hidden;background:var(--primary-bg);display:flex;align-items:center;justify-content:center}.ppp-community-card-image img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--white);box-shadow:0 2px 8px var(--shadow)}.ppp-community-card-content{padding:1rem;display:flex;flex-direction:column;justify-content:center;flex:1;text-align:center}.ppp-community-card-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppp-community-card-members{font-size:.875rem;color:var(--lighter-text);margin:0}.ppp-empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;width:100%;grid-column:1 / -1}.ppp-empty-state{color:var(--lighter-text);font-size:1rem;text-align:center;margin:0 0 1.5rem}.ppp-join-community-btn{background-color:var(--main-bg);color:var(--white);border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block}.ppp-join-community-btn:hover{background-color:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #22286d33}.ppp-profile-page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}:root.dark-mode .ppp-profile-page-loading{background:#1a1a1ae6}.ppp-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 992px){.ppp-profile-container{grid-template-columns:1fr}.ppp-profile-sidebar{position:static;top:auto;flex-direction:row;overflow-x:auto;padding-bottom:1rem;gap:1rem}.ppp-sidebar-section{min-width:250px;flex-shrink:0}}@media (max-width: 768px){.ppp-profile-info-section{overflow:visible}.ppp-profile-banner{height:150px;border-radius:12px 12px 0 0}.ppp-profile-content{padding:1rem;padding-top:45px;text-align:center}.ppp-profile-avatar{width:120px;height:120px;top:-85px;left:50%;transform:translate(-50%)}.ppp-profile-details{margin-top:0;padding-top:0}.ppp-profile-name{font-size:1.25rem}.ppp-profile-location,.ppp-profile-bio{font-size:.8125rem}.ppp-engagement-grid{grid-template-columns:1fr;gap:.75rem}.ppp-engagement-stat{padding:1rem;flex-direction:row;text-align:left}.ppp-stat-icon{width:44px;height:44px}.ppp-stat-icon i{font-size:1.125rem}.ppp-communities-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ppp-community-card-image img{width:80px;height:80px}.ppp-community-card-title{font-size:.9375rem}.ppp-community-card-members{font-size:.8125rem}.ppp-profile-container{padding:1rem}.ppp-profile-sidebar{flex-direction:column}.ppp-engagement-section{padding:1.5rem}.ppp-engagement-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.ppp-engagement-stat{padding:.875rem;flex-direction:column;text-align:center;gap:.75rem}.ppp-stat-icon{width:40px;height:40px}.ppp-stat-icon i{font-size:1rem}.ppp-stat-value{font-size:1.5rem}.ppp-stat-label{font-size:.8125rem}.ppp-about-interests-section{padding:1.5rem}.ppp-about-section{margin-bottom:1.5rem}.ppp-interests-list{gap:.5rem}.ppp-interest-tag{padding:.4rem .875rem;font-size:.8125rem}}.chp-content-area .chp-left-column .chp-top-section{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;flex:1;grid-template-columns:none!important;gap:0!important;align-items:stretch!important;overflow:visible!important}.chp-top-section-wrapper{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow);display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0}.chp-top-section-header{width:100%}.chp-community-name-bold{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0}.chp-featured-single-section{width:100%;display:flex;flex-direction:column;gap:1rem}.chp-featured-frame{position:relative;width:100%;padding-top:42%;background:var(--primary-bg);border-radius:8px;overflow:hidden}.chp-featured-frame-content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.chp-featured-frame-caption{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.5),transparent);pointer-events:none}.chp-featured-frame-caption-text{margin:0;font-size:.875rem;line-height:1.4;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chp-featured-frame-poster{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.chp-featured-frame-poster .chp-featured-frame-content{object-fit:cover}.chp-featured-frame-poster-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#374151,#1f2937)}.chp-featured-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-left:6px;transition:background .2s ease,transform .2s ease}.chp-featured-play-btn:hover{background:#000000d9;transform:translate(-50%,-50%) scale(1.05)}.chp-featured-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem}.chp-featured-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--white);color:var(--dark-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.chp-featured-arrow:hover:not(:disabled){background:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.chp-featured-arrow:disabled{opacity:.4;cursor:not-allowed}.chp-featured-empty-state{padding:3rem 2rem;text-align:center;background:var(--primary-bg);border-radius:8px;color:var(--lighter-text);font-size:.9375rem}.chp-community-meta-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.chp-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--medium-text);font-size:.9375rem;font-weight:500}.chp-meta-item i{font-size:1rem;color:var(--lighter-text)}.chp-meta-item i.fa-heart{color:#ef4444}.chp-creator-meta{gap:.5rem;flex-wrap:wrap}.chp-creator-thumbnail{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.chp-creator-label{font-size:.75rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.chp-creator-name{font-size:.875rem;color:var(--dark-text);font-weight:600}.chp-creator-date{font-size:.8125rem;color:var(--medium-text)}@media (max-width: 768px){.chp-community-name-bold{font-size:1.5rem}.chp-featured-play-btn{width:52px;height:52px;font-size:1.25rem}.chp-featured-arrow{width:32px;height:32px;font-size:.875rem}}.cd-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow);display:flex;flex-direction:column;margin:0}.cd-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.cd-description-text{font-size:.9375rem;line-height:1.6;color:var(--medium-text);margin:0 0 1.5rem;word-wrap:break-word;overflow-wrap:break-word}.cd-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cd-tag{display:inline-block;padding:.375rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--medium-text);font-weight:500}.doc-editor{max-width:820px;margin:24px auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.doc-toolbar{display:flex;gap:6px;padding:8px;border-bottom:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.doc-toolbar button{padding:4px 8px;border-radius:4px;border:none;background:#f3f4f6;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#374151;flex-shrink:0;min-width:32px;font-size:.875rem}.doc-toolbar button:hover{background:#e5e7eb}.doc-toolbar button.is-active{background:#ff8a00;color:#fff}.doc-toolbar button svg{display:block}.doc-toolbar .color-picker-wrapper{display:flex;align-items:center}.doc-toolbar .color-picker{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;padding:0;background:#f3f4f6}.doc-toolbar .color-picker::-webkit-color-swatch-wrapper{padding:0}.doc-toolbar .color-picker::-webkit-color-swatch{border:none;border-radius:4px}.toolbar-divider{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.doc-content table{border-collapse:collapse;margin:1.5rem 0;table-layout:fixed;width:100%;overflow:hidden}.doc-content table td,.doc-content table th{min-width:1em;border:1px solid #d1d5db;padding:8px 12px;vertical-align:top;box-sizing:border-box;position:relative}.doc-content table th{font-weight:600;text-align:left;background-color:#f9fafb}.doc-content table .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#ff8a001a;pointer-events:none}.doc-content table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:#ff8a00;pointer-events:none}.doc-content{padding:28px;min-height:420px;font-size:16px;line-height:1.75}.doc-content img{max-width:100%;border-radius:8px;margin:12px 0;cursor:pointer;position:relative;display:block;transition:box-shadow .2s}.doc-content img:hover{box-shadow:0 0 0 2px #ff8a0033}.doc-content img:after{content:"";position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#ff8a00;border:2px solid #ffffff;border-radius:3px;cursor:nwse-resize;opacity:0;transition:opacity .2s;pointer-events:none}.doc-content img:hover:after{opacity:1}.doc-content img{position:relative}.form-group .doc-editor,.ccf-form-group .doc-editor{max-width:100%;margin:0;border:1px solid #d1d5db;border-radius:4px;transition:border-color .3s ease}.form-group .doc-editor:focus-within,.ccf-form-group .doc-editor:focus-within{border-color:#ff8a00;outline:none}.form-group .doc-toolbar,.ccf-form-group .doc-toolbar{border-bottom:1px solid #d1d5db;border-top-left-radius:4px;border-top-right-radius:4px;background:#fff}.form-group .doc-content,.ccf-form-group .doc-content{padding:.5rem;min-height:200px;font-size:.9375rem;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.form-group .doc-content .ProseMirror,.ccf-form-group .doc-content .ProseMirror{outline:none!important;min-height:200px;border:none!important;box-shadow:none!important}.form-group .doc-content .ProseMirror:focus,.ccf-form-group .doc-content .ProseMirror:focus{outline:none!important;border:none!important;box-shadow:none!important}.form-group .doc-content>div,.ccf-form-group .doc-content>div{border:none!important;outline:none!important}.doc-editor.drag-over{opacity:.7;border-color:#ff8a00!important;background-color:#fff5e6}.doc-editor-readonly{max-width:100%;margin:0;border:none;box-shadow:none;background:transparent}.doc-editor-readonly .doc-content{padding:0;min-height:auto}.doc-editor-readonly .doc-content .ProseMirror{outline:none;min-height:auto}.doc-editor-readonly .doc-content img{max-width:100%;height:auto}@media (max-width: 768px){.doc-toolbar{padding:8px;gap:4px}.doc-toolbar button{padding:6px 8px;min-width:32px}.doc-toolbar button svg{width:14px;height:14px}.doc-toolbar .color-picker{width:28px;height:28px}.toolbar-divider{height:20px;margin:0 2px}}@media (max-width: 480px){.doc-toolbar{padding:6px 4px;gap:3px}.doc-toolbar button{padding:5px 6px;min-width:28px}.doc-toolbar button svg{width:12px;height:12px}.doc-toolbar .color-picker{width:24px;height:24px}}.caf-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow);position:relative;display:block}.caf-public-notes-card,.caf-public-notes{width:100%}.caf-public-notes-content{color:var(--medium-text);font-size:1rem;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.caf-notes-line{margin:0 0 1rem}.caf-notes-line:last-child{margin-bottom:0}.caf-home-empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.caf-empty-message{color:var(--lighter-text);font-size:1rem;margin:0}.caf-public-notes-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.caf-edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:6px;background:var(--white);color:var(--medium-text);cursor:pointer;transition:all .2s}.caf-edit-btn:hover{background:var(--primary-bg);border-color:var(--orange-primary);color:var(--orange-primary)}.caf-edit-btn svg{width:16px;height:16px}.caf-public-notes-edit{width:100%;position:static;display:block}.caf-public-notes-edit .doc-editor{max-width:100%;margin:0;border:1px solid var(--border-color);border-radius:4px;position:static;display:block}.caf-public-notes-edit .doc-content{padding:1rem!important}.caf-public-notes-edit .doc-content .ProseMirror{outline:none!important;border:none!important;box-shadow:none!important;width:100%!important;min-height:300px;padding:0!important}.caf-public-notes-edit .doc-content .ProseMirror:focus{outline:none!important;border:none!important;box-shadow:none!important}.caf-public-notes-edit .doc-content>div{border:none!important;outline:none!important;width:100%!important}.caf-public-notes-edit .doc-content>div>*{border:none!important;outline:none!important}.caf-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.caf-edit-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--dark-text)}.caf-edit-actions{display:flex;gap:.75rem}.caf-cancel-btn,.caf-save-btn{padding:.5rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.caf-cancel-btn{background:var(--white);color:var(--medium-text);border:1px solid var(--border-color)}.caf-cancel-btn:hover:not(:disabled){background:var(--primary-bg)}.caf-save-btn{background:var(--orange-primary);color:#fff}.caf-save-btn:hover:not(:disabled){background:var(--orange-hover)}.caf-cancel-btn:disabled,.caf-save-btn:disabled{opacity:.6;cursor:not-allowed}.cs-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow)}.cs-summary-card{padding:0;overflow:hidden;min-width:0}.cs-summary-banner{width:100%;height:120px;position:relative;overflow:visible;background:var(--primary-bg)}.cs-summary-banner-image{width:100%;height:100%;object-fit:cover}.cs-summary-avatar-overlay{position:absolute;bottom:-24px;left:1rem;z-index:2}.cs-summary-avatar{width:64px;height:64px;border-radius:8px;border:3px solid var(--white);background:var(--white);object-fit:cover;box-shadow:0 2px 8px #00000026}.cs-summary-content{padding:2rem 1rem 1rem;min-width:0}.cs-summary-text{font-size:.875rem;line-height:1.5;color:var(--medium-text);margin:0 0 1rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible}.cs-summary-meta{display:flex;flex-direction:row;gap:1.5rem;align-items:center;flex-wrap:wrap}.cs-summary-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--medium-text);font-size:.875rem;font-weight:500}.cs-summary-meta-item i{font-size:.875rem;color:var(--lighter-text);width:16px;text-align:center}.cs-summary-meta-item i.fa-heart{color:#ef4444}.cs-summary-like-btn{display:flex;align-items:center;gap:.5rem;color:var(--medium-text);font-size:.875rem;font-weight:500;font-family:inherit;background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.cs-summary-like-btn:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;color:#ef4444}.cs-summary-like-btn:disabled{opacity:.6;cursor:not-allowed}.cs-summary-like-btn i{font-size:.875rem;color:#ef4444;width:16px;text-align:center}.cs-summary-like-btn-liked{background:#fef2f2;border-color:#ef4444;color:#ef4444}.cs-summary-like-btn-liked i{color:#ef4444}.ci-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow)}.ci-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.ci-community-info-details{display:flex;flex-direction:column;gap:.75rem}.ci-info-item{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.ci-info-item:last-child{border-bottom:none;padding-bottom:0}.ci-info-label{font-size:.75rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.ci-info-value{font-size:.9375rem;font-weight:600;color:var(--dark-text)}.ci-owners-item{position:relative}.ci-owners-avatars{display:flex;align-items:center;position:relative;margin-left:-8px}.ci-owners-avatars .ci-owner-avatar:first-child{margin-left:0}.ci-owner-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--white);object-fit:cover;margin-left:-8px;cursor:pointer;transition:transform .2s ease,z-index 0s}.ci-owner-avatar:hover{transform:scale(1.1);z-index:10!important}.ci-owners-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.ci-owner-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--medium-text);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif}.ci-owner-dropdown-item:hover{background:var(--primary-bg);color:var(--dark-text)}.ci-owner-dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.ci-owner-dropdown-username{font-weight:500}.ym-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow)}:root{--main-bg: #22286d;--main-bg-hover: #131746}.ym-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.ym-membership-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.ym-member-profile{display:flex;justify-content:center}.ym-member-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border-color)}.ym-membership-details{width:100%;display:flex;flex-direction:column;gap:.75rem}.ym-membership-role,.ym-membership-date,.ym-membership-location{display:flex;flex-direction:column;gap:.25rem}.ym-membership-label{font-size:.75rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.ym-membership-value{font-size:.9375rem;font-weight:600;color:var(--dark-text)}.ym-location-with-flag{display:flex;align-items:center;gap:.5rem}.ym-country-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.ym-preview-buttons{margin-top:1.5rem;width:100%}.ym-join-button,.ym-access-button,.ym-pending-button{width:100%;padding:.875rem 1.5rem;color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.ym-join-button{background:var(--orange-primary)}.ym-join-button:hover{background:#e67a00;transform:translateY(-1px);box-shadow:0 4px 8px #ff8a004d}.ym-access-button{background:#28a745}.ym-access-button:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.ym-pending-button{background:#6c757d!important;color:var(--white)!important;cursor:not-allowed!important;opacity:.8}.ym-pending-button:disabled{background:#6c757d!important;color:var(--white)!important;opacity:.8;cursor:not-allowed!important}.ym-pending-button:hover{background:#6c757d!important;transform:none!important;box-shadow:none!important}.community-preview-page{background:var(--primary-bg);min-height:calc(100vh - 200px);padding-top:70px;padding-bottom:60px}.web-nav.not-authenticated+.community-preview-page{padding-top:45px}.cpp-container{max-width:1400px;margin:0 auto;padding:.5rem .75rem}.cpp-main-content{width:100%}.cpp-desktop-layout{display:grid;grid-template-columns:1fr 400px;gap:.5rem;align-items:start;width:100%;box-sizing:border-box;padding:0}.cpp-mobile-layout{display:none;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding:0}.cpp-mobile-layout>*{margin:0!important}.cpp-left-column{display:flex;flex-direction:column;gap:.5rem;min-width:0;width:100%;box-sizing:border-box}.cpp-left-column>*{margin:0!important;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.cpp-left-column .chp-top-section{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;flex:1;grid-template-columns:none!important;gap:0!important;align-items:stretch!important;overflow:visible!important}.cpp-mobile-layout .chp-top-section{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;grid-template-columns:none!important;gap:0!important;align-items:stretch!important;overflow:visible!important}.cpp-intro-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.cpp-intro-frame .cpp-community-title{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0;padding:0}.cpp-intro-media{position:relative;width:100%;padding-top:35%;background:var(--primary-bg);border-radius:8px;overflow:hidden}.cpp-intro-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.cpp-community-icon-section{display:flex;align-items:center;gap:1rem}.cpp-community-icon-wrapper{width:80px;height:80px;border-radius:12px;background:var(--white);border:4px solid var(--white);box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;overflow:hidden}.cpp-community-icon-wrapper img{width:100%;height:100%;object-fit:cover}.cpp-community-icon-text{font-size:2rem;display:flex;align-items:center;justify-content:center}.cpp-community-summary{font-size:1rem;line-height:1.5;color:var(--medium-text);margin:0}.cpp-community-meta-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.cpp-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--medium-text);font-size:.9375rem;font-weight:500}.cpp-meta-item i{font-size:1rem;color:var(--lighter-text)}.cpp-about-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.cpp-community-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cpp-category-badge{padding:.375rem .75rem;background:var(--orange-primary);color:#000;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cpp-created-by{font-size:.875rem;color:var(--lighter-text)}.cpp-community-description{font-size:1rem;line-height:1.6;color:var(--medium-text);margin:0 0 1.5rem}.cpp-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.cpp-tag{display:inline-block;padding:.375rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--medium-text);font-weight:500}.cpp-intro-video-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);overflow:hidden}.cpp-intro-video{width:100%;height:auto;border-radius:8px;display:block}.cpp-public-data-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.cpp-public-data-content{font-size:1rem;line-height:1.8;color:var(--medium-text)}.cpp-public-data-content h1,.cpp-public-data-content h2,.cpp-public-data-content h3,.cpp-public-data-content h4,.cpp-public-data-content h5,.cpp-public-data-content h6{color:var(--dark-text);margin-top:2rem;margin-bottom:1rem;font-weight:600}.cpp-public-data-content h1{font-size:2rem}.cpp-public-data-content h2{font-size:1.75rem}.cpp-public-data-content h3{font-size:1.5rem}.cpp-public-data-content p{margin-bottom:1rem}.cpp-public-data-content ul,.cpp-public-data-content ol{margin-bottom:1rem;padding-left:2rem}.cpp-public-data-content code{background:var(--primary-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.cpp-public-data-content pre{background:var(--primary-bg);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.cpp-public-data-content pre code{background:transparent;padding:0}.cpp-public-data-content blockquote{border-left:4px solid var(--orange-primary);padding-left:1rem;margin:1rem 0;color:var(--light-text);font-style:italic}.cpp-public-data-content a{color:var(--main-bg);text-decoration:underline}.cpp-public-data-content a:hover{color:var(--main-bg-hover)}.cpp-sidebar{display:flex;flex-direction:column;gap:.5rem}.cpp-stats-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem}.cpp-stats-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin:0 0 1.5rem}.cpp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;width:100%}.cpp-stat-item{text-align:center;padding:.875rem .5rem;background:var(--primary-bg);border-radius:8px;min-width:0;overflow:hidden}.cpp-stat-value{font-size:1.25rem;font-weight:700;color:var(--dark-text);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-stat-label{font-size:.75rem;color:var(--lighter-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpp-membership-frame{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:1.5rem}.cpp-membership-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.cpp-membership-info{display:flex;flex-direction:column;gap:.75rem}.cpp-membership-role,.cpp-membership-date{display:flex;flex-direction:column;gap:.25rem}.cpp-membership-label{font-size:.875rem;color:var(--lighter-text);font-weight:500}.cpp-membership-value{font-size:1rem;color:var(--dark-text);font-weight:600}.cpp-join-button,.cpp-access-button{width:100%;padding:.875rem 1.5rem;color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.cpp-join-button{background:var(--main-bg)}.cpp-join-button:hover{background:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22286d4d}.cpp-access-button{background:#28a745}.cpp-access-button:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.cpp-similar-communities-frame{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.05rem;box-shadow:0 2px 4px var(--shadow);flex-shrink:0}.cpp-similar-title{font-size:.875rem;font-weight:600;color:var(--dark-text);margin:0 0 .7rem}.cpp-similar-communities-list{display:flex;flex-direction:column;gap:.5rem}.cpp-no-similar{font-size:.8125rem;color:var(--lighter-text);margin:0;text-align:center;padding:.5rem 0}.cpp-similar-community-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--dark-text);transition:background-color .2s ease}.cpp-similar-community-item:hover{background-color:var(--primary-bg)}.cpp-similar-community-icon{width:48px;height:48px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);overflow:hidden}.cpp-similar-community-icon img{width:100%;height:100%;object-fit:cover}.cpp-similar-icon-text{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.cpp-similar-community-info{display:flex;flex-direction:column;flex:1;min-width:0}.cpp-similar-community-name{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpp-similar-community-members{font-size:.8125rem;color:var(--lighter-text)}.cpp-adsense-frame{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.05rem;box-shadow:0 2px 4px var(--shadow);flex-shrink:0}.cpp-adsense-container{width:100%;min-height:200px;position:relative;background:var(--primary-bg);border:2px dashed var(--border-color);border-radius:6px}.cpp-adsense-container .adsbygoogle{width:100%;display:block;min-height:250px;position:relative;z-index:1;background:transparent}.cpp-adsense-container .adsbygoogle:not(:empty),.cpp-adsense-container .adsbygoogle[data-adsbygoogle-status=done]{background:var(--white);z-index:2}.cpp-adsense-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;min-height:250px;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.cpp-adsense-container .adsbygoogle:not(:empty)~.cpp-adsense-placeholder,.cpp-adsense-container .adsbygoogle[data-adsbygoogle-status=done]~.cpp-adsense-placeholder{display:none}.cpp-adsense-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cpp-adsense-placeholder-content i{font-size:2rem;color:#ccc;margin-bottom:.5rem}.cpp-adsense-placeholder-content p{color:#999;font-size:.875rem;margin:0}.cpp-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}:root.dark-mode .cpp-loading{background:#1a1a1ae6}.cpp-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}.cpp-error{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding-top:100px;color:var(--lighter-text)}.cpp-mobile-only{display:none}.cpp-desktop-only{display:block}@media (max-width: 992px){.cpp-container{padding:.5rem}.cpp-desktop-layout{display:none}.cpp-mobile-layout{display:flex;padding:0 .5rem;gap:.4rem}.cpp-mobile-layout>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.cpp-stats-frame{position:static;top:auto}.cpp-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.community-preview-page{padding-top:65px}.web-nav.not-authenticated+.community-preview-page{padding-top:55px}.cpp-container{padding:0rem}.cpp-community-icon-wrapper{width:60px;height:60px}.cpp-community-icon-text,.cpp-community-title{font-size:1.5rem}.cpp-about-frame,.cpp-stats-frame{padding:1.5rem}.cpp-stats-grid{grid-template-columns:1fr;gap:.75rem}.cpp-stat-item{padding:.875rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--accent-color: #2563eb}.community-page-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);box-shadow:0 2px 4px var(--shadow)}.community-page-navbar-top{border-bottom:1px solid var(--border-color);background:var(--white)}.community-page-navbar-top-content{max-width:1400px;margin:0 auto;padding:.6rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.community-page-navbar-logo{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.community-page-navbar-logo a{display:flex;align-items:center;text-decoration:none}.community-page-logo-img{height:32px;width:auto}.community-page-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.25rem;background:var(--primary-bg);border-radius:6px}.community-page-navbar-name{font-size:.9375rem;font-weight:600;color:var(--dark-text);font-family:Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.community-page-navbar-top-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.community-page-navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--medium-text);font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.community-page-navbar-icon-btn:hover{background:var(--primary-bg);color:var(--dark-text)}.community-page-navbar-icon-btn.active{background:var(--primary-bg);color:var(--main-bg)}.community-page-navbar-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:var(--white);border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;padding:0 4px;border:2px solid var(--white);box-shadow:0 2px 4px #0003}.community-page-navbar-profile-wrapper{position:relative}.community-page-navbar-profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.community-page-navbar-profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1001;overflow:hidden;animation:slideDown .2s ease-out}.community-page-navbar-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--medium-text);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif}.community-page-navbar-dropdown-item:hover{background:var(--primary-bg);color:var(--dark-text)}.community-page-navbar-logout{color:#dc3545;border-top:1px solid var(--border-color)}.community-page-navbar-logout:hover{background:#dc35451a;color:#dc3545}.community-page-navbar-bottom{border-bottom:1px solid var(--border-color);background:var(--white)}.community-page-navbar-bottom-content{max-width:1400px;margin:0 auto;padding:0 1.4rem;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.community-page-navbar-bottom-content::-webkit-scrollbar{display:none}.community-page-navbar-link{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;color:var(--medium-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent;white-space:nowrap;font-family:Poppins,sans-serif;position:relative}.community-page-navbar-link:hover{color:var(--dark-text);background:var(--primary-bg)}.community-page-navbar-link.active{color:var(--main-bg);font-weight:600;border-bottom-color:var(--main-bg);background:var(--primary-bg)}.community-page-navbar-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--medium-text);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.community-page-navbar-mobile-menu-btn:hover{background:var(--primary-bg);color:var(--dark-text)}.community-page-navbar-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;animation:fadeIn .2s ease-out}.community-page-navbar-mobile-side-panel{display:none;position:fixed;top:0;left:-80px;width:70px;height:100vh;background:var(--white);box-shadow:2px 0 12px #00000026;z-index:999;transition:left .3s ease-out;overflow-y:auto}.community-page-navbar-mobile-side-panel.open{left:0}.community-page-navbar-mobile-side-panel-header{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid var(--border-color)}.community-page-navbar-mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-page-navbar-mobile-close-btn:hover{background:var(--primary-bg);border-color:var(--accent-color)}.community-page-navbar-mobile-side-panel-nav{display:flex;flex-direction:column;padding:1rem .5rem;gap:.5rem}.community-page-navbar-mobile-nav-item{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--lighter-text);font-size:1.25rem;cursor:pointer;transition:all .2s ease;margin:0 auto;padding:0}.community-page-navbar-mobile-nav-item:hover{color:var(--medium-text);background:var(--primary-bg);border-color:var(--accent-color)}.community-page-navbar-mobile-nav-item.active{color:var(--dark-text);background:var(--white);border-color:var(--main-bg);font-weight:600}@media (max-width: 768px){.community-page-navbar-top-content{padding:.75rem 1rem}.community-page-navbar-mobile-menu-btn{display:flex}.community-page-navbar-bottom,.community-page-navbar-name{display:none}.community-page-navbar-mobile-overlay,.community-page-navbar-mobile-side-panel{display:block}}.community-home-section-home-content,.community-home-section-main-layout{width:100%}.community-home-section-desktop-layout{display:grid;grid-template-columns:1fr 400px;gap:.5rem;align-items:start;width:100%;box-sizing:border-box;padding:0}.community-home-section-mobile-layout{display:none;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding:0}.community-home-section-mobile-layout>*{margin:0!important}.community-home-section-mobile-layout .chp-top-section-wrapper,.community-home-section-mobile-layout .cd-card,.community-home-section-mobile-layout .ym-card,.community-home-section-mobile-layout .cs-card,.community-home-section-mobile-layout .ci-card,.community-home-section-mobile-layout .caf-card{margin:0!important}.community-home-section-left-column{display:flex;flex-direction:column;gap:.4rem;min-width:0;width:100%;box-sizing:border-box}.community-home-section-left-column .chp-top-section{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;box-sizing:border-box;grid-template-columns:none!important;gap:0!important;align-items:stretch!important;overflow:visible!important}.community-home-section-left-column .chp-top-section-wrapper{margin-bottom:0!important;margin-top:0!important}.community-home-section-left-column .cd-card,.community-home-section-left-column .caf-card{margin-top:0!important;margin-bottom:0!important}.community-home-section-left-column>*{margin:0!important}.community-home-section-left-column .chp-top-section-wrapper,.community-home-section-left-column .cd-card,.community-home-section-left-column .ym-card,.community-home-section-left-column .cs-card,.community-home-section-left-column .ci-card,.community-home-section-left-column .caf-card{margin:0!important}.community-home-section-left-column>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.community-home-section-sidebar{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 992px){.community-home-section-desktop-layout{display:none}.community-home-section-mobile-layout{display:flex;padding:0 .25rem;gap:.4rem}.community-home-section-mobile-layout>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box}}.no-access-container{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;text-align:center}.no-access-message{max-width:600px;margin-bottom:2rem}.no-access-message h2{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:1rem}.no-access-message p{font-size:1.125rem;color:var(--medium-text);line-height:1.6;margin:0}.no-access-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.no-access-link{display:inline-block;padding:.75rem 2rem;font-size:1rem;font-weight:500;color:var(--white);text-decoration:none;border-radius:8px;background:var(--main-bg);transition:all .2s ease;box-shadow:0 2px 4px var(--shadow)}.no-access-link:hover{background:var(--main-bg-hover);transform:translateY(-2px);box-shadow:0 4px 8px #22286d4d;text-decoration:none;color:var(--white)}.no-access-link.secondary{background:var(--white);color:var(--main-bg);border:2px solid var(--main-bg)}.no-access-link.secondary:hover{background:var(--primary-bg);color:var(--main-bg);border-color:var(--main-bg)}@media (max-width: 768px){.no-access-container{min-height:60vh;padding:30px 20px}.no-access-message h2{font-size:1.5rem}.no-access-message p{font-size:1rem}.no-access-links{flex-direction:column;width:100%;max-width:300px}.no-access-link{width:100%}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--orange-primary: #ff8a00}:root.dark-mode{--primary-bg: #1a1a1a;--white: #2d2d2d;--dark-text: #ffffff;--medium-text: #e0e0e0;--light-text: #b0b0b0;--lighter-text: #808080;--border-color: #404040;--shadow: rgba(0, 0, 0, .3)}.community-page{padding-top:88px;min-height:100vh;background:var(--primary-bg)}.community-page-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.community-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}.community-page-container{max-width:1400px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:0}.community-page-top-section{display:grid;grid-template-columns:1fr 400px;gap:1.4rem;align-items:stretch;transition:opacity .3s ease,max-height .3s ease,margin .3s ease;overflow:hidden}.community-page-top-section.hidden{display:none}.community-page-left-column{display:flex;flex-direction:column;gap:1.05rem;height:100%}.community-page-full-width-section{display:flex;flex-direction:column;gap:1.4rem;padding:.5rem .75rem}.community-page-banner-frame{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);padding:1.05rem;display:flex;flex-direction:column;gap:1.05rem}.community-page-banner-media{position:relative;width:100%;padding-top:35%;background:var(--primary-bg);border-radius:8px;overflow:hidden}.community-page-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.community-page-community-icon-section{display:flex;align-items:center;gap:.7rem}.community-page-community-icon-wrapper{width:56px;height:56px;border-radius:8px;background:var(--white);border:3px solid var(--white);box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.community-page-community-icon-wrapper img{width:100%;height:100%;object-fit:cover}.community-page-community-name{font-size:1.4rem;font-weight:700;color:var(--dark-text);margin:0}.community-page-community-meta-info{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.community-page-meta-item{display:flex;align-items:center;gap:.35rem;color:var(--medium-text);font-size:.8125rem;font-weight:500}.community-page-meta-item i{font-size:.875rem;color:var(--lighter-text)}.community-page-nav-tabs{display:flex;gap:.35rem;background:var(--white);border-radius:6px;padding:.35rem;box-shadow:0 2px 4px var(--shadow);border:1px solid var(--border-color)}.community-page-tab{flex:1;padding:.525rem 1.05rem;text-align:center;text-decoration:none;color:var(--medium-text);font-weight:500;border-radius:4px;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:.875rem}.community-page-tab:hover{background:var(--primary-bg);color:var(--dark-text)}.community-page-tab.active{background:var(--orange-primary);color:#000;font-weight:600}.community-page-content-area{background:var(--primary-bg);border-radius:0;padding:.5rem .75rem;min-height:calc(100vh - 100px);box-shadow:none;border:none}.community-page-sidebar{display:flex;flex-direction:column;gap:1.05rem;height:100%}.community-page-sidebar-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:1.05rem;box-shadow:0 2px 4px var(--shadow);flex-shrink:0}.community-page-sidebar-title{font-size:.875rem;font-weight:600;color:var(--dark-text);margin:0 0 .7rem}.community-page-stats-list{display:flex;flex-direction:column;gap:.7rem}.community-page-stat-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.7rem;border-bottom:1px solid var(--border-color)}.community-page-stat-item:last-child{border-bottom:none;padding-bottom:0}.community-page-stat-label{font-size:.75rem;color:var(--light-text)}.community-page-stat-value{font-size:.9375rem;font-weight:600;color:var(--dark-text)}.community-page-community-info-details{display:flex;flex-direction:column;gap:.525rem}.community-page-info-item{display:flex;flex-direction:column;gap:.175rem;padding-bottom:.525rem;border-bottom:1px solid var(--border-color)}.community-page-info-item:last-child{border-bottom:none;padding-bottom:0}.community-page-info-label{font-size:.625rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.community-page-info-value{font-size:.8125rem;font-weight:600;color:var(--dark-text)}.community-page-owners-item{position:relative}.community-page-owners-avatars{display:flex;align-items:center;position:relative;margin-left:-8px}.community-page-owners-avatars .community-page-owner-avatar:first-child{margin-left:0}.community-page-owner-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--white);object-fit:cover;margin-left:-6px;cursor:pointer;transition:transform .2s ease,z-index 0s}.community-page-owner-avatar:hover{transform:scale(1.1);z-index:10!important}.community-page-owners-dropdown{position:absolute;top:calc(100% + .35rem);left:0;background:var(--white);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:140px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.community-page-owner-dropdown-item{display:flex;align-items:center;gap:.525rem;padding:.525rem .7rem;color:var(--medium-text);text-decoration:none;font-size:.8125rem;font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif}.community-page-owner-dropdown-item:hover{background:var(--primary-bg);color:var(--dark-text)}.community-page-owner-dropdown-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.community-page-owner-dropdown-username{font-weight:500}.community-page-membership-info{display:flex;flex-direction:column;align-items:center;gap:.7rem}.community-page-member-profile{display:flex;justify-content:center}.community-page-member-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.community-page-membership-details{width:100%;display:flex;flex-direction:column;gap:.525rem}.community-page-membership-role,.community-page-membership-date{display:flex;flex-direction:column;gap:.175rem}.community-page-membership-label{font-size:.625rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.community-page-membership-value{font-size:.8125rem;font-weight:600;color:var(--dark-text)}@media (max-width: 992px){.community-page-container{padding:0}.community-page-top-section{grid-template-columns:1fr;gap:1.05rem}.community-page-left-column{order:1}.community-page-sidebar{order:2}.community-page-community-icon-wrapper{width:42px;height:42px}.community-page-community-name{font-size:1.05rem}}@media (max-width: 768px){.community-page{padding-top:68px}.community-page-loading{min-height:calc(100vh - 68px)}.community-page-nav-tabs,.community-page-tab{display:none!important}.community-page-content-area{padding:1rem .5rem .5rem;min-height:calc(100vh - 68px)}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.confirmation-modal-container{background:var(--white, #ffffff);border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:100%;position:relative;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.confirmation-modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--lighter-text, #718096);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:1.125rem;z-index:1}.confirmation-modal-close-btn:hover{background:var(--background-color, #f5f5f5);color:var(--dark-text, #1a202c)}.confirmation-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.confirmation-modal-title{font-size:1.25rem;font-weight:600;color:var(--dark-text, #1a202c);margin:0}.confirmation-modal-body{padding:1.5rem}.confirmation-modal-message{font-size:.9375rem;color:var(--light-text, #4a5568);margin:0;line-height:1.6}.confirmation-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--border-color, #e2e8f0)}.confirmation-modal-cancel-btn{padding:.625rem 1.25rem;background:var(--white, #ffffff);color:var(--medium-text, #2d3748);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.confirmation-modal-cancel-btn:hover{background:var(--background-color, #f5f5f5);border-color:var(--main-bg, #22286d);color:var(--main-bg, #22286d)}.confirmation-modal-confirm-btn{padding:.625rem 1.25rem;background:var(--main-bg, #22286d);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.confirmation-modal-confirm-btn:hover{background:var(--main-bg-hover, #131746);transform:translateY(-1px);box-shadow:0 2px 8px #22286d33}.confirmation-modal-confirm-btn:active{transform:translateY(0)}.confirmation-modal-confirm-btn.danger{background:#dc3545}.confirmation-modal-confirm-btn.danger:hover{background:#c82333;box-shadow:0 2px 8px #dc354533}.confirmation-modal-confirm-btn.warning{background:var(--orange-primary, #ff8a00)}.confirmation-modal-confirm-btn.warning:hover{background:var(--orange-hover, #e67e00);box-shadow:0 2px 8px #ff8a0033}@media (max-width: 768px){.confirmation-modal-container{max-width:100%;margin:1rem}.confirmation-modal-header{padding:1.25rem 1.25rem .75rem}.confirmation-modal-body{padding:1.25rem}.confirmation-modal-footer{padding:.75rem 1.25rem 1.25rem;flex-direction:column-reverse}.confirmation-modal-cancel-btn,.confirmation-modal-confirm-btn{width:100%}}.public-feeds-profile-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px var(--shadow)}.public-feeds-profile-card-banner{height:60px;background:var(--main-bg);width:100%}.public-feeds-profile-card-content{padding:.75rem;text-align:center;position:relative}.public-feeds-profile-card-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:-40px auto .75rem;border:3px solid var(--white);background:var(--white)}.public-feeds-profile-card-avatar img{width:100%;height:100%;object-fit:cover}.public-feeds-profile-card-name{font-size:1.125rem;font-weight:700;color:var(--dark-text);margin:0 0 .5rem}.public-feeds-profile-card-bio{font-size:.875rem;color:var(--light-text);margin:0 0 .5rem;line-height:1.5}.public-feeds-profile-card-location{font-size:.875rem;color:var(--medium-text);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.public-feeds-profile-card-country-flag{width:20px;height:15px;object-fit:cover;border:1px solid var(--border-color);border-radius:3px}@media (max-width: 768px){.public-feeds-profile-card-content{padding:.6rem}}.create-public-feeds-post-section{margin-bottom:.5rem}.create-public-feeds-post-input{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.create-public-feeds-post-input:hover{border-color:var(--main-bg);box-shadow:0 0 0 1px var(--main-bg)}.create-public-feeds-post-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.create-public-feeds-post-avatar img{width:100%;height:100%;object-fit:cover}.create-public-feeds-post-placeholder{flex:1;color:var(--lighter-text);font-size:.8125rem;font-family:Poppins,sans-serif}:root.dark-mode .create-public-feeds-post-input{background:var(--white);border-color:var(--border-color)}:root.dark-mode .create-public-feeds-post-input:hover{border-color:var(--main-bg)}.public-feeds-post-view-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:public-feeds-post-view-spin 1s linear infinite}@keyframes public-feeds-post-view-spin{to{transform:rotate(360deg)}}.public-feeds-post-view-allow-replies{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.public-feeds-post-view-allow-replies-label{font-size:.875rem;font-weight:500;color:var(--medium-text, #2d3748)}.public-feeds-post-view-toggle-switch{position:relative;width:44px;height:24px;padding:0;border:none;border-radius:999px;background:#a0aec0;cursor:pointer;transition:background .2s ease;flex-shrink:0}.public-feeds-post-view-toggle-switch:hover{background:#718096}.public-feeds-post-view-toggle-switch.on{background:var(--main-bg, #8A39FF)}.public-feeds-post-view-toggle-switch.on:hover{background:var(--main-bg-hover, #7328E6)}.public-feeds-post-view-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.public-feeds-post-view-toggle-switch.on .public-feeds-post-view-toggle-thumb{transform:translate(20px)}.public-feeds-post-view-posts-feed{display:flex;flex-direction:column;gap:.5rem}.public-feeds-post-view-no-posts{background:transparent;border:none;border-radius:0;padding:1rem .75rem;text-align:center;color:var(--light-text)}.public-feeds-post-view-post-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;box-shadow:0 1px 2px var(--shadow)}.public-feeds-post-view-posts-list{display:flex;flex-direction:column;gap:.5rem}.public-feeds-post-view-post-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.35rem}.public-feeds-post-view-post-card-byline{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.public-feeds-post-view-post-card-avatar{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--primary-bg)}.public-feeds-post-view-post-card-avatar img{width:100%;height:100%;object-fit:cover}.public-feeds-post-view-post-card-avatar-link{display:block;flex-shrink:0;text-decoration:none}.public-feeds-post-view-post-card-byline-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.public-feeds-post-view-post-card-byline-primary{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.public-feeds-post-view-post-card-byline-sep{font-size:.6875rem;color:var(--lighter-text);-webkit-user-select:none;user-select:none}.public-feeds-post-view-post-card-community,.public-feeds-post-view-post-card-community-name{font-size:.875rem;font-weight:600;color:var(--dark-text);text-decoration:none}.public-feeds-post-view-post-card-community:hover,.public-feeds-post-view-post-card-community-name:hover{color:var(--main-bg);text-decoration:underline}.public-feeds-post-view-post-card-community-alias{font-size:.75rem;color:var(--lighter-text)}.public-feeds-post-view-post-card-date{font-size:.6875rem;color:var(--lighter-text)}.public-feeds-post-view-post-card-actions{display:flex;align-items:center;gap:.35rem}.public-feeds-post-view-post-card-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;transition:all .2s ease}.public-feeds-post-view-post-card-share-btn:hover{background:#22286d1a;color:var(--main-bg)}.public-feeds-post-view-post-card-edit-btn,.public-feeds-post-view-post-card-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;transition:all .2s ease}.public-feeds-post-view-post-card-edit-btn:hover{background:#22286d1a;color:var(--main-bg)}.public-feeds-post-view-post-card-delete-btn:hover{background:#dc35451a;color:#dc3545}.public-feeds-post-view-post-card-edit-form{margin:.35rem 0}.public-feeds-post-view-post-edit-textarea,.public-feeds-post-view-post-reply-textarea{width:100%;padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-family:Poppins,sans-serif;resize:vertical;margin-bottom:.25rem;min-height:56px;box-sizing:border-box}.public-feeds-post-view-post-edit-textarea:focus,.public-feeds-post-view-post-reply-textarea:focus{outline:none;border-color:var(--main-bg)}.public-feeds-post-view-post-edit-actions,.public-feeds-post-view-post-reply-actions{display:flex;justify-content:flex-end;align-items:center;gap:.35rem;margin-top:.25rem}.public-feeds-post-view-post-edit-cancel,.public-feeds-post-view-post-reply-cancel{padding:.35rem .6rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;cursor:pointer;font-family:Poppins,sans-serif;color:var(--dark-text)}.public-feeds-post-view-post-edit-cancel:hover:not(:disabled),.public-feeds-post-view-post-reply-cancel:hover:not(:disabled){border-color:var(--main-bg);color:var(--main-bg)}.public-feeds-post-view-post-edit-save,.public-feeds-post-view-post-reply-submit{padding:.35rem .75rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif}.public-feeds-post-view-post-edit-save:hover:not(:disabled),.public-feeds-post-view-post-reply-submit:hover:not(:disabled){background:var(--main-bg-hover)}.public-feeds-post-view-post-edit-save:disabled,.public-feeds-post-view-post-reply-submit:disabled{opacity:.6;cursor:not-allowed}.public-feeds-post-view-post-card-reply-form{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border-color)}.public-feeds-post-view-post-reply-attach{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--light-text);cursor:pointer;margin-bottom:.25rem}.public-feeds-post-view-post-reply-attach input{display:none}.public-feeds-post-view-post-reply-filename{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--lighter-text);margin-left:.5rem}.public-feeds-post-view-post-reply-filename button{background:none;border:none;cursor:pointer;color:var(--lighter-text);font-size:1rem;line-height:1}.public-feeds-post-view-post-card-replies{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border-color)}.public-feeds-post-view-post-replies-loading,.public-feeds-post-view-post-no-replies{font-size:.8125rem;color:var(--lighter-text);padding:.25rem 0}.public-feeds-post-view-post-replies-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.public-feeds-post-view-post-replies-list.nested-replies{margin-left:16px;margin-top:.25rem;padding-left:8px;border-left:2px solid var(--border-color, #2a2a2a)}.public-feeds-post-view-post-reply-item{padding:.35rem .5rem;background:var(--primary-bg, #f5f5f5);border-radius:6px;border:none}.public-feeds-post-view-post-reply-author{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem;flex-wrap:wrap}.public-feeds-post-view-post-reply-author>div:first-of-type{flex:1;min-width:0}.public-feeds-post-view-post-reply-actions-inline{display:flex;align-items:center;gap:.25rem}.public-feeds-post-view-post-reply-actions-inline .public-feeds-post-view-post-reply-action-btn{padding:.2rem .35rem}.public-feeds-post-view-post-reply-delete-btn:hover{color:#dc3545}.public-feeds-post-view-post-reply-author img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.public-feeds-post-view-post-reply-name{font-size:.75rem;font-weight:600;color:var(--dark-text);margin-right:.5rem}.public-feeds-post-view-post-reply-date{font-size:.6875rem;color:var(--lighter-text);margin-left:.25rem}.public-feeds-post-view-post-reply-message{font-size:.8125rem;color:var(--dark-text);line-height:1.4;margin:0 0 .15rem;white-space:pre-wrap}.public-feeds-post-view-post-reply-attachments{margin-top:.35rem}.public-feeds-post-view-post-reply-attachment-img{max-width:120px;max-height:120px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color)}.public-feeds-post-view-post-reply-footer{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}.public-feeds-post-view-post-reply-action-btn{display:flex;align-items:center;gap:.2rem;padding:.2rem .4rem;font-size:.75rem;background:transparent;border:none;color:var(--lighter-text);cursor:pointer;transition:all .2s ease;border-radius:4px}.public-feeds-post-view-post-reply-action-btn:hover{background:var(--hover-bg);color:var(--dark-text)}.public-feeds-post-view-post-reply-action-btn.liked{color:var(--main-bg, #8A39FF)}.public-feeds-post-view-post-card-reply-form.nested-reply-form{margin-top:.3rem;padding-top:.3rem;margin-left:0;border-top:1px solid var(--border-color)}.public-feeds-post-view-post-card-content{margin-bottom:.25rem}.public-feeds-post-view-post-card-message{font-size:.875rem;color:var(--dark-text);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.public-feeds-post-view-post-card-attachments{margin-top:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}.public-feeds-post-view-post-card-attachment{border-radius:8px;overflow:hidden;background:var(--primary-bg)}.public-feeds-post-view-post-card-attachment-image{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.public-feeds-post-view-post-card-attachment-link{display:inline-flex;align-items:center;padding:.5rem;font-size:.75rem;color:var(--main-bg);text-decoration:none;border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.public-feeds-post-view-post-card-attachment-link:hover{border-color:var(--main-bg);background:#22286d0d}.public-feeds-post-view-post-card-footer{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding-top:.35rem;margin-top:.2rem;border-top:1px solid var(--border-color)}.public-feeds-post-view-post-card-posted-by{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.public-feeds-post-view-post-card-posted-by-label{font-size:.625rem;color:var(--lighter-text)}.public-feeds-post-view-post-card-posted-by-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.public-feeds-post-view-post-card-posted-by-name{font-size:.75rem;color:var(--light-text)}.public-feeds-post-view-post-card-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:transparent;border:none;border-radius:4px;color:var(--lighter-text);font-size:.8125rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.public-feeds-post-view-post-card-action-btn:hover{background:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.public-feeds-post-view-post-card-action-btn.liked{color:#e53e3e}.public-feeds-post-view-post-card-action-btn.liked:hover{background:#e53e3e1a;color:#c53030}.public-feeds-post-view-post-card-replies-count{font-size:.75rem;color:var(--lighter-text)}.public-feeds-post-view-posts-loading,.public-feeds-post-view-posts-loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem}.public-feeds-post-view-posts-loading-inline{padding:1rem}.public-feeds-post-view-posts-loading p,.public-feeds-post-view-posts-loading-inline p{margin:0;font-size:.875rem;color:var(--light-text)}.public-feeds-post-view-no-posts.public-feeds-post-view-posts-error{display:flex;flex-direction:column;align-items:center;gap:.75rem}.public-feeds-post-view-retry-btn{padding:.5rem 1rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease}.public-feeds-post-view-retry-btn:hover{background:var(--main-bg-hover)}.public-feeds-post-view-load-more-sentinel{height:1px;width:100%;pointer-events:none;visibility:hidden}.public-feeds-post-view-load-more-wrap{display:flex;justify-content:center;padding:1rem 0}.public-feeds-post-view-load-more-btn{padding:.5rem 1.25rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;color:var(--dark-text);font-size:.875rem;cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s ease}.public-feeds-post-view-load-more-btn:hover{border-color:var(--main-bg);color:var(--main-bg)}.public-feeds-post-view-replies-load-more-wrap{margin-top:.5rem;padding-top:.35rem;display:flex;justify-content:center}.public-feeds-post-view-replies-load-more-btn{padding:.35rem .75rem;font-size:.8125rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--lighter-text);cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.public-feeds-post-view-replies-load-more-btn:hover:not(:disabled){border-color:var(--main-bg);color:var(--main-bg)}.public-feeds-post-view-replies-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.public-feeds-post-view-nested-replies-wrap{display:flex;flex-direction:column;gap:0}.public-feeds-post-view-post-error{padding:.75rem 1rem;margin-bottom:1rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#c53030;font-size:.875rem}.public-feeds-my-communities-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;box-shadow:0 1px 3px var(--shadow)}.public-feeds-my-communities-card-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.public-feeds-my-communities-card-list{display:flex;flex-direction:column;gap:.35rem}.public-feeds-my-communities-card-item{display:flex;align-items:center;gap:.5rem;padding:.4rem;border-radius:6px;text-decoration:none;color:inherit;transition:background-color .2s ease}.public-feeds-my-communities-card-item:hover{background:var(--primary-bg)}.public-feeds-my-communities-card-create-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:2px dashed var(--border-color)}.public-feeds-my-communities-card-create-item:hover{background:#ff8a000d;border-color:var(--orange-primary)}.public-feeds-my-communities-card-create-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);border:2px solid var(--border-color);transition:all .2s ease}.public-feeds-my-communities-card-create-item:hover .public-feeds-my-communities-card-create-icon{border-color:var(--orange-primary);background:#ff8a001a}.public-feeds-my-communities-card-create-icon i{font-size:1.25rem;color:var(--lighter-text);transition:color .2s ease}.public-feeds-my-communities-card-create-item:hover .public-feeds-my-communities-card-create-icon i{color:var(--orange-primary)}.public-feeds-my-communities-card-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-bg)}.public-feeds-my-communities-card-icon img{width:100%;height:100%;object-fit:cover}.public-feeds-my-communities-card-icon-text{font-size:1.5rem}.public-feeds-my-communities-card-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.public-feeds-my-communities-card-name{font-size:.875rem;font-weight:600;color:var(--dark-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-feeds-my-communities-card-meta{display:flex;flex-direction:column;gap:.125rem}.public-feeds-my-communities-card-members{font-size:.7rem;font-style:italic;color:var(--lighter-text)}.public-feeds-my-communities-card-role{font-size:.7rem;color:var(--lighter-text);text-transform:lowercase}@media (max-width: 768px){.public-feeds-my-communities-card{padding:.75rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--main-bg-hover: #131746;--orange-primary: #ff8a00;--orange-hover: #e67e00}.community-public-feeds-page{padding-top:70px;padding-bottom:60px;min-height:100vh;background:var(--primary-bg)}.community-public-feeds-page-container{max-width:1400px;margin:0 auto;padding:.5rem .75rem;box-sizing:border-box}.community-public-feeds-page-desktop-layout{display:grid;grid-template-columns:300px 1fr 280px;gap:.5rem;align-items:start;width:100%;box-sizing:border-box}.community-public-feeds-page-right-sidebar{display:flex;flex-direction:column;gap:.5rem;align-items:start;width:100%;max-width:280px;box-sizing:border-box}.community-public-feeds-page-mobile-layout{display:none;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding:0}.community-public-feeds-page-mobile-layout>*{margin:0!important}.community-public-feeds-page-page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}:root.dark-mode .community-public-feeds-page-page-loading{background:#1a1a1ae6}.community-public-feeds-page-loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--orange-primary);border-radius:50%;animation:spin 1s linear infinite}.community-public-feeds-page-sidebar,.community-public-feeds-page-main-content{display:flex;flex-direction:column;gap:.5rem}.community-public-feeds-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.community-public-feeds-page-modal{background:var(--white);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-public-feeds-page-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.community-public-feeds-page-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--dark-text);font-family:Poppins,sans-serif}.community-public-feeds-page-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-public-feeds-page-modal-close:hover{background:var(--primary-bg);border-color:var(--main-bg)}.community-public-feeds-page-modal-content{padding:1rem}:root.dark-mode .community-public-feeds-page-modal{background:var(--white)}:root.dark-mode .community-public-feeds-page-modal-header{border-bottom-color:var(--border-color)}:root.dark-mode .community-public-feeds-page-modal-close{border-color:var(--border-color);color:var(--dark-text)}:root.dark-mode .community-public-feeds-page-modal-close:hover{background:var(--primary-bg);border-color:var(--main-bg)}.community-public-feeds-page-create-post{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:0 1px 3px var(--shadow)}.community-public-feeds-page-post-header{margin-bottom:.75rem}.community-public-feeds-page-community-select-wrapper{position:relative;width:100%}.community-public-feeds-page-community-select-btn{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9375rem;font-family:Poppins,sans-serif;background:var(--white);color:var(--dark-text);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.community-public-feeds-page-community-select-btn:hover{border-color:var(--orange-primary)}.community-public-feeds-page-community-select-btn:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.community-public-feeds-page-community-select-btn i{margin-left:auto;font-size:.875rem;color:var(--lighter-text);transition:transform .2s ease}.community-public-feeds-page-community-select-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.community-public-feeds-page-community-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease-out}.community-public-feeds-page-community-select-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.community-public-feeds-page-community-select-item:last-child{border-bottom:none}.community-public-feeds-page-community-select-item:hover{background:var(--primary-bg)}.community-public-feeds-page-community-select-item.selected{background:#ff8a001a;color:var(--orange-primary)}.community-public-feeds-page-community-select-item-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.community-public-feeds-page-community-select-item span{font-size:.9375rem;color:var(--dark-text);flex:1}.community-public-feeds-page-community-select-item.selected span{color:var(--orange-primary);font-weight:600}.community-public-feeds-page-post-textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;resize:vertical;margin-bottom:1rem;min-height:100px}.community-public-feeds-page-post-textarea:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.community-public-feeds-page-post-textarea::placeholder{color:var(--lighter-text)}.community-public-feeds-page-file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.community-public-feeds-page-file-preview{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:var(--primary-bg)}.community-public-feeds-page-file-preview img,.community-public-feeds-page-file-preview video{width:100%;height:100%;object-fit:cover}.community-public-feeds-page-remove-file{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#0009;color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:background .2s ease}.community-public-feeds-page-remove-file:hover{background:#000c}.community-public-feeds-page-add-more-files{position:relative;border-radius:8px;aspect-ratio:1;background:var(--primary-bg);border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-height:150px}.community-public-feeds-page-add-more-files:hover{border-color:var(--orange-primary);background:#ff8a000d}.community-public-feeds-page-add-more-files i{font-size:2rem;color:var(--lighter-text);transition:color .2s ease}.community-public-feeds-page-add-more-files:hover i{color:var(--orange-primary)}.community-public-feeds-page-allow-replies{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.community-public-feeds-page-allow-replies-label{font-size:.875rem;font-weight:500;color:var(--medium-text, #2d3748)}.community-public-feeds-page-toggle-switch{position:relative;width:44px;height:24px;padding:0;border:none;border-radius:999px;background:#a0aec0;cursor:pointer;transition:background .2s ease;flex-shrink:0}.community-public-feeds-page-toggle-switch:hover{background:#718096}.community-public-feeds-page-toggle-switch.on{background:var(--main-bg, #22286d)}.community-public-feeds-page-toggle-switch.on:hover{background:var(--main-bg-hover, #131746)}.community-public-feeds-page-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.community-public-feeds-page-toggle-switch.on .community-public-feeds-page-toggle-thumb{transform:translate(20px)}.community-public-feeds-page-post-actions{display:flex;align-items:center;justify-content:space-between}.community-public-feeds-page-attach-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--medium-text);transition:all .2s ease}.community-public-feeds-page-attach-btn:hover{background:var(--border-color)}.community-public-feeds-page-attach-btn i{font-size:1.125rem}.community-public-feeds-page-post-btn{padding:.75rem 2rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-public-feeds-page-post-btn:hover:not(:disabled){background:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22286d4d}.community-public-feeds-page-post-btn:disabled{opacity:.5;cursor:not-allowed}.community-public-feeds-page-post-error{padding:.75rem 1rem;margin-bottom:1rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#c53030;font-size:.875rem}@media (max-width: 992px){.community-public-feeds-page-desktop-layout{display:none}.community-public-feeds-page-mobile-layout{display:flex}.community-public-feeds-page-sidebar{position:static}.community-public-feeds-page-right-sidebar{display:none}}@media (max-width: 768px){.community-public-feeds-page{padding-top:75px}.community-public-feeds-page-container{padding:0rem .5rem}.community-public-feeds-page-mobile-layout{gap:.4rem}.community-public-feeds-page-create-post{padding:.75rem}.community-public-feeds-page-file-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--main-bg-hover: #131746;--orange-primary: #ff8a00;--orange-hover: #e67e00;--success-color: #10b981;--success-hover: #059669}.account-settings-page{padding-top:60px;min-height:calc(100vh - 60px);background:var(--primary-bg)}.asp-container{max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px);position:relative}.asp-sidebar{background:var(--white);border-right:1px solid var(--border-color);padding:0;position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;z-index:10}.asp-sidebar-header{padding:2rem 1.5rem;margin-bottom:0;display:flex;align-items:center;gap:1rem;flex-shrink:0;border-bottom:1px solid var(--border-color)}.asp-profile-picture{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary-bg);border:2px solid var(--border-color);flex-shrink:0}.asp-profile-picture img{width:100%;height:100%;object-fit:cover}.asp-sidebar-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0}.asp-nav-menu{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.asp-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--medium-text);font-size:.9375rem;font-family:Poppins,sans-serif;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;text-align:left;width:100%}.asp-nav-item:hover{background:var(--primary-bg);color:var(--dark-text)}.asp-nav-item.active{color:var(--success-color);background:#10b9811a;font-weight:600}.asp-nav-item i{font-size:1.125rem;width:20px;text-align:center}.asp-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--success-color);border-radius:0 3px 3px 0}.asp-main-content{padding:2rem;margin-left:280px;display:flex;justify-content:center;overflow-y:auto;min-height:calc(100vh - 60px);background:var(--primary-bg)}.asp-content-section{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.5rem}.asp-settings-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.asp-card-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.asp-card-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.asp-card-item:last-child{border-bottom:none}.asp-card-item:hover{background-color:var(--primary-bg);margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.asp-item-label{font-size:.9375rem;color:var(--dark-text);flex:1}.asp-item-arrow{font-size:.875rem;color:var(--lighter-text);margin-left:1rem;transition:transform .2s ease}.asp-password-form-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.asp-password-form{display:flex;flex-direction:column;gap:1.5rem}.asp-form-group{display:flex;flex-direction:column;gap:.5rem}.asp-form-group label{font-size:.9375rem;font-weight:500;color:var(--dark-text)}.asp-password-input-wrapper{position:relative;display:flex;align-items:center}.asp-password-input-wrapper input,.asp-form-group input[type=tel],.asp-form-group input[type=text],.asp-form-group input[type=email],.asp-form-group input[type=date],.asp-form-group input[type=number],.asp-form-group textarea,.asp-form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;outline:none;background:var(--white);color:var(--dark-text)}.asp-password-input-wrapper input{padding:.75rem 2.5rem .75rem 1rem}:root.dark-mode .asp-form-group input[type=date]{color:var(--dark-text)!important}:root.dark-mode .asp-form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.asp-password-input-wrapper input:focus,.asp-form-group input:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.asp-password-input-wrapper input.asp-input-error,.asp-form-group input.asp-input-error{border-color:#dc3545}.asp-password-input-wrapper input.asp-input-error:focus,.asp-form-group input.asp-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.asp-password-toggle-btn{position:absolute;right:.75rem;background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.asp-password-toggle-btn:hover{color:var(--dark-text)}.asp-error-message{font-size:.875rem;color:#dc3545;margin-top:.25rem}.asp-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.asp-cancel-btn,.asp-submit-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;border:none}.asp-cancel-btn{background:var(--primary-bg);color:var(--dark-text)}.asp-cancel-btn:hover:not(:disabled){background:var(--border-color)}.asp-submit-btn{background:var(--success-color);color:var(--white)}.asp-submit-btn:hover:not(:disabled){background:var(--success-hover)}.asp-cancel-btn:disabled,.asp-submit-btn:disabled{opacity:.6;cursor:not-allowed}.asp-mobile-menu-btn{display:none;position:fixed;top:90px;left:1rem;z-index:998;background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.asp-mobile-menu-btn:hover{background:var(--primary-bg);box-shadow:0 4px 12px #00000026}.asp-mobile-menu-btn i{font-size:1.25rem;color:var(--dark-text)}.asp-sidebar-overlay{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 992px){.account-settings-page{overflow-x:hidden}.asp-container{grid-template-columns:1fr;padding:0;overflow-x:hidden}.asp-mobile-menu-btn,.asp-sidebar-overlay{display:block}.asp-sidebar{position:fixed;top:80px;left:0;height:calc(100vh - 80px);width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 8px #0000001a}.asp-sidebar.asp-sidebar-open{transform:translate(0)}.asp-main-content{margin-left:0;padding:3.5rem 1rem 1rem;height:auto;width:100%;max-width:100%;box-sizing:border-box}.asp-content-section{max-width:100%}}@media (max-width: 768px){.account-settings-page{padding-top:70px}.asp-sidebar{top:70px;height:calc(100vh - 70px);width:260px}.asp-sidebar-overlay{top:70px}.asp-mobile-menu-btn{top:80px}.asp-main-content{padding:3.5rem 1rem 1rem}.asp-settings-card{padding:1rem}.asp-card-item:hover{margin:0 -1rem;padding-left:1rem;padding-right:1rem}}.asp-country-search-container{position:relative;display:flex;align-items:center;gap:.5rem}.asp-country-search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;outline:none;background:var(--white);color:var(--dark-text)}.asp-country-search-input:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.asp-country-search-input.asp-input-error{border-color:#dc3545}.asp-country-search-input.asp-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.asp-country-flag-preview{width:32px;height:24px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.asp-country-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.asp-country-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.asp-country-dropdown-item:hover{background-color:var(--primary-bg)}.asp-country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0}.asp-country-dropdown-item span{font-size:.9375rem;color:var(--dark-text)}.asp-form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;outline:none;background:var(--white);color:var(--dark-text);cursor:pointer}.asp-form-group select:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.asp-form-group select.asp-input-error{border-color:#dc3545}.asp-form-group select.asp-input-error:focus{box-shadow:0 0 0 3px #dc35451a}.asp-interest-input-container{display:flex;gap:.5rem;margin-bottom:.5rem}.asp-interest-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;transition:all .2s ease;outline:none;background:var(--white)}.asp-interest-input:focus{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.asp-interest-add-btn{padding:.75rem 1.5rem;background:var(--success-color);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease}.asp-interest-add-btn:hover{background:var(--success-hover)}.asp-interests-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.asp-interest-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--dark-text)}.asp-interest-tag-remove{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;font-size:1.125rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.asp-interest-tag-remove:hover{background:var(--border-color);color:var(--dark-text)}.asp-field-hint{display:block;margin-top:.5rem;font-size:.875rem;color:var(--lighter-text);font-style:italic}.asp-verification-hint{font-size:.875rem;color:var(--medium-text);margin:0 0 .5rem}.asp-dark-mode-toggle{display:flex;flex-direction:column;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border-color)}.asp-dark-mode-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0}.asp-dark-mode-radio-group{display:flex;flex-direction:column;gap:.75rem}.asp-dark-mode-radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;user-select:none}.asp-dark-mode-radio{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--success-color)}.asp-dark-mode-radio-text{font-size:.9375rem;color:var(--dark-text);font-weight:400}.asp-dark-mode-radio-label:hover .asp-dark-mode-radio-text{color:var(--medium-text)}:root.dark-mode .asp-dark-mode-radio{accent-color:var(--success-color)}.subscription-loading{padding:2rem;text-align:center;color:var(--lighter-text, #666)}.subscription-current{padding:1rem 0}.subscription-info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.subscription-info-row:last-child{border-bottom:none}.subscription-label{font-weight:500;color:var(--dark-text, #333)}.subscription-value{color:var(--lighter-text, #666)}.subscription-status{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:capitalize}.subscription-status.status-active{background-color:#d4edda;color:#155724}.subscription-status.status-pending{background-color:#fff3cd;color:#856404}.subscription-status.status-cancelled{background-color:#f8d7da;color:#721c24}.subscription-status.status-expired{background-color:#e2e3e5;color:#383d41}.subscription-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e0e0e0)}.subscription-empty{padding:2rem 0;text-align:center}.subscription-empty-subtitle{color:var(--lighter-text, #666);margin-top:.5rem;font-size:.9rem}.subscription-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.subscription-tier-card{background:linear-gradient(135deg,#22286d,#131746);border-radius:10px;padding:1.25rem;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 20px #22286d33;position:relative;overflow:hidden}.subscription-tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff8a00,#e67e00)}.subscription-tier-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #1e3a8a4d}.subscription-tier-card.tier-current{background:linear-gradient(135deg,#22286d,#131746);border:2px solid #ff8a00;box-shadow:0 4px 20px #ff8a004d}.subscription-tier-card.tier-current:before{background:linear-gradient(90deg,#ff8a00,#e67e00);height:4px}.tier-header{margin-bottom:1rem;text-align:center}.tier-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff;letter-spacing:-.5px}.tier-price{font-size:1.75rem;font-weight:800;line-height:1}.price-free{color:#10b981}.price-amount{color:#fff}.price-period{font-size:.875rem;font-weight:400;color:#fffc;margin-left:.25rem}.tier-offers{flex:1;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.tier-offer-item{display:flex;align-items:center;gap:.5rem}.tier-offer-check{width:18px;height:18px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.tier-offer-check i{color:#fff;font-size:.625rem;font-weight:600}.tier-offer-text{color:#fff;font-size:.8125rem;line-height:1.4;flex:1}.tier-actions{margin-top:auto;padding-top:.75rem}.subscription-btn{width:100%;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.subscription-btn-primary{background:#fff;color:#22286d;box-shadow:0 4px 12px #fff3}.subscription-btn-primary:hover:not(:disabled){background:#f3f4f6;transform:translateY(-2px);box-shadow:0 6px 16px #ffffff4d}.subscription-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subscription-btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.subscription-btn-danger{background:#dc3545;color:#fff}.subscription-btn-danger:hover:not(:disabled){background:#c82333}.subscription-btn-disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.6}.subscription-btn:disabled{opacity:.6;cursor:not-allowed}.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscription-modal{background:var(--white, #fff);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.subscription-modal h3{margin-bottom:1rem;color:var(--dark-text, #333);font-size:1.5rem;font-weight:700}.subscription-modal p{margin-bottom:1rem;color:var(--lighter-text, #666);line-height:1.6}.subscription-modal-note{font-size:.875rem;color:var(--lighter-text, #999);font-style:italic;padding:.75rem;background-color:var(--primary-bg, #f8f9fa);border-radius:8px;margin-top:1rem}.subscription-modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.subscription-modal-actions .subscription-btn{width:auto;min-width:120px}:root.dark-mode .subscription-modal{background:var(--white, #2d2d2d)}:root.dark-mode .subscription-modal h3{color:var(--dark-text, #ffffff)}@media (max-width: 768px){.subscription-tiers-grid{grid-template-columns:1fr;gap:1.5rem}.subscription-tier-card{padding:1.5rem}.tier-name{font-size:1.5rem}.tier-price{font-size:2rem}.subscription-modal{padding:1.5rem}.subscription-modal-actions{flex-direction:column}.subscription-modal-actions .subscription-btn{width:100%}}.mep-page{padding-top:60px;min-height:calc(100vh - 60px);background:#fafafa}.mep-container{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.mep-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem}.mep-error{padding:1rem 1.25rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9375rem}.mep-loading{padding:2rem;text-align:center;color:#718096;font-size:.9375rem}.mep-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.mep-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.5rem}.mep-summary-label{font-size:.8125rem;color:#718096;font-weight:500}.mep-summary-value{font-size:1.25rem;font-weight:600;color:#1a202c}.mep-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.mep-section-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.mep-empty{color:#718096;font-size:.9375rem;margin:0}.mep-community-list{display:flex;flex-direction:column;gap:.75rem}.mep-community-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;color:#1a202c;transition:background .2s,border-color .2s}.mep-community-card:hover{background:#f7fafc;border-color:#ff8a00}.mep-community-name{flex:1;font-weight:600;font-size:.9375rem}.mep-community-stats{display:flex;gap:1rem;font-size:.875rem;color:#4a5568}.mep-community-link-icon{font-size:.875rem;color:#718096}.mep-community-card:hover .mep-community-link-icon{color:#ff8a00}@media (max-width: 768px){.mep-container{padding:1rem}.mep-summary{grid-template-columns:1fr 1fr}.mep-community-card{flex-wrap:wrap}.mep-community-stats{width:100%;margin-left:0}}.cif-required{color:var(--error-color, #ef4444)}.cif-help-text{font-size:.8125rem;color:var(--lighter-text);margin:.25rem 0 0}.cvbf-avatar-upload-container{display:flex;align-items:flex-start;gap:1rem}.cvbf-avatar-input{display:none}.cvbf-avatar-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;border:3px solid var(--border-color);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.cvbf-avatar-clickable{cursor:pointer;transition:all .2s ease}.cvbf-avatar-clickable:hover{border-color:var(--main-bg);transform:scale(1.05)}.cvbf-avatar-clickable:hover .cvbf-avatar-overlay{opacity:1}.cvbf-avatar-preview-img{width:100%;height:100%;object-fit:cover}.cvbf-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--light-text);font-size:2.5rem}.cvbf-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);opacity:0;transition:opacity .2s ease;border-radius:8px}.cvbf-avatar-overlay i{font-size:1.5rem;margin-bottom:.25rem}.cvbf-avatar-overlay span{font-size:.75rem;font-weight:500;text-align:center;padding:0 .5rem}.cvbf-avatar-remove-btn{padding:.5rem 1rem;background:var(--error-color, #ef4444);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start;margin-top:.5rem}.cvbf-avatar-remove-btn:hover{background:#dc2626}.cvbf-banner-upload-container{position:relative}.cvbf-banner-input{display:none}.cvbf-banner-preview-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.cvbf-banner-preview{width:100%;max-height:300px;object-fit:cover;display:block}.cvbf-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.cvbf-banner-preview-wrapper:hover .cvbf-banner-overlay{opacity:1}.cvbf-banner-change-btn,.cvbf-banner-remove-btn{pointer-events:auto}.cvbf-banner-change-btn,.cvbf-banner-remove-btn{padding:.625rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;color:#fff}.cvbf-banner-change-btn{background:var(--main-bg)}.cvbf-banner-change-btn:hover{background:var(--main-bg-hover)}.cvbf-banner-remove-btn{background:var(--error-color, #ef4444)}.cvbf-banner-remove-btn:hover{background:#dc2626}.cvbf-banner-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--primary-bg);cursor:pointer;transition:all .2s ease;text-align:center}.cvbf-banner-upload-area:hover{border-color:var(--main-bg);background:#22286d0d}.cvbf-banner-upload-area i{font-size:3rem;color:var(--light-text);margin-bottom:1rem}.cvbf-banner-upload-area span{font-size:1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.cvbf-banner-hint{font-size:.875rem;color:var(--light-text);margin:0}.cvbf-video-upload-container{position:relative}.cvbf-video-input{display:none}.cvbf-video-preview-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.cvbf-video-preview{width:100%;max-height:400px;display:block}.cvbf-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.cvbf-video-preview-wrapper:hover .cvbf-video-overlay{opacity:1}.cvbf-video-change-btn,.cvbf-video-remove-btn{pointer-events:auto}.cvbf-video-change-btn,.cvbf-video-remove-btn{padding:.625rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;color:#fff}.cvbf-video-change-btn{background:var(--main-bg)}.cvbf-video-change-btn:hover{background:var(--main-bg-hover)}.cvbf-video-remove-btn{background:var(--error-color, #ef4444)}.cvbf-video-remove-btn:hover{background:#dc2626}.cvbf-video-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--primary-bg);cursor:pointer;transition:all .2s ease;text-align:center}.cvbf-video-upload-area:hover{border-color:var(--main-bg);background:#22286d0d}.cvbf-video-upload-area i{font-size:3rem;color:var(--light-text);margin-bottom:1rem}.cvbf-video-upload-area span{font-size:1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.cvbf-video-hint{font-size:.875rem;color:var(--light-text);margin:0}@media (max-width: 768px){.cvbf-avatar-preview{width:100px;height:100px}.cvbf-avatar-placeholder{font-size:2rem}.cvbf-banner-upload-area,.cvbf-video-upload-area{padding:2rem 1rem}.cvbf-banner-upload-area i,.cvbf-video-upload-area i{font-size:2.5rem}.cvbf-banner-overlay,.cvbf-video-overlay{flex-direction:column;gap:.5rem}.cvbf-banner-change-btn,.cvbf-banner-remove-btn,.cvbf-video-change-btn,.cvbf-video-remove-btn{padding:.5rem .75rem;font-size:.8125rem}}.asp-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.asp-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--main-bg)}.asp-checkbox:disabled{opacity:.5;cursor:not-allowed}.asp-help-text{font-size:.75rem;color:var(--light-text);margin:.125rem 0 0}.ccf-payment-plans-section{margin-top:1rem;padding:1rem;background:var(--primary-bg);border-radius:8px}.ccf-add-plan-btn{padding:.5rem 1rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.ccf-add-plan-btn:hover{background:var(--main-bg-hover)}.ccf-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.ccf-pricing-card{background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:0;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.ccf-pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--orange-primary)}.ccf-pricing-card.ccf-plan-active{border-color:var(--success-color)}.ccf-pricing-card.ccf-plan-active:hover{border-color:var(--success-hover);box-shadow:0 8px 24px #10b98126}.ccf-pricing-card.ccf-plan-inactive{opacity:.6;filter:grayscale(.5);border-color:var(--lighter-text);background:#f5f5f5}:root.dark-mode .ccf-pricing-card.ccf-plan-inactive{background:#2a2a2a}.ccf-pricing-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background:var(--primary-bg)}.ccf-plan-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--success-color);color:#fff;border-radius:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ccf-plan-badge-inactive{background:var(--lighter-text)}.ccf-plan-delete-btn{background:transparent;border:none;color:var(--lighter-text);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.ccf-plan-delete-btn:hover{background:var(--error-color, #ef4444);color:#fff;transform:rotate(90deg)}.ccf-pricing-card-body{padding:1rem;flex:1}.ccf-pricing-card-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--dark-text);line-height:1.2}.ccf-pricing-card-price{margin-bottom:.75rem;display:flex;align-items:baseline;gap:.25rem}.ccf-price-amount{font-size:2rem;font-weight:800;color:var(--orange-primary);line-height:1}.ccf-price-amount-secondary{font-size:1rem;font-weight:500;color:var(--light-text)}.ccf-pricing-card-description{font-size:.875rem;color:var(--medium-text);line-height:1.5;margin:0 0 1rem}.ccf-pricing-card-features{margin-top:1rem}.ccf-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ccf-feature-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--dark-text);line-height:1.4}.ccf-feature-item i{color:var(--success-color);font-size:1rem;margin-top:.125rem;flex-shrink:0}.ccf-feature-item span{flex:1}.ccf-pricing-card-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--primary-bg);display:flex;gap:.5rem}.ccf-pricing-card-edit-btn{flex:1;padding:.5rem .75rem;background:var(--white);color:var(--orange-primary);border:2px solid var(--orange-primary);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem}.ccf-pricing-card-edit-btn:hover{background:var(--orange-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ff8a004d}.ccf-pricing-card-edit-btn i{font-size:.875rem}.ccf-pricing-card-toggle-btn{flex:1;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem;border:2px solid}.ccf-pricing-card-toggle-btn.ccf-toggle-active{background:var(--white);color:var(--orange-primary);border-color:var(--orange-primary)}.ccf-pricing-card-toggle-btn.ccf-toggle-active:hover{background:var(--orange-primary);color:#fff}.ccf-pricing-card-toggle-btn.ccf-toggle-inactive{background:var(--white);color:var(--success-color);border-color:var(--success-color)}.ccf-pricing-card-toggle-btn.ccf-toggle-inactive:hover{background:var(--success-color);color:#fff}.ccf-pricing-card-toggle-btn i{font-size:.875rem}.ccf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ccf-modal-content{background:var(--white);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.ccf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.ccf-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--dark-text)}.ccf-modal-close{background:none;border:none;font-size:1.5rem;color:var(--lighter-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.ccf-modal-close:hover{background:var(--primary-bg);color:var(--dark-text)}.ccf-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ccf-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.ccf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ccf-offer-input-container{display:flex;gap:.5rem;margin-bottom:.75rem}.ccf-offer-input-container input{flex:1}.ccf-offerings-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-bottom:1rem}.ccf-offering-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem}.ccf-offering-item span{color:var(--dark-text)}.ccf-tag-add-btn{padding:.75rem 1.5rem;background:var(--orange-primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.ccf-tag-add-btn:hover:not(:disabled){background:var(--orange-hover)}.ccf-tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.ccf-tag-remove{background:none;border:none;color:var(--lighter-text);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ccf-tag-remove:hover{color:var(--error-color, #ef4444)}@media (max-width: 768px){.ccf-plans-grid{grid-template-columns:1fr;gap:1rem}.ccf-form-row{grid-template-columns:1fr}.ccf-modal-content{max-width:100%;margin:1rem}}@media (min-width: 769px) and (max-width: 1024px){.ccf-plans-grid{grid-template-columns:repeat(2,1fr)}}.camf-form{display:flex;flex-direction:column;gap:1.5rem}.camf-form-group{display:flex;flex-direction:column;gap:.5rem}.camf-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;color:var(--dark-text)}.camf-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--orange-primary)}.camf-checkbox:disabled{cursor:not-allowed;opacity:.5}.camf-help-text{font-size:.8125rem;color:var(--lighter-text);margin:.25rem 0 0;padding-left:2rem}.camf-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.camf-submit-btn{padding:.75rem 2rem;background:var(--orange-primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.camf-submit-btn:hover:not(:disabled){background:var(--orange-hover)}.camf-submit-btn:disabled{opacity:.6;cursor:not-allowed}:root{--csp-primary-bg: #fafafa;--csp-white: #ffffff;--csp-dark-text: #1a202c;--csp-medium-text: #2d3748;--csp-light-text: #4a5568;--csp-lighter-text: #718096;--csp-border-color: #e2e8f0;--csp-shadow: rgba(0, 0, 0, .05);--csp-orange-primary: #ff8a00;--csp-orange-hover: #e67e00}:root.dark-mode{--csp-primary-bg: #1a1a1a;--csp-white: #2d2d2d;--csp-dark-text: #ffffff;--csp-medium-text: #e0e0e0;--csp-light-text: #b0b0b0;--csp-lighter-text: #808080;--csp-border-color: #404040;--csp-shadow: rgba(0, 0, 0, .3);--csp-orange-primary: #ff8a00;--csp-orange-hover: #e67e00}.community-settings-page{padding-top:60px;min-height:calc(100vh - 60px);background:var(--csp-primary-bg)}.csp-container{max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px);position:relative}.csp-sidebar{background:var(--csp-white);border-right:1px solid var(--csp-border-color);padding:0;position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;z-index:10}.csp-sidebar-header{padding:2rem 1.5rem;margin-bottom:0;display:flex;align-items:center;gap:1rem;flex-shrink:0;border-bottom:1px solid var(--csp-border-color)}.csp-community-avatar{width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--csp-primary-bg);border:2px solid var(--csp-border-color);flex-shrink:0}.csp-community-avatar img{width:100%;height:100%;object-fit:cover}.csp-sidebar-title{font-size:1.5rem;font-weight:700;color:var(--csp-dark-text);margin:0}.csp-nav-menu{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.csp-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--csp-medium-text);font-size:.9375rem;font-family:Poppins,sans-serif;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;text-align:left;width:100%}.csp-nav-item:hover{background:var(--csp-primary-bg);color:var(--csp-dark-text)}.csp-nav-item.active{color:var(--csp-orange-primary);background:#ff8a001a;font-weight:600}.csp-nav-item i{font-size:1.125rem;width:20px;text-align:center}.csp-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--csp-orange-primary);border-radius:0 3px 3px 0}.csp-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--csp-medium-text);font-size:.9375rem;font-family:Poppins,sans-serif;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left;width:100%;text-decoration:none;position:relative;margin-top:.25rem}.csp-nav-link:hover{background:var(--csp-primary-bg);color:var(--csp-dark-text)}.csp-nav-link i:first-of-type{font-size:1.125rem;width:20px;text-align:center}.csp-nav-link span{flex:1}.csp-nav-link-icon{font-size:.75rem;color:var(--csp-lighter-text);margin-left:auto}.csp-main-content{padding:2rem;margin-left:280px;display:flex;justify-content:center;overflow-y:auto;min-height:calc(100vh - 60px);background:var(--csp-primary-bg)}.csp-content-section{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.5rem}.csp-settings-card{background:var(--csp-white);border:1px solid var(--csp-border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--csp-shadow)}.csp-card-title{font-size:1.125rem;font-weight:600;color:var(--csp-dark-text);margin:0 0 1rem}.csp-card-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:1px solid var(--csp-border-color);cursor:pointer;transition:background-color .2s ease}.csp-card-item:last-child{border-bottom:none}.csp-card-item:hover{background-color:var(--csp-primary-bg);margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.csp-item-label{font-size:.9375rem;color:var(--csp-dark-text);flex:1}.csp-item-arrow{font-size:.875rem;color:var(--csp-lighter-text);margin-left:1rem;transition:transform .2s ease}.csp-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.csp-spinner{border:4px solid var(--csp-primary-bg);border-top:4px solid var(--csp-orange-primary);border-radius:50%;width:50px;height:50px;animation:csp-spin 1s linear infinite}@keyframes csp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.csp-mobile-menu-btn{display:none;position:fixed;top:90px;left:1rem;z-index:998;background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.csp-mobile-menu-btn:hover{background:var(--primary-bg);box-shadow:0 4px 12px #00000026}.csp-mobile-menu-btn i{font-size:1.25rem;color:var(--dark-text)}.csp-sidebar-overlay{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 992px){.community-settings-page{overflow-x:hidden}.csp-container{padding:0;overflow-x:hidden}.csp-mobile-menu-btn,.csp-sidebar-overlay{display:block}.csp-sidebar{position:fixed;top:80px;left:0;height:calc(100vh - 80px);width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 8px #0000001a}.csp-sidebar.csp-sidebar-open{transform:translate(0)}.csp-main-content{margin-left:0;padding:3.5rem 1rem 1rem;height:auto;width:100%;max-width:100%;box-sizing:border-box}.csp-main-content .csp-content-section{max-width:100%}}@media (max-width: 768px){.community-settings-page{padding-top:70px}.csp-sidebar{top:70px;height:calc(100vh - 70px);width:260px}.csp-sidebar-overlay{top:70px}.csp-mobile-menu-btn{top:80px}.csp-main-content{padding:3.5rem 1rem 1rem}}.cep-navbar{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e2e8f0;z-index:100;display:flex;align-items:center}.cep-navbar-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;width:100%;display:flex;align-items:center}.cep-navbar-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.cep-page{padding-top:56px;min-height:calc(100vh - 56px);background:#fafafa}.cep-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.cep-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem}.cep-title-community{color:#22286d}.cep-title-sep{color:#718096;font-weight:500}.cep-error{padding:1rem 1.25rem;margin-bottom:1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9375rem}.cep-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:flex-end}.cep-filter-group{display:flex;flex-direction:column;gap:.35rem}.cep-filter-group label{font-size:.8125rem;font-weight:500;color:#4a5568}.cep-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;min-width:140px}.cep-input:focus{outline:none;border-color:#ff8a00;box-shadow:0 0 0 2px #ff8a0026}.cep-select{cursor:pointer;background:#fff}.cep-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.cep-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:.5rem}.cep-summary-label{font-size:.8125rem;color:#718096;font-weight:500}.cep-summary-value{font-size:1.25rem;font-weight:600;color:#1a202c}.cep-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.cep-section-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 1rem}.cep-table-wrap{overflow-x:auto;margin-bottom:1rem}.cep-table{width:100%;border-collapse:collapse;font-size:.875rem}.cep-table th,.cep-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.cep-table th{font-weight:600;color:#4a5568;background:#f7fafc}.cep-table tbody tr:hover{background:#fafafa}.cep-empty{text-align:center;color:#718096;padding:2rem!important}.cep-status{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-weight:500;text-transform:capitalize}.cep-status-succeeded{background:#d1fae5;color:#065f46}.cep-status-pending{background:#fef3c7;color:#92400e}.cep-status-failed{background:#fee2e2;color:#991b1b}.cep-status-refunded{background:#e0e7ff;color:#3730a3}.cep-pagination{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cep-page-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.9375rem;font-family:inherit;cursor:pointer;color:#1a202c;transition:background .2s,border-color .2s}.cep-page-btn:hover:not(:disabled){background:#f7fafc;border-color:#ff8a00;color:#ff8a00}.cep-page-btn:disabled{opacity:.5;cursor:not-allowed}.cep-page-info{font-size:.9375rem;color:#4a5568}.cep-loading-inline{padding:1.5rem;text-align:center;color:#718096;font-size:.9375rem}@media (max-width: 768px){.cep-container{padding:1rem}.cep-summary{grid-template-columns:1fr 1fr}.cep-table th,.cep-table td{padding:.5rem;font-size:.8125rem}}:root{--main-bg: #22286d;--main-bg-hover: #131746;--dark-text: #1a202c;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--white: #ffffff;--background-color: #f5f5f5;--primary-bg: #fafafa;--medium-text: #2d3748;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--orange-hover: #e67e00}.cmsp-wrapper{width:100%;min-height:calc(100vh - 220px)}.cmsp-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.cmsp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem;gap:.7rem}.cmsp-header-left{flex:1;display:flex;align-items:flex-start;gap:.75rem}.cmsp-header-title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.cmsp-title{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0;display:flex;align-items:center;gap:.525rem}.cmsp-subtitle{font-size:.875rem;color:var(--light-text);margin:0}.cmsp-content{display:grid;grid-template-columns:280px 1fr;gap:.7rem;min-height:350px;transition:grid-template-columns .3s ease}.cmsp-content.sidebar-collapsed{grid-template-columns:60px 1fr}.cmsp-sidebar{background:var(--white);border:1px solid var(--border-color);border-radius:4px;padding:.7rem;height:fit-content;transition:all .3s ease;position:relative}.cmsp-sidebar.collapsed{padding:.525rem;width:60px;min-width:60px}.cmsp-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.525rem}.cmsp-sidebar.collapsed .cmsp-sidebar-header{justify-content:center;margin-bottom:.525rem}.cmsp-sidebar-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0}.cmsp-sidebar-toggle{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--dark-text);flex-shrink:0;padding:0;font-size:.75rem}.cmsp-sidebar-toggle:hover{background:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.cmsp-sidebar-content{display:flex;flex-direction:column;gap:1.05rem}.cmsp-sidebar-section{display:flex;flex-direction:column;gap:.35rem}.cmsp-sidebar-section-title{font-size:.75rem;font-weight:600;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .35rem;display:flex;align-items:center;gap:.35rem}.cmsp-sidebar-item{margin:0}.cmsp-sidebar-button{width:100%;padding:.525rem .7rem;background:var(--white);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--dark-text);cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:.525rem;font-family:Poppins,sans-serif}.cmsp-sidebar-button:hover{border-color:var(--main-bg);background:#22286d0d}.cmsp-sidebar-button.active{border-color:var(--main-bg);background:#22286d1a;color:var(--main-bg);font-weight:600}.cmsp-sidebar-button svg{font-size:.875rem;flex-shrink:0}.cmsp-sidebar-collapsed-content{display:flex;flex-direction:column;gap:.35rem}.cmsp-sidebar-collapsed-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.525rem;border:1px solid var(--border-color);border-radius:6px;background:var(--white);color:var(--dark-text);cursor:pointer;transition:all .2s ease;font-size:1rem}.cmsp-sidebar-collapsed-button:hover{border-color:var(--main-bg);background:#22286d0d}.cmsp-sidebar-collapsed-button.active{border-color:var(--main-bg);background:#22286d1a;color:var(--main-bg)}.cmsp-main-content{background:var(--white);border:1px solid var(--border-color);border-radius:4px;padding:1.05rem;min-height:350px}.cmsp-empty-state{padding:2rem;text-align:center;color:var(--light-text)}.cmsp-section{width:100%}.cmsp-section-header{margin-bottom:1.05rem}.cmsp-section-header h2{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0 0 .35rem}.cmsp-section-description{font-size:.8125rem;color:var(--light-text);margin:0;line-height:1.5}.cmsp-leave-btn{padding:.75rem 1.5rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cmsp-leave-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.cmsp-leave-btn:disabled{opacity:.6;cursor:not-allowed}.cmsp-confirm-leave{padding:1rem;background:var(--primary-bg);border-radius:6px;border:1px solid var(--border-color)}.cmsp-confirm-message{font-size:.9375rem;color:var(--dark-text);margin:0 0 1rem;font-weight:500}.cmsp-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.cmsp-cancel-btn{padding:.625rem 1.25rem;background:var(--white);color:var(--medium-text);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cmsp-cancel-btn:hover:not(:disabled){background:var(--primary-bg)}.cmsp-confirm-leave-btn{padding:.625rem 1.25rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cmsp-confirm-leave-btn:hover:not(:disabled){background:#c82333}.cmsp-confirm-leave-btn:disabled{opacity:.6;cursor:not-allowed}.cmsp-report-form{display:flex;flex-direction:column;gap:1rem}.cmsp-report-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);resize:vertical;min-height:120px;transition:border-color .2s ease}.cmsp-report-textarea:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.cmsp-report-textarea::placeholder{color:var(--lighter-text)}.cmsp-report-btn{padding:.75rem 1.5rem;background:var(--orange-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.cmsp-report-btn:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-1px)}.cmsp-report-btn:disabled{opacity:.6;cursor:not-allowed}.cmsp-plans-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.cmsp-plan-card{border:2px solid var(--border-color);border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .2s ease;background:var(--white)}.cmsp-plan-card:hover{border-color:var(--orange-primary);box-shadow:0 2px 8px #ff8a0026}.cmsp-plan-card.active{border-color:var(--main-bg);background:#22286d0d}.cmsp-plan-card.selected{border-color:var(--orange-primary);background:#ff8a000d;box-shadow:0 2px 8px #ff8a0033}.cmsp-plan-card.inactive{opacity:.6;cursor:not-allowed}.cmsp-plan-card.inactive:hover{border-color:var(--border-color);box-shadow:none}.cmsp-plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.cmsp-plan-header h3{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0}.cmsp-current-badge{font-size:.75rem;font-weight:600;color:var(--main-bg);background:#22286d1a;padding:.25rem .5rem;border-radius:4px}.cmsp-inactive-badge{font-size:.75rem;font-weight:600;color:#dc3545;background:#dc35451a;padding:.25rem .5rem;border-radius:4px}.cmsp-plan-description{font-size:.875rem;color:var(--medium-text);margin:0 0 .75rem;line-height:1.5}.cmsp-plan-price{font-size:1.25rem;font-weight:700;color:var(--dark-text);margin-bottom:.75rem}.cmsp-price-period{font-size:.875rem;font-weight:500;color:var(--light-text);margin-left:.25rem}.cmsp-plan-offerings{margin:.75rem 0}.cmsp-offerings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.cmsp-offering-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--medium-text)}.cmsp-offering-item i{color:#10b981;font-size:.75rem;flex-shrink:0}.cmsp-offering-more{font-size:.8125rem;color:var(--lighter-text);font-style:italic;margin-top:.25rem}.cmsp-plan-subscribers{font-size:.8125rem;color:var(--lighter-text);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.cmsp-change-plan-btn{padding:.75rem 1.5rem;background:var(--orange-primary);color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cmsp-change-plan-btn:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-1px)}.cmsp-change-plan-btn:disabled{opacity:.6;cursor:not-allowed}.cmsp-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--dark-text);font-size:1rem;transition:all .2s ease;flex-shrink:0}.cmsp-mobile-toggle:hover{background:var(--background-color);border-color:var(--main-bg)}.cmsp-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}.cmsp-mobile-sidebar{display:none;position:fixed;top:0;left:-320px;width:280px;height:100vh;background:var(--white);z-index:999;box-shadow:2px 0 8px #0000001a;transition:left .3s ease;overflow-y:auto}.cmsp-mobile-sidebar.open{left:0}.cmsp-mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--white);position:sticky;top:0;z-index:1}.cmsp-mobile-sidebar-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0}.cmsp-mobile-close-btn{background:transparent;border:none;color:var(--dark-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:1rem}.cmsp-mobile-close-btn:hover{background:var(--background-color)}.cmsp-mobile-sidebar-content{padding:1rem}.cmsp-mobile-sidebar-section{margin-bottom:1.5rem}.cmsp-mobile-sidebar-section:last-child{margin-bottom:0}.cmsp-mobile-sidebar-section-title{font-size:.875rem;font-weight:600;color:var(--light-text);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.cmsp-mobile-sidebar-button{width:100%;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cmsp-mobile-sidebar-button:last-child{margin-bottom:0}.cmsp-mobile-sidebar-button:hover{background:var(--background-color);border-color:var(--main-bg)}.cmsp-mobile-sidebar-button.active{background:#22286d1a;border-color:var(--main-bg);color:var(--main-bg)}@media (max-width: 768px){.cmsp-header-left{gap:.75rem}.cmsp-mobile-toggle{display:flex}.cmsp-content{grid-template-columns:1fr;gap:.7rem}.cmsp-content.sidebar-collapsed{grid-template-columns:1fr}.cmsp-sidebar{display:none}.cmsp-main-content{padding:.7rem}.cmsp-plans-list{grid-template-columns:1fr}.cmsp-confirm-actions{flex-direction:column}.cmsp-confirm-actions button{width:100%}.cmsp-mobile-overlay,.cmsp-mobile-sidebar{display:block}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--main-bg: #22286d;--main-bg-hover: #131746;--orange-primary: #ff8a00;--orange-hover: #e67e00;--success-color: #10b981;--error-color: #ef4444}:root.dark-mode{--primary-bg: #1a1a1a;--white: #2d2d2d;--dark-text: #ffffff;--medium-text: #e0e0e0;--light-text: #b0b0b0;--lighter-text: #808080;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--main-bg: #ff8a00;--main-bg-hover: #e67e00}.create-community-page{min-height:100vh;background:var(--primary-bg);padding-top:80px}.ccf-container{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.ccf-content{position:relative;background:var(--white);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow)}.ccf-close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--light-text);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:1}.ccf-close-btn:hover{background:var(--primary-bg);color:var(--dark-text)}.ccf-header{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.ccf-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0 0 .25rem}.ccf-subtitle{font-size:.875rem;color:var(--light-text);margin:0}.ccf-intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 0}.ccf-intro-content{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem}.ccf-intro-message{font-size:1rem;color:var(--medium-text);line-height:1.6;max-width:600px;margin:0}.ccf-guidelines-link{color:var(--main-bg);text-decoration:underline;font-weight:600;transition:color .2s ease}.ccf-guidelines-link:hover{color:var(--main-bg-hover)}.ccf-intro-secondary{font-size:.9375rem;color:var(--light-text);line-height:1.6;max-width:600px;margin:.5rem 0 0}.ccf-start-btn{padding:.875rem 3rem;background:var(--main-bg);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ccf-start-btn:hover{background:var(--main-bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #22286d4d}.ccf-form{display:flex;flex-direction:column;gap:1rem}.ccf-step-title{font-size:1.25rem;font-weight:700;color:var(--dark-text);margin:0 0 1rem}.ccf-form{position:relative}.ccf-form-group{display:flex;flex-direction:column;gap:.375rem}.ccf-form-group label{font-size:.8125rem;font-weight:600;color:var(--dark-text)}.ccf-required{color:var(--error-color)}.ccf-input,.ccf-input-error{padding:.625rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9375rem;color:var(--dark-text);background:var(--white);transition:border-color .2s,box-shadow .2s}.ccf-input:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.ccf-input-error{border-color:var(--error-color)}.ccf-input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}textarea.ccf-input,textarea.ccf-input-error{resize:vertical;min-height:60px;font-family:inherit}select.ccf-input,select.ccf-input-error{cursor:pointer}.ccf-error-message{font-size:.75rem;color:var(--error-color)}.ccf-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.ccf-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--main-bg)}.ccf-checkbox:disabled{opacity:.5;cursor:not-allowed}.ccf-subscription-fee-group{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.ccf-help-text{font-size:.75rem;color:var(--light-text);margin:.125rem 0 0}.ccf-tag-input-container{display:flex;gap:.5rem}.ccf-tag-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;color:var(--dark-text);background:var(--white);transition:border-color .2s,box-shadow .2s}.ccf-tag-input:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px #ff8a001a}.ccf-tag-input.ccf-input-error{border-color:var(--error-color)}.ccf-tag-input.ccf-input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.ccf-tag-add-btn{padding:.75rem 1.5rem;background:var(--main-bg);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.ccf-tag-add-btn:hover:not(:disabled){background:var(--main-bg-hover)}.ccf-tag-add-btn:disabled{opacity:.6;cursor:not-allowed}.ccf-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ccf-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;color:var(--dark-text)}.ccf-tag-remove{background:none;border:none;color:var(--light-text);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.ccf-tag-remove:hover{background:var(--border-color);color:var(--dark-text)}.ccf-avatar-upload-container{display:flex;align-items:flex-start;gap:1rem}.ccf-avatar-input{display:none}.ccf-avatar-preview{width:120px;height:120px;border-radius:8px;overflow:hidden;border:3px solid var(--border-color);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.ccf-avatar-clickable{cursor:pointer;transition:all .2s ease}.ccf-avatar-clickable:hover{border-color:var(--main-bg);transform:scale(1.05)}.ccf-avatar-clickable:hover .ccf-avatar-overlay{opacity:1}.ccf-avatar-preview-img{width:100%;height:100%;object-fit:cover}.ccf-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--light-text);font-size:2.5rem}.ccf-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);opacity:0;transition:opacity .2s ease;border-radius:8px}.ccf-avatar-overlay i{font-size:1.5rem;margin-bottom:.25rem}.ccf-avatar-overlay span{font-size:.75rem;font-weight:500;text-align:center;padding:0 .5rem}.ccf-avatar-remove-btn{padding:.5rem 1rem;background:var(--error-color);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start;margin-top:.5rem}.ccf-avatar-remove-btn:hover{background:#dc2626}.ccf-banner-upload-container{position:relative}.ccf-banner-input{display:none}.ccf-banner-preview-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.ccf-banner-preview{width:100%;max-height:300px;object-fit:cover;display:block}.ccf-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.ccf-banner-preview-wrapper:hover .ccf-banner-overlay{opacity:1}.ccf-banner-change-btn,.ccf-banner-remove-btn{pointer-events:auto}.ccf-banner-change-btn,.ccf-banner-remove-btn{padding:.625rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;color:#fff}.ccf-banner-change-btn{background:var(--main-bg)}.ccf-banner-change-btn:hover{background:var(--main-bg-hover)}.ccf-banner-remove-btn{background:var(--error-color)}.ccf-banner-remove-btn:hover{background:#dc2626}.ccf-banner-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--primary-bg);cursor:pointer;transition:all .2s ease;text-align:center}.ccf-banner-upload-area:hover{border-color:var(--main-bg);background:#22286d0d}.ccf-banner-upload-area i{font-size:3rem;color:var(--light-text);margin-bottom:1rem}.ccf-banner-upload-area span{font-size:1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.ccf-banner-hint{font-size:.875rem;color:var(--light-text);margin:0}.ccf-video-upload-container{position:relative}.ccf-video-input{display:none}.ccf-video-preview-wrapper{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.ccf-video-preview{width:100%;max-height:400px;display:block}.ccf-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.ccf-video-preview-wrapper:hover .ccf-video-overlay{opacity:1}.ccf-video-change-btn,.ccf-video-remove-btn{pointer-events:auto}.ccf-video-change-btn,.ccf-video-remove-btn{padding:.625rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;color:#fff}.ccf-video-change-btn{background:var(--main-bg)}.ccf-video-change-btn:hover{background:var(--main-bg-hover)}.ccf-video-remove-btn{background:var(--error-color)}.ccf-video-remove-btn:hover{background:#dc2626}.ccf-video-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--primary-bg);cursor:pointer;transition:all .2s ease;text-align:center}.ccf-video-upload-area:hover{border-color:var(--main-bg);background:#22286d0d}.ccf-video-upload-area i{font-size:3rem;color:var(--light-text);margin-bottom:1rem}.ccf-video-upload-area span{font-size:1rem;font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.ccf-video-hint{font-size:.875rem;color:var(--light-text);margin:0}.ccf-form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.ccf-cancel-btn,.ccf-submit-btn{padding:.625rem 1.5rem;border:none;border-radius:4px;font-size:.9375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.ccf-cancel-btn{background:var(--white);color:var(--dark-text);border:1px solid var(--border-color)}.ccf-cancel-btn:hover:not(:disabled){background:var(--primary-bg)}.ccf-submit-btn{background:var(--main-bg);color:#fff}.ccf-submit-btn:hover:not(:disabled){background:var(--main-bg-hover)}.ccf-cancel-btn:disabled,.ccf-submit-btn:disabled{opacity:.6;cursor:not-allowed}:root.dark-mode .ccf-input,:root.dark-mode .ccf-input-error,:root.dark-mode textarea.ccf-input,:root.dark-mode textarea.ccf-input-error,:root.dark-mode select.ccf-input,:root.dark-mode select.ccf-input-error{color:var(--dark-text);background:var(--white)}:root.dark-mode .ccf-file-input{color:var(--dark-text);background:var(--white)}@media (max-width: 768px){.ccf-container{padding:1rem}.ccf-content{padding:1.5rem}.ccf-title{font-size:1.5rem}.ccf-form-actions{flex-direction:column}.ccf-cancel-btn,.ccf-submit-btn{width:100%}.ccf-avatar-preview{width:100px;height:100px}.ccf-avatar-placeholder{font-size:2rem}.ccf-banner-upload-area,.ccf-video-upload-area{padding:2rem 1rem}.ccf-banner-upload-area i,.ccf-video-upload-area i{font-size:2.5rem}.ccf-banner-overlay,.ccf-video-overlay{flex-direction:column;gap:.5rem}.ccf-banner-change-btn,.ccf-banner-remove-btn,.ccf-video-change-btn,.ccf-video-remove-btn{padding:.5rem .75rem;font-size:.8125rem}}.ccf-final-step-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0}.ccf-final-step-icon{font-size:2rem;color:var(--main-bg);margin-bottom:.5rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ccf-final-step-title{font-size:1.25rem;font-weight:700;color:var(--dark-text);margin:0 0 .5rem}.ccf-final-step-message{font-size:.875rem;color:var(--medium-text);line-height:1.4;max-width:500px;margin:0 0 1rem}.ccf-create-community-btn{font-size:1rem;padding:.75rem 2rem;box-shadow:0 4px 12px #22286d4d}.ccf-create-community-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #22286d66}@media (max-width: 768px){.ccf-final-step-icon{font-size:2rem}.ccf-final-step-title{font-size:1.25rem}.ccf-final-step-message{font-size:.875rem}.ccf-create-community-btn{font-size:.9375rem;padding:.625rem 1.5rem}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00}.blogs-page{background:var(--white);min-height:calc(100vh - 200px);padding-top:80px;padding-bottom:60px}.blogs-container{max-width:1200px;margin:0 auto;padding:2rem}.blogs-section{margin-bottom:4rem}.blogs-header{text-align:center;margin-bottom:3rem}.blogs-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin:0 0 .75rem}.blogs-subtitle{font-size:1.125rem;color:var(--lighter-text);margin:0}.blogs-list{max-width:800px;margin:0 auto;margin-bottom:2rem}.blog-list-item{display:block;text-decoration:none;color:inherit;padding:1.5rem 0;transition:opacity .2s ease;cursor:pointer}.blog-list-item:hover{opacity:.7}.blog-list-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0 0 .75rem;line-height:1.4}.blog-list-description{font-size:1rem;font-weight:400;color:var(--light-text);margin:0 0 1rem;line-height:1.6}.blog-list-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.blog-list-writer{display:flex;align-items:center;gap:.75rem}.blog-list-writer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.blog-list-writer-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.blog-list-writer-name{font-size:.9375rem;font-weight:500;color:var(--dark-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-list-writer-role{font-size:.8125rem;font-weight:400;color:var(--lighter-text);text-transform:capitalize}.blog-list-date{font-size:.9375rem;font-weight:400;color:var(--lighter-text);white-space:nowrap}.blog-list-divider{height:1px;background-color:var(--border-color);margin:0}.blogs-infinite-scroll-target{min-height:100px;width:100%}.blogs-bottom-loading-bar{position:fixed;bottom:0;left:0;right:0;height:4px;background:transparent;z-index:1000;pointer-events:none}.blogs-loading-bar{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--orange-primary) 50%,transparent 100%);background-size:200% 100%;animation:blogs-loading-bar-slide 1.5s ease-in-out infinite}@keyframes blogs-loading-bar-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.blogs-loading-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}.blogs-loading-spinner{border:4px solid var(--primary-bg);border-top:4px solid var(--orange-primary);border-radius:50%;width:50px;height:50px;animation:blogs-spin 1s linear infinite}@keyframes blogs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blogs-no-results{text-align:center;padding:3rem 2rem;color:var(--lighter-text);font-size:1rem}@media (max-width: 768px){.blogs-page{padding-top:60px}.blogs-container{padding:1.5rem}.blogs-title{font-size:2rem}.blogs-subtitle{font-size:1rem}.blog-list-item{padding:1.25rem 0}.blog-list-title{font-size:1.25rem}.blog-list-description{font-size:.9375rem}.blog-list-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-list-date{font-size:.875rem}.blog-list-writer-avatar{width:36px;height:36px}}:root{--primary-bg: #fafafa;--white: #ffffff;--dark-text: #1a202c;--medium-text: #2d3748;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .05);--orange-primary: #ff8a00;--main-bg: #22286d;--main-bg-hover: #131746}.web-page:has(.view-blog-page){background:var(--white);min-height:100vh}.view-blog-page{background:var(--white);min-height:calc(100vh - 200px);padding-top:80px;padding-bottom:60px}.view-blog-container{max-width:900px;margin:0 auto;padding:2rem}.view-blog-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--dark-text);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:opacity .2s ease}.view-blog-back-link:hover{opacity:.7}.view-blog-article{background:var(--white);overflow:hidden}.view-blog-header-image{width:100%;height:400px;background-size:cover;background-position:center;background-color:var(--primary-bg)}.view-blog-header{padding:2.5rem;border-bottom:1px solid var(--border-color)}.view-blog-title{font-size:2.5rem;font-weight:700;color:var(--dark-text);margin:0 0 1rem;line-height:1.3}.view-blog-description{font-size:1.125rem;color:var(--light-text);margin:0 0 2rem;line-height:1.6}.view-blog-meta{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.view-blog-author{display:flex;align-items:center;gap:1rem}.view-blog-author-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.view-blog-author-info{display:flex;flex-direction:column;gap:.25rem}.view-blog-author-name{font-size:1rem;font-weight:600;color:var(--dark-text)}.view-blog-author-role{font-size:.875rem;color:var(--lighter-text);text-transform:capitalize}.view-blog-dates{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.view-blog-date{font-size:.875rem;color:var(--lighter-text)}.view-blog-content{padding:2.5rem}.view-blog-cta{margin-top:4rem;padding:3rem 0}.view-blog-cta-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1000px;margin:0 auto}.view-blog-cta-image-wrapper{width:100%;height:100%;min-height:300px;border-radius:12px;overflow:hidden;background:var(--primary-bg)}.view-blog-cta-image{width:100%;height:100%;object-fit:cover}.view-blog-cta-text{display:flex;flex-direction:column;gap:1.5rem}.view-blog-cta-title{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0;line-height:1.3}.view-blog-cta-description{font-size:1.125rem;color:var(--light-text);margin:0;line-height:1.7}.view-blog-cta-button{display:inline-block;padding:1rem 2rem;background:var(--main-bg);color:var(--white);text-decoration:none;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease;text-align:center;align-self:flex-start;font-family:Poppins,sans-serif}.view-blog-cta-button:hover{background:var(--main-bg-hover);box-shadow:0 4px 12px #22286d4d}.view-blog-loading,.view-blog-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.view-blog-spinner{border:4px solid var(--primary-bg);border-top:4px solid var(--orange-primary);border-radius:50%;width:50px;height:50px;animation:view-blog-spin 1s linear infinite}@keyframes view-blog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-blog-error h2{color:var(--dark-text);margin-bottom:1rem}.view-blog-error p{color:var(--light-text);margin-bottom:2rem}@media (max-width: 768px){.view-blog-page{padding-top:60px}.view-blog-container{padding:1.5rem}.view-blog-header-image{height:250px}.view-blog-header{padding:1.5rem}.view-blog-title{font-size:1.75rem}.view-blog-description{font-size:1rem}.view-blog-meta{flex-direction:column;align-items:flex-start;gap:1rem}.view-blog-dates{align-items:flex-start}.view-blog-content{padding:1.5rem}.view-blog-cta{margin-top:3rem;padding:2rem 0}.view-blog-cta-content{grid-template-columns:1fr;gap:2rem}.view-blog-cta-image-wrapper{min-height:250px}.view-blog-cta-title{font-size:1.75rem}.view-blog-cta-description{font-size:1rem}.view-blog-cta-button{width:100%;align-self:stretch}}.admin-login-content-centered{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--main-bg);padding:2rem}.admin-login-form-container{background:var(--white);padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:450px}.admin-login-branding{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.admin-login-logo{width:120px;height:auto;margin-bottom:.5rem}.admin-login-brand-tagline{font-size:1rem;color:var(--light-text);margin:0;font-weight:500}.admin-login-form-title{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin:0 0 1.5rem;text-align:center}.admin-login-error-message{background:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;text-align:center}.admin-login-input-box{margin-bottom:1.5rem}.admin-login-input-box input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:Poppins,sans-serif;transition:border-color .2s ease;box-sizing:border-box}.admin-login-input-box input:focus{outline:none;border-color:var(--main-bg)}.admin-login-password-box{position:relative}.admin-login-password-box i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--light-text);font-size:1rem}.admin-login-button input{background:var(--main-bg);color:var(--white);font-weight:600;cursor:pointer;transition:background .2s ease;border:none}.admin-login-button input:hover:not(:disabled){background:var(--main-bg-hover)}.admin-login-button input:disabled{opacity:.6;cursor:not-allowed}.admin-login-loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.admin-login-loading-logo{width:150px;height:auto;margin-bottom:2rem}.admin-login-loading-bar-container{width:300px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.admin-login-loading-bar{height:100%;background:var(--main-bg);animation:admin-login-loading 1.5s ease-in-out infinite}@keyframes admin-login-loading{0%{width:0%;transform:translate(0)}50%{width:70%;transform:translate(0)}to{width:100%;transform:translate(100%)}}@media (max-width: 768px){.admin-login-form-container{padding:2rem}.admin-login-form-title{font-size:1.5rem}}.app-mgmt-dashboard{min-height:100vh;background:var(--background-color, #f5f5f5)}.app-mgmt-header{background:var(--white);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;box-shadow:0 2px 4px #0000000d}.app-mgmt-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-mgmt-title{font-size:1.75rem;font-weight:700;color:var(--dark-text);margin:0}.app-mgmt-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.app-mgmt-logout-btn:hover{background:var(--main-bg-hover)}.app-mgmt-content{max-width:1400px;margin:0 auto;padding:3rem 2rem}.app-mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.app-mgmt-card{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;border:1px solid var(--border-color)}.app-mgmt-card:hover:not(.app-mgmt-card-disabled){transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.app-mgmt-card-disabled{cursor:not-allowed;opacity:.7;background:#f9f9f9}.app-mgmt-card-icon{font-size:3rem;color:var(--main-bg);margin-bottom:1rem}.app-mgmt-card-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0 0 .75rem}.app-mgmt-card-description{font-size:.9375rem;color:var(--light-text);margin:0;line-height:1.6}.app-mgmt-card-badge{position:absolute;top:1rem;right:1rem;background:var(--light-text);color:var(--white);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.app-mgmt-header{padding:1rem}.app-mgmt-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.app-mgmt-title{font-size:1.5rem}.app-mgmt-content{padding:2rem 1rem}.app-mgmt-grid{grid-template-columns:1fr;gap:1.5rem}.app-mgmt-card{padding:1.5rem}}.app-analytics-board{min-height:100vh;background:var(--background-color, #f5f5f5);padding:0 0 2rem}.app-analytics-header{max-width:1400px;margin:0 auto;background:var(--white);border-bottom:1px solid var(--border-color);padding:1rem 2rem;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:1rem}.app-analytics-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--white);color:var(--dark-text);border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.app-analytics-back-btn:hover{background:#f9f9f9;border-color:var(--main-bg);color:var(--main-bg)}.app-analytics-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0}.app-analytics-view-charts-btn{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.app-analytics-view-charts-btn:hover{background:var(--main-bg-hover);color:var(--white)}.app-analytics-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}.app-analytics-loading,.app-analytics-error{max-width:1400px;margin:0 auto;padding:3rem 2rem;text-align:center;color:var(--light-text)}.app-analytics-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:app-analytics-spin .8s linear infinite;margin:0 auto 1rem}@keyframes app-analytics-spin{to{transform:rotate(360deg)}}.app-analytics-error p{margin-bottom:1rem}.app-analytics-retry-btn{padding:.5rem 1.25rem;background:var(--main-bg);color:var(--white);border:none;border-radius:8px;font-size:.9375rem;cursor:pointer;font-family:Poppins,sans-serif}.app-analytics-retry-btn:hover{background:var(--main-bg-hover)}.app-analytics-section{background:var(--white);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000f}.app-analytics-section-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.app-analytics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.app-analytics-card{background:#f8f9fa;border-radius:10px;padding:1rem;border:1px solid var(--border-color);text-align:center}.app-analytics-card-icon{font-size:1.5rem;color:var(--main-bg);margin-bottom:.5rem}.app-analytics-card-label{font-size:.75rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.app-analytics-card-value{font-size:1.25rem;font-weight:700;color:var(--dark-text)}.app-analytics-summary{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;font-size:.9375rem;color:var(--dark-text)}.app-analytics-summary .app-analytics-card-icon{margin-bottom:0}.app-analytics-table-wrap{overflow-x:auto;margin-top:.75rem}.app-analytics-table{width:100%;border-collapse:collapse;font-size:.875rem}.app-analytics-table th,.app-analytics-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color)}.app-analytics-table th{font-weight:600;color:var(--dark-text);background:#f8f9fa}.app-analytics-table td{color:var(--light-text)}.app-analytics-table-small .app-analytics-table th,.app-analytics-table-small .app-analytics-table td{padding:.4rem .6rem;font-size:.8125rem}.app-analytics-list{list-style:none;margin:0;padding:0}.app-analytics-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.9375rem}.app-analytics-list li:last-child{border-bottom:none}.app-analytics-list-label{color:var(--dark-text)}.app-analytics-list-value{font-weight:600;color:var(--main-bg)}@media (max-width: 768px){.app-analytics-header,.app-analytics-content{padding:1rem}.app-analytics-cards{grid-template-columns:repeat(2,1fr)}.app-analytics-title{font-size:1.25rem}}:root{--charts-main-bg: #22286d;--charts-main-bg-hover: #131746;--charts-dark-text: #1a202c;--charts-light-text: #4a5568;--charts-border-color: #e2e8f0;--charts-white: #ffffff;--charts-background: #f5f5f5}.app-analytics-charts{min-height:100vh;background:var(--charts-background);padding:0 0 2rem}.app-analytics-charts-header{max-width:1400px;margin:0 auto;background:var(--charts-white);border-bottom:1px solid var(--charts-border-color);padding:1rem 2rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.app-analytics-charts-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--charts-white);color:var(--charts-dark-text);border:1px solid var(--charts-border-color);border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.app-analytics-charts-back:hover{background:#f9f9f9;border-color:var(--charts-main-bg);color:var(--charts-main-bg)}.app-analytics-charts-title{font-size:1.5rem;font-weight:700;color:var(--charts-dark-text);margin:0;display:flex;align-items:center;gap:.5rem}.app-analytics-charts-controls{margin-left:auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.app-analytics-charts-controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--charts-light-text);font-weight:500}.app-analytics-charts-controls select{padding:.4rem .6rem;border:1px solid var(--charts-border-color);border-radius:6px;font-size:.875rem;background:var(--charts-white);color:var(--charts-dark-text);cursor:pointer}.app-analytics-charts-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:1.5rem}.app-analytics-charts-section{background:var(--charts-white);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--charts-border-color)}.app-analytics-charts-section-title{font-size:1.1rem;font-weight:600;color:var(--charts-dark-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--charts-border-color)}.app-analytics-charts-chart{min-height:260px}.app-analytics-charts-pie{display:flex;justify-content:center;align-items:center}.app-analytics-charts-loading,.app-analytics-charts-error{max-width:1400px;margin:0 auto;padding:3rem 2rem;text-align:center;color:var(--charts-light-text)}.app-analytics-charts-spinner{width:48px;height:48px;margin:0 auto 1rem;border:4px solid var(--charts-border-color);border-top-color:var(--charts-main-bg);border-radius:50%;animation:app-analytics-charts-spin .8s linear infinite}@keyframes app-analytics-charts-spin{to{transform:rotate(360deg)}}.app-analytics-charts-error p{margin-bottom:1rem}.app-analytics-charts-retry{padding:.5rem 1.25rem;background:var(--charts-main-bg);color:var(--charts-white);border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.app-analytics-charts-retry:hover{background:var(--charts-main-bg-hover)}@media (max-width: 900px){.app-analytics-charts-content{grid-template-columns:1fr;padding:1rem}.app-analytics-charts-header{padding:1rem}.app-analytics-charts-controls{margin-left:0;width:100%}}.blog-mgmt-container{min-height:100vh;background:var(--background-color, #f5f5f5);padding:2rem}.blog-mgmt-header{max-width:1400px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.blog-mgmt-back-btn,.blog-mgmt-new-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.blog-mgmt-back-btn{background:var(--white);color:var(--dark-text);border:1px solid var(--border-color)}.blog-mgmt-back-btn:hover{background:#f9f9f9}.blog-mgmt-new-btn{background:var(--main-bg);color:var(--white)}.blog-mgmt-new-btn:hover{background:var(--main-bg-hover)}.blog-mgmt-title{font-size:2rem;font-weight:700;color:var(--dark-text);margin:0}.blog-mgmt-form-container{max-width:1000px;margin:0 auto;background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.blog-mgmt-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.blog-mgmt-form-header h2{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.blog-mgmt-close-btn{background:none;border:none;font-size:1.5rem;color:var(--light-text);cursor:pointer;padding:.5rem;transition:color .2s ease}.blog-mgmt-close-btn:hover{color:var(--dark-text)}.blog-mgmt-form{display:flex;flex-direction:column;gap:1.5rem}.blog-mgmt-form-field{display:flex;flex-direction:column;gap:.5rem}.blog-mgmt-form-field label{font-size:.9375rem;font-weight:500;color:var(--dark-text)}.blog-mgmt-form-field input[type=text],.blog-mgmt-form-field textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.blog-mgmt-form-field input[type=text]:focus,.blog-mgmt-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.blog-mgmt-form-field textarea{resize:vertical;min-height:80px}.blog-mgmt-file-input{display:none}.blog-mgmt-file-label{display:inline-block;padding:.75rem 1.5rem;background:var(--background-color, #f5f5f5);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--dark-text);transition:all .2s ease;text-align:center;margin-top:.5rem}.blog-mgmt-file-label:hover{background:#e9e9e9}.blog-mgmt-image-preview{position:relative;width:100%;max-width:500px;margin-bottom:.5rem}.blog-mgmt-image-preview img{width:100%;height:auto;border-radius:8px;border:1px solid var(--border-color)}.blog-mgmt-remove-image{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:var(--white);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.blog-mgmt-remove-image:hover{background:#000000e6}.blog-mgmt-editor-wrapper{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;min-height:400px}.blog-mgmt-editor-wrapper .doc-editor{max-width:100%;margin:0;border:none!important}.blog-mgmt-editor-wrapper .doc-content{padding:1rem!important}.blog-mgmt-editor-wrapper .doc-content .ProseMirror{outline:none!important;border:none!important;box-shadow:none!important;width:100%!important;min-height:300px;padding:0!important}.blog-mgmt-editor-wrapper .doc-content .ProseMirror:focus{outline:none!important;border:none!important;box-shadow:none!important}.blog-mgmt-editor-wrapper .doc-content>div{border:none!important;outline:none!important;width:100%!important}.blog-mgmt-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.blog-mgmt-cancel-btn,.blog-mgmt-submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.blog-mgmt-cancel-btn{background:var(--white);color:var(--dark-text);border:1px solid var(--border-color)}.blog-mgmt-cancel-btn:hover:not(:disabled){background:#f9f9f9}.blog-mgmt-submit-btn{background:var(--main-bg);color:var(--white)}.blog-mgmt-submit-btn:hover:not(:disabled){background:var(--main-bg-hover)}.blog-mgmt-cancel-btn:disabled,.blog-mgmt-submit-btn:disabled{opacity:.6;cursor:not-allowed}.blog-mgmt-list-container{max-width:1400px;margin:0 auto}.blog-mgmt-loading,.blog-mgmt-error,.blog-mgmt-empty{text-align:center;padding:3rem;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a}.blog-mgmt-error{color:#c33}.blog-mgmt-empty{color:var(--light-text)}.blog-mgmt-list{display:flex;flex-direction:column;gap:1rem}.blog-mgmt-item{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:box-shadow .2s ease}.blog-mgmt-item:hover{box-shadow:0 4px 12px #00000026}.blog-mgmt-item-content{flex:1;min-width:0}.blog-mgmt-item-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin:0 0 .5rem}.blog-mgmt-item-description{font-size:.9375rem;color:var(--light-text);margin:0 0 .75rem;line-height:1.5}.blog-mgmt-item-meta{display:flex;gap:1rem;flex-wrap:wrap}.blog-mgmt-item-date{font-size:.875rem;color:var(--lighter-text)}.blog-mgmt-item-actions{display:flex;gap:.5rem;flex-shrink:0}.blog-mgmt-action-btn{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.blog-mgmt-edit-btn{background:#e3f2fd;color:#1976d2}.blog-mgmt-edit-btn:hover{background:#bbdefb}.blog-mgmt-delete-btn{background:#ffebee;color:#c62828}.blog-mgmt-delete-btn:hover{background:#ffcdd2}.blog-mgmt-load-more{text-align:center;margin-top:2rem}.blog-mgmt-load-more-btn{padding:.75rem 2rem;background:var(--white);color:var(--dark-text);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.blog-mgmt-load-more-btn:hover:not(:disabled){background:#f9f9f9;border-color:var(--main-bg)}.blog-mgmt-load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.blog-mgmt-container{padding:1rem}.blog-mgmt-header{flex-direction:column;align-items:stretch}.blog-mgmt-title{font-size:1.5rem;text-align:center}.blog-mgmt-back-btn,.blog-mgmt-new-btn{width:100%;justify-content:center}.blog-mgmt-form-container{padding:1.5rem}.blog-mgmt-item{flex-direction:column;align-items:stretch}.blog-mgmt-item-actions{justify-content:flex-end}}.community-forum-container{width:100%;display:block;min-height:calc(100vh - 100px)}.community-forum-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0;gap:.7rem}.community-forum-header-left{flex:1;display:flex;align-items:center;gap:.75rem}.community-forum-create-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0}.community-forum-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}@media (max-width: 768px){.community-forum-header{flex-direction:column;align-items:stretch}.community-forum-create-btn{width:100%;justify-content:center}}.community-forum-content{display:grid;grid-template-columns:280px 1fr;gap:.7rem;min-height:350px;transition:grid-template-columns .3s ease;align-items:start;width:100%;margin-top:0}.community-forum-content.sidebar-collapsed{grid-template-columns:60px 1fr}.community-forum-sidebar{background:var(--white);border:1px solid var(--border-color);border-radius:4px;padding:.7rem;height:fit-content;transition:all .3s ease;position:relative}.community-forum-sidebar.collapsed{padding:.525rem;width:60px;min-width:60px}.community-forum-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.525rem}.community-forum-sidebar.collapsed .community-forum-sidebar-header{justify-content:center;margin-bottom:.525rem}.community-forum-sidebar-title{font-size:.9375rem;font-weight:600;color:var(--dark-text);margin:0}.community-forum-sidebar.collapsed .community-forum-sidebar-title{font-size:.625rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.community-forum-sidebar-toggle{background:var(--background-color, #f5f5f5);border:1px solid var(--border-color);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--dark-text);flex-shrink:0;padding:0;font-size:.75rem}.community-forum-sidebar-toggle:hover{background:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.community-forum-collapsed-list{display:flex;flex-direction:column;gap:.35rem}.community-forum-collapsed-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.525rem .35rem;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;background:var(--white);min-height:42px;justify-content:center}.community-forum-collapsed-item:hover{border-color:var(--main-bg);background:#22286d0d}.community-forum-collapsed-item.active{border-color:var(--main-bg);background:#22286d1a}.community-forum-collapsed-create-item{background:var(--main-bg);border-color:var(--main-bg);color:var(--white);display:flex;align-items:center;justify-content:center;min-height:42px;padding:.525rem}.community-forum-collapsed-create-item:hover{background:var(--main-bg-hover);border-color:var(--main-bg-hover)}.community-forum-collapsed-icon{font-size:1rem;color:var(--white)}.community-forum-collapsed-forum-name{font-size:.625rem;font-weight:600;color:var(--dark-text);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}.community-forum-collapsed-item.active .community-forum-collapsed-forum-name{color:var(--main-bg);font-weight:700}.community-forum-collapsed-lock{color:var(--light-text);font-size:.625rem;flex-shrink:0}.community-forum-collapsed-item.active .community-forum-collapsed-lock{color:var(--main-bg)}.community-forum-list{display:flex;flex-direction:column;gap:.525rem}.community-forum-item{padding:.7rem;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--white)}.community-forum-item:hover{border-color:var(--main-bg);box-shadow:0 2px 8px #0000001a}.community-forum-item.active{border-color:var(--main-bg);background:#22286d0d}.community-forum-create-item{background:var(--main-bg);border-color:var(--main-bg);margin-bottom:.5rem}.community-forum-create-item:hover{background:var(--main-bg-hover);border-color:var(--main-bg-hover)}.community-forum-create-item .community-forum-item-name{color:var(--white);display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-forum-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.community-forum-item-name{font-size:.875rem;font-weight:600;color:var(--dark-text)}.community-forum-item-lock{color:var(--light-text);font-size:.75rem}.community-forum-item-description{font-size:.75rem;color:var(--light-text);margin:0 0 .35rem;line-height:1.5}.community-forum-item-meta{display:flex;justify-content:space-between;align-items:center}.community-forum-item-count{font-size:.7125rem;color:var(--lighter-text)}.community-forum-empty{text-align:center;padding:1.4rem;color:var(--light-text)}.community-forum-posts-area{background:transparent;border:none;border-radius:0;padding:0;min-height:350px}.community-forum-settings-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;flex-shrink:0;font-size:.875rem}.community-forum-settings-btn:hover{background:var(--background-color, #f5f5f5);border-color:var(--main-bg);color:var(--main-bg)}.community-forum-posts-list{display:flex;flex-direction:column;gap:.5rem;padding:0}.community-forum-post{padding:.875rem 1rem;border:none;border-radius:8px;background:var(--white);box-shadow:0 1px 3px #0000001a;transition:all .3s ease;margin-bottom:0}.community-forum-post:hover{box-shadow:0 2px 8px #00000026}.community-forum-post.highlighted{background:#22286d0d;border:2px solid var(--main-bg);box-shadow:0 2px 8px #22286d33;animation:highlightPulse .5s ease}.community-forum-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.community-forum-post-author{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.community-forum-post-avatar{width:28px;height:28px;border-radius:50%;background:var(--main-bg);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;overflow:hidden}.community-forum-post-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.community-forum-post-author-info{display:flex;flex-direction:column;gap:.175rem}.community-forum-post-author-name{font-size:.75rem;font-weight:600;color:var(--dark-text)}.community-forum-post-date{font-size:.6875rem;color:var(--lighter-text)}.community-forum-post-actions{display:flex;align-items:center;gap:.35rem}.community-forum-post-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-forum-post-share-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-forum-post-edit-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-forum-post-edit-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-forum-post-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-forum-post-delete-btn:hover{background:#dc35451a;color:#dc3545;opacity:1}.community-forum-post-content{margin-bottom:.6rem}.community-forum-post-message{font-size:.75rem;color:var(--dark-text);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.community-forum-post-attachments{margin-top:.6rem}.community-forum-post-attachment{border-radius:6px;overflow:hidden}.community-forum-post-attachment-image{border-radius:6px;cursor:pointer}.community-forum-post-attachment-link{display:inline-flex;align-items:center;gap:.35rem;padding:.525rem;background:var(--background-color, #f5f5f5);border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--dark-text);transition:all .2s ease;font-size:.75rem}.community-forum-post-attachment-link:hover{background:#e9e9e9;border-color:var(--main-bg)}.community-forum-post-footer{display:flex;gap:.6rem;padding-top:.6rem;border-top:1px solid rgba(0,0,0,.08);margin-top:.5rem}.community-forum-post-action-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--dark-text);font-size:.75rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-forum-post-action-btn:hover{background:var(--background-color, #f5f5f5);border-color:var(--main-bg);color:var(--main-bg)}.community-forum-post-action-btn.liked{color:#e53e3e;border-color:#e53e3e}.community-forum-post-action-btn.liked:hover{background:#e53e3e1a;border-color:#c53030;color:#c53030}.community-forum-create-post-section{margin-bottom:.5rem;padding:.875rem 1rem;background:var(--white);border-radius:8px;box-shadow:0 1px 3px #0000001a}.community-forum-create-post-input{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.community-forum-create-post-input:hover{border-color:var(--main-bg);box-shadow:0 0 0 1px var(--main-bg)}.community-forum-create-post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.community-forum-create-post-avatar img{width:100%;height:100%;object-fit:cover}.community-forum-create-post-placeholder{flex:1;color:var(--lighter-text);font-size:.875rem;font-family:Poppins,sans-serif}.community-forum-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.community-forum-modal{background:var(--white);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-forum-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.community-forum-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--dark-text);font-family:Poppins,sans-serif}.community-forum-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-forum-modal-close:hover{background:var(--primary-bg);border-color:var(--main-bg)}.community-forum-modal-content{padding:0 1.5rem 1.5rem}.community-forum-post-replies{margin-top:.75rem;padding-top:.75rem}.community-forum-reply{margin-top:.75rem;background:var(--primary-bg);border-radius:6px;border:none;padding:.75rem;position:relative}.community-forum-reply:first-child{margin-top:0}.community-forum-reply:last-child{border-bottom:none}.community-forum-reply:before{content:"";position:absolute;left:0;top:.525rem;bottom:.525rem;width:2px;background:#e8e8e8}.community-forum-reply .community-forum-post-header{margin-bottom:.35rem;display:flex;justify-content:space-between;align-items:flex-start}.community-forum-reply .community-forum-post-author{gap:.4375rem}.community-forum-reply .community-forum-post-avatar{width:24px;height:24px}.community-forum-reply .community-forum-post-author-name{font-size:.75rem;font-weight:500}.community-forum-reply .community-forum-post-date{font-size:.625rem}.community-forum-reply .community-forum-post-content{margin-bottom:.35rem}.community-forum-reply .community-forum-post-message{font-size:.75rem;line-height:1.4;color:var(--dark-text)}.community-forum-reply-footer{display:flex;gap:.525rem;padding-top:.35rem;margin-top:.35rem;border-top:none}.community-forum-reply-footer .community-forum-post-action-btn{padding:.2625rem .525rem;font-size:.7125rem;border:none;background:transparent;color:var(--light-text)}.community-forum-reply-footer .community-forum-post-action-btn:hover{background:#22286d0d;color:var(--main-bg)}.community-forum-reply-footer .community-forum-post-action-btn.liked{color:#e53e3e}.community-forum-reply-footer .community-forum-post-action-btn.liked:hover{background:#e53e3e1a;color:#c53030}.community-forum-nested-replies{margin-top:.35rem;padding-left:1.05rem;border-left:none;position:relative}.community-forum-nested-replies:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#f0f0f0}.community-forum-replies-loading{padding:.525rem 1.75rem;text-align:center;color:var(--light-text);font-size:.7125rem}.community-forum-no-replies{padding:.525rem 1.75rem;text-align:left;color:var(--lighter-text);font-size:.7125rem;font-style:italic}.community-forum-inline-reply-form{margin-top:.525rem;margin-left:1.75rem;animation:slideDown .2s ease-out}.community-forum-nested-replies .community-forum-inline-reply-form{margin-left:1.05rem}.community-forum-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.8rem 1.4rem;text-align:center;color:var(--light-text)}.community-forum-empty-icon{font-size:2.1rem;color:var(--lighter-text);margin-bottom:.7rem}.community-forum-loading,.community-forum-posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.8rem 1.4rem;text-align:center}.community-forum-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.7rem}.community-forum-error{text-align:center;padding:1.4rem;color:#c33;font-size:.875rem}.community-forum-retry-btn{margin-top:.7rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.community-forum-retry-btn:hover{background:var(--main-bg-hover)}@media (max-width: 1024px){.community-forum-content{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}}.community-forum-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1.125rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:.75rem}.community-forum-mobile-toggle:hover{background:var(--background-color);border-color:var(--main-bg)}.community-forum-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.community-forum-mobile-sidebar{display:none;position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;max-height:100vh;background:var(--white);box-shadow:2px 0 12px #00000026;z-index:1000;transform:translate(-100%);transition:transform .3s ease-out;overflow-y:auto;border-radius:0}.community-forum-mobile-sidebar.open{transform:translate(0)}.community-forum-mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--white);position:sticky;top:0;z-index:1}.community-forum-mobile-sidebar-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0}.community-forum-mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-forum-mobile-close-btn:hover{background:var(--background-color);border-color:var(--main-bg)}.community-forum-mobile-sidebar .community-forum-list{padding:0 1rem 1rem}.community-forum-mobile-sidebar .community-forum-create-item{margin:0 1rem .5rem;width:auto}.community-forum-mobile-sidebar .community-forum-empty{padding:2rem 1rem;text-align:center;color:var(--lighter-text)}@media (max-width: 768px){.community-forum-mobile-toggle{display:flex}.community-forum-content,.community-forum-content.sidebar-collapsed{grid-template-columns:1fr}.community-forum-sidebar{display:none}.community-forum-mobile-overlay,.community-forum-mobile-sidebar{display:block}.community-forum-mobile-sidebar .community-forum-create-item{margin:0 1rem .5rem;width:calc(100% - 2rem)}.community-forum-posts-area{order:1;padding:0}.community-forum-posts-list{gap:.4rem}.community-forum-post{padding:.75rem .875rem;border-radius:6px}.community-forum-create-post-section{margin-bottom:.4rem;padding:.75rem .875rem}.community-forum-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.post-attachments{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.post-attachment-thumbnail{height:100px}}.community-forum-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;cursor:pointer}.community-forum-image-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--dark-text);transition:background .2s ease;z-index:10001}.community-forum-image-modal-close:hover{background:#fff}.community-forum-image-modal-content{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.create-wall-form-container{width:100%;max-width:600px;margin:0 auto}.create-wall-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding-bottom:.7rem;border-bottom:1px solid var(--border-color)}.create-wall-form-title{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.create-wall-form-close-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.75rem}.create-wall-form-close-btn:hover:not(:disabled){background:var(--background-color, #f5f5f5);border-color:var(--main-bg);color:var(--main-bg)}.create-wall-form-close-btn:disabled{opacity:.6;cursor:not-allowed}.create-wall-form{display:flex;flex-direction:column;gap:1.05rem}.create-wall-form-field{display:flex;flex-direction:column;gap:.35rem}.create-wall-form-field label{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-wall-form-field input[type=text],.create-wall-form-field textarea{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-wall-form-field input[type=text]:focus,.create-wall-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.create-wall-form-field textarea{resize:vertical;min-height:56px}.create-wall-form-field input:disabled,.create-wall-form-field textarea:disabled{background:var(--background-color, #f5f5f5);cursor:not-allowed}.create-wall-form-checkbox-label{display:flex;align-items:center;gap:.525rem;cursor:pointer;font-weight:400;font-size:.8125rem}.create-wall-form-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--main-bg)}.create-wall-form-hint{font-size:.75rem;color:var(--light-text);margin:0;font-style:italic}.create-wall-form-loading,.create-wall-form-empty{padding:.7rem;text-align:center;color:var(--light-text);font-size:.8125rem;background:var(--background-color, #f5f5f5);border-radius:4px}.create-wall-form-plans-list{display:flex;flex-direction:column;gap:.525rem;max-height:210px;overflow-y:auto;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;background:var(--white)}.create-wall-form-plan-item{display:flex;align-items:flex-start;gap:.525rem;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;background:var(--white)}.create-wall-form-plan-item:hover{border-color:var(--main-bg);background:#22286d0d}.create-wall-form-plan-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--main-bg);flex-shrink:0}.create-wall-form-plan-item input[type=checkbox]:checked~.create-wall-form-plan-info{color:var(--main-bg)}.create-wall-form-plan-info{display:flex;flex-direction:column;gap:.175rem;flex:1}.create-wall-form-plan-name{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-wall-form-plan-item input[type=checkbox]:checked~.create-wall-form-plan-info .create-wall-form-plan-name{color:var(--main-bg);font-weight:600}.create-wall-form-plan-description{font-size:.7125rem;color:var(--light-text)}.create-wall-form-actions{display:flex;justify-content:space-between;gap:.7rem;padding-top:.7rem;border-top:1px solid var(--border-color)}.create-wall-form-delete-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;border:1px solid #dc3545;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;background:var(--white);color:#dc3545}.create-wall-form-delete-btn:hover:not(:disabled){background:#dc3545;color:var(--white)}.create-wall-form-delete-btn:disabled{opacity:.6;cursor:not-allowed}.create-wall-form-submit-btn{padding:.525rem 1.05rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;background:var(--main-bg);color:var(--white)}.create-wall-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover)}.create-wall-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-post-form-container{width:100%;background:transparent;border:none;padding:0}.create-post-form{display:flex;flex-direction:column;gap:.875rem}.create-post-form-field{display:flex;flex-direction:column}.create-post-form-field textarea{padding:.75rem;border:none;border-bottom:1px solid var(--border-color);border-radius:0;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease;resize:vertical;min-height:100px;background:transparent}.create-post-form-field textarea:focus{outline:none;border-bottom-color:var(--main-bg)}.create-post-form-field textarea:disabled{background:var(--background-color, #f5f5f5);cursor:not-allowed}.create-post-file-input{padding:.35rem;border:1px dashed var(--border-color);border-radius:4px;cursor:pointer;font-size:.75rem}.create-post-file-input:disabled{opacity:.6;cursor:not-allowed}.create-post-file-input-hidden{display:none}.create-post-attachments-container{display:flex;flex-wrap:wrap;gap:.5rem}.create-post-add-attachment-box{width:100px;height:100px;border:2px dashed var(--border-color);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--white);position:relative}.create-post-add-attachment-box:hover{border-color:var(--main-bg);background:var(--background-color, #f5f5f5)}.create-post-add-attachment-box:active{transform:scale(.98)}.create-post-add-icon{font-size:1.5rem;color:var(--light-text);margin-bottom:.35rem}.create-post-add-attachment-box:hover .create-post-add-icon{color:var(--main-bg)}.create-post-add-text{font-size:.7rem;color:var(--light-text);text-align:center;font-weight:500}.create-post-add-attachment-box:hover .create-post-add-text{color:var(--main-bg)}.create-post-attachment-box{width:100px;height:100px;border:1px solid var(--border-color);border-radius:6px;position:relative;overflow:hidden;background:var(--background-color, #f5f5f5)}.create-post-attachment-preview{width:100%;height:100%;object-fit:cover;border-radius:6px}.create-post-attachment-video-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--light-text);background:var(--background-color, #f5f5f5)}.create-post-attachment-video-preview svg{font-size:1.5rem}.create-post-attachment-video-preview span{font-size:.65rem;font-weight:500}.create-post-remove-attachment-box{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:none;color:var(--white);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.create-post-remove-attachment-box:hover:not(:disabled){background:#dc3545e6;transform:scale(1.1)}.create-post-remove-attachment-box:disabled{opacity:.6;cursor:not-allowed}.create-post-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.create-post-add-attachment-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--lighter-text);cursor:pointer;transition:all .2s ease;font-size:1rem}.create-post-add-attachment-btn:hover{background:var(--primary-bg);border-color:var(--main-bg);color:var(--main-bg)}.create-post-form-submit-btn{padding:.5rem 1.25rem;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;background:var(--main-bg);color:var(--white)}.create-post-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover)}.create-post-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-post-form-container.inline{margin-top:.7rem;padding:.7rem;background:var(--background-color, #f5f5f5);border:1px solid var(--border-color);border-radius:6px}.create-post-form-container.inline .create-post-form{gap:.7rem}.create-post-form-container.inline .create-post-form-field{margin-bottom:0}.create-post-form-container.inline .create-post-form-field textarea{min-height:56px;font-size:.8125rem}.create-post-form-inline-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.525rem}.create-post-form-attachments-section{display:flex;align-items:center;gap:.35rem;flex:1}.create-post-attachments-container-inline{display:flex;flex-wrap:wrap;gap:.525rem;align-items:center}.create-post-add-attachment-box-inline{width:48px;height:48px;border:2px dashed var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--white);color:var(--light-text);font-size:1rem}.create-post-add-attachment-box-inline:hover{border-color:var(--main-bg);background:var(--background-color, #f5f5f5);color:var(--main-bg)}.create-post-attachment-box-inline{width:48px;height:48px;border:1px solid var(--border-color);border-radius:6px;position:relative;overflow:hidden;background:var(--background-color, #f5f5f5)}.create-post-attachment-preview-inline{width:100%;height:100%;object-fit:cover;border-radius:6px}.create-post-attachment-video-preview-inline{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--light-text);background:var(--background-color, #f5f5f5);font-size:1rem}.create-post-remove-attachment-box-inline{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000b3;border:none;color:var(--white);font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.create-post-remove-attachment-box-inline:hover:not(:disabled){background:#dc3545e6;transform:scale(1.1)}.create-post-remove-attachment-box-inline:disabled{opacity:.6;cursor:not-allowed}.create-post-form-inline-buttons{display:flex;gap:.525rem;align-items:center}.create-post-form-cancel-btn-inline{padding:.35rem .7rem;background:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--dark-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.create-post-form-cancel-btn-inline:hover:not(:disabled){background:var(--background-color, #f5f5f5);border-color:var(--light-text)}.create-post-form-cancel-btn-inline:disabled{opacity:.6;cursor:not-allowed}.create-post-form-submit-btn-inline{padding:.35rem .875rem;background:var(--main-bg);border:none;border-radius:4px;color:var(--white);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.create-post-form-submit-btn-inline:hover:not(:disabled){background:var(--main-bg-hover)}.create-post-form-submit-btn-inline:disabled{opacity:.6;cursor:not-allowed}.attachment-limit-note{font-size:.75rem;font-weight:400;color:var(--lighter-text);font-style:italic;margin-left:.5rem}.attachment-edit-note{font-size:.7rem;font-weight:400;color:var(--lighter-text);font-style:italic;margin-top:.5rem;margin-left:0}:root{--main-bg: #22286d;--main-bg-hover: #131746;--dark-text: #1a202c;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--white: #ffffff;--background-color: #f5f5f5;--danger: #dc3545;--danger-hover: #c82333}.create-meeting-form-container{width:100%;margin:0;background:transparent;border:none;border-radius:0;padding:1.4rem}.create-meeting-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding-bottom:.7rem;border-bottom:1px solid var(--border-color)}.create-meeting-form-header h3{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.create-meeting-form-close-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.8125rem}.create-meeting-form-close-btn:hover:not(:disabled){background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.create-meeting-form{display:flex;flex-direction:column;gap:1.05rem}.create-meeting-form-field{display:flex;flex-direction:column;gap:.35rem}.create-meeting-form-field label{font-size:.875rem;font-weight:600;color:var(--dark-text);display:flex;align-items:center;gap:.35rem}.create-meeting-form-field label svg{color:var(--main-bg);font-size:.875rem}.create-meeting-form-field input[type=text],.create-meeting-form-field input[type=url],.create-meeting-form-field input[type=datetime-local],.create-meeting-form-field textarea{padding:.525rem .7rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;color:var(--dark-text);transition:all .2s ease;width:100%;box-sizing:border-box}.create-meeting-form-field input:focus,.create-meeting-form-field textarea:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.create-meeting-form-field textarea{resize:vertical;min-height:80px}.create-meeting-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.create-meeting-attendee-selector{position:relative;width:100%}.create-meeting-attendee-input{position:relative}.create-meeting-attendee-input input{width:100%;padding:.525rem .7rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;color:var(--dark-text);transition:all .2s ease;box-sizing:border-box}.create-meeting-attendee-input input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.create-meeting-attendee-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;max-height:280px;overflow-y:auto;z-index:1000;margin-top:.35rem}.create-meeting-attendee-item{display:flex;align-items:center;gap:.7rem;padding:.525rem .7rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.create-meeting-attendee-item:last-child{border-bottom:none}.create-meeting-attendee-item:hover{background:var(--background-color)}.create-meeting-attendee-item.selected{background:#f0f4ff}.create-meeting-attendee-item input[type=checkbox]{width:auto;cursor:pointer}.create-meeting-attendee-name{flex:1;font-size:.875rem;color:var(--dark-text)}.create-meeting-attendee-role{font-size:.75rem;color:var(--light-text);padding:.175rem .35rem;background:var(--background-color);border-radius:4px}.create-meeting-attendee-loading,.create-meeting-attendee-empty{padding:.7rem;text-align:center;color:var(--light-text);font-size:.875rem}.create-meeting-selected-attendees{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.create-meeting-selected-attendee{display:flex;align-items:center;gap:.35rem;padding:.28rem .56rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;font-size:.8125rem;color:var(--dark-text)}.create-meeting-remove-attendee{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:color .2s ease}.create-meeting-remove-attendee:hover{color:var(--danger)}.create-meeting-form-actions{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.7rem;padding-top:1.05rem;border-top:1px solid var(--border-color)}.create-meeting-form-actions-right{display:flex;gap:.7rem}.create-meeting-form-cancel-btn,.create-meeting-form-submit-btn,.create-meeting-form-delete-btn{padding:.525rem 1.05rem;border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:.35rem}.create-meeting-form-cancel-btn{background:var(--white);border:1px solid var(--border-color);color:var(--dark-text)}.create-meeting-form-cancel-btn:hover:not(:disabled){background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.create-meeting-form-submit-btn{background:var(--main-bg);color:var(--white)}.create-meeting-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-meeting-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-meeting-form-delete-btn{background:var(--danger);color:var(--white)}.create-meeting-form-delete-btn:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 2px 8px #dc35454d}.create-meeting-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem;min-height:200px}.create-meeting-form-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.7rem}.create-meeting-form-hint{font-size:.75rem;color:var(--light-text);margin:.35rem 0 .525rem}.create-meeting-form-loading,.create-meeting-form-empty{padding:.7rem;text-align:center;color:var(--light-text);font-size:.875rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px}.create-meeting-form-plans-list{display:flex;flex-direction:column;gap:.525rem;max-height:210px;overflow-y:auto;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;background:var(--white)}.create-meeting-form-plan-item{display:flex;align-items:flex-start;gap:.525rem;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;background:var(--white)}.create-meeting-form-plan-item:hover{border-color:var(--main-bg);background:#22286d0d}.create-meeting-form-plan-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--main-bg);flex-shrink:0}.create-meeting-form-plan-item input[type=checkbox]:checked~.create-meeting-form-plan-info{color:var(--main-bg)}.create-meeting-form-plan-info{display:flex;flex-direction:column;gap:.175rem;flex:1}.create-meeting-form-plan-name{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-meeting-form-plan-item input[type=checkbox]:checked~.create-meeting-form-plan-info .create-meeting-form-plan-name{color:var(--main-bg);font-weight:600}.create-meeting-form-plan-description{font-size:.7125rem;color:var(--light-text)}@media (max-width: 768px){.create-meeting-form-container{padding:1.05rem}.create-meeting-form-row{grid-template-columns:1fr}.create-meeting-form-actions{flex-direction:column;align-items:stretch}.create-meeting-form-actions-right{flex-direction:column;width:100%}.create-meeting-form-cancel-btn,.create-meeting-form-submit-btn,.create-meeting-form-delete-btn{width:100%;justify-content:center}}.community-calendar-container{width:100%;padding:0}.community-calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem;gap:.7rem}.community-calendar-header-left{flex:1}.community-calendar-title{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0 0 .35rem;display:flex;align-items:center;gap:.525rem}.community-calendar-subtitle{font-size:.875rem;color:var(--light-text);margin:0}.community-calendar-create-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0}.community-calendar-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.community-calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.community-calendar-modal{background:var(--white);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-calendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.4rem .7rem;border-bottom:1px solid var(--border-color)}.community-calendar-modal-header h3{font-size:1.225rem;font-weight:600;color:var(--dark-text);margin:0}.community-calendar-modal-close{background:transparent;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;flex-shrink:0}.community-calendar-modal-close:hover{background:var(--background-color);border-color:var(--main-bg)}.community-calendar-modal-content{padding:0}.fc-button-createMeeting{background:var(--main-bg)!important;border-color:var(--main-bg)!important;color:var(--white)!important;padding:.4rem .8rem!important;font-size:.8125rem!important;font-weight:500!important;border-radius:6px!important;margin-left:.5rem!important}.fc-button-createMeeting:hover{background:var(--main-bg-hover)!important;border-color:var(--main-bg-hover)!important}.community-calendar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:6px}.community-calendar-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.7rem}.community-calendar-error{background:#fee;border:1px solid #fcc;border-radius:6px;padding:.7rem;margin-bottom:1.4rem;display:flex;justify-content:space-between;align-items:center}.community-calendar-error p{margin:0;color:#c33;font-size:.875rem}.community-calendar-retry-btn{padding:.35rem .7rem;background:#c33;color:var(--white);border:none;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500}.community-calendar-retry-btn:hover{background:#a22}.community-calendar-wrapper{position:relative;background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:.7rem;min-height:600px}.fc{font-family:Poppins,sans-serif}.fc-header-toolbar{margin-bottom:1.05rem;flex-wrap:wrap;gap:.7rem}.fc-toolbar-title{font-size:1.225rem;font-weight:700;color:var(--dark-text)}.fc-button{background:var(--white);border:1px solid var(--border-color);color:var(--dark-text);padding:.35rem .7rem;border-radius:4px;font-size:.8125rem;font-weight:500;transition:all .2s ease}.fc-button:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.fc-button:disabled{opacity:.5;cursor:not-allowed}.fc-button-active{background:var(--main-bg);border-color:var(--main-bg);color:var(--white)}.fc-button-active:hover{background:var(--main-bg-hover);border-color:var(--main-bg-hover)}.fc-daygrid-event{border-radius:4px;padding:2px 4px;cursor:pointer;transition:all .2s ease}.fc-daygrid-event:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.fc-event-main-frame{display:flex;align-items:center;gap:4px;font-size:.75rem}.fc-event-time{font-weight:600;white-space:nowrap}.fc-event-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-day{cursor:pointer}.fc-day:hover{background:var(--background-color)}.fc-daygrid-day-frame{min-height:100px}.fc-col-header-cell{padding:.525rem;background:var(--background-color);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--dark-text);font-size:.8125rem}.fc-daygrid-day-top{padding:.35rem}.fc-daygrid-day-number{font-weight:600;color:var(--dark-text);padding:.35rem}.fc-day-today{background:#f0f4ff}.fc-day-today .fc-daygrid-day-number{color:var(--main-bg);font-weight:700}.fc-timegrid-slot{height:2.5rem;border-top:1px solid var(--border-color)}.fc-timegrid-slot-label{font-size:.75rem;color:var(--light-text);padding:.35rem}.fc-timegrid-event{border-radius:4px;padding:4px 6px;cursor:pointer}.fc-timegrid-event:hover{opacity:.9}@media (max-width: 768px){.community-calendar-header{flex-direction:column;align-items:stretch}.community-calendar-create-btn{width:100%;justify-content:center}.fc-header-toolbar{flex-direction:column;align-items:stretch}.fc-toolbar-chunk{display:flex;justify-content:space-between;width:100%}.fc-button-group{display:flex;gap:.35rem}.fc-button{font-size:.75rem;padding:.28rem .56rem}.community-calendar-wrapper{padding:.35rem}.fc-daygrid-day-frame{min-height:80px}}@media (prefers-color-scheme: dark){.fc-theme-standard td,.fc-theme-standard th{border-color:#ffffff1a}}.community-classroom-container{width:100%;min-height:calc(100vh - 220px)}.community-classroom-search-container{margin-bottom:1.4rem}.community-classroom-search-wrapper{position:relative;display:flex;align-items:center;max-width:500px;width:100%}.community-classroom-search-icon{position:absolute;left:1rem;color:var(--lighter-text);font-size:1rem;pointer-events:none}.community-classroom-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);transition:all .2s ease}.community-classroom-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.community-classroom-load-more{margin-top:1.4rem;display:flex;justify-content:center;padding:1rem}.community-classroom-load-more-spinner{display:flex;align-items:center;gap:.5rem;color:var(--light-text)}.community-classroom-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem;gap:.7rem}.community-classroom-create-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0}.community-classroom-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.community-classroom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.community-classroom-modal{background:var(--white);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-classroom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.4rem .7rem;border-bottom:1px solid var(--border-color)}.community-classroom-modal-header h3{font-size:1.225rem;font-weight:600;color:var(--dark-text);margin:0}.community-classroom-modal-close{background:transparent;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;flex-shrink:0}.community-classroom-modal-close:hover{background:var(--background-color);border-color:var(--main-bg)}.community-classroom-modal-content{padding:0}@media (max-width: 768px){.community-classroom-header{margin-bottom:.5rem}.community-classroom-create-btn{width:100%;justify-content:center}}.community-classroom-list{width:100%}.community-classroom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem}.community-classroom-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.community-classroom-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--main-bg)}.community-classroom-card-banner{width:100%;height:140px;overflow:hidden;background:var(--background-color)}.community-classroom-card-banner img{width:100%;height:100%;object-fit:cover}.community-classroom-card-content{padding:1.05rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.community-classroom-card-title{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.4}.community-classroom-card-description{font-size:.8125rem;color:var(--light-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.community-classroom-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-classroom-empty-icon{font-size:3rem;color:var(--lighter-text);margin-bottom:1rem}.community-classroom-empty p{font-size:1rem;margin:0}.community-classroom-loading,.community-classroom-error{text-align:center;padding:3.5rem 1.4rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px}.community-classroom-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.05rem}.community-classroom-retry-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:1.05rem}.community-classroom-retry-btn:hover{background:var(--main-bg-hover)}.community-classroom-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;gap:.7rem}.community-classroom-detail-header-left{display:flex;align-items:center;gap:.75rem}.community-classroom-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;font-size:1.125rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.community-classroom-mobile-toggle:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-classroom-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.community-classroom-mobile-sidebar{display:none;position:fixed;top:0;left:0;width:400px;max-width:85vw;height:100vh;max-height:100vh;background:var(--white);box-shadow:2px 0 12px #00000026;z-index:1000;transform:translate(-100%);transition:transform .3s ease-out;overflow:hidden;border-radius:0;flex-direction:column}.community-classroom-mobile-sidebar.open{transform:translate(0);display:flex}.community-classroom-mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--white);position:sticky;top:0;z-index:1}.community-classroom-mobile-sidebar-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0}.community-classroom-mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-classroom-mobile-close-btn:hover{background:var(--background-color);border-color:var(--main-bg)}.community-classroom-mobile-sidebar-content{padding:0;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.community-classroom-mobile-sidebar .community-classroom-items{padding-top:0;border-top:none;padding:1rem;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.community-classroom-mobile-sidebar .community-classroom-items-header{padding:0;margin-bottom:.7rem;flex-shrink:0}.community-classroom-mobile-sidebar .community-classroom-items-list{padding:0;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.community-classroom-mobile-sidebar .community-classroom-items-list::-webkit-scrollbar{display:none}.community-classroom-back-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:transparent;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-classroom-back-btn:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-classroom-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;font-size:1.05rem;cursor:pointer;transition:all .2s ease}.community-classroom-settings-btn:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-classroom-detail-content{display:grid;grid-template-columns:400px 1fr;gap:.7rem;min-height:400px;width:100%;box-sizing:border-box}.community-classroom-sidebar{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;height:fit-content}.community-classroom-banner{width:100%;height:180px;overflow:hidden;background:var(--background-color)}.community-classroom-banner img{width:100%;height:100%;object-fit:cover}.community-classroom-sidebar-content{padding:1.4rem}.community-classroom-detail-title{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0 0 .7rem}.community-classroom-detail-description{font-size:.875rem;color:var(--light-text);margin:0 0 1.4rem;line-height:1.5}.community-classroom-items{padding-top:1.4rem;border-top:1px solid var(--border-color)}.community-classroom-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.community-classroom-items-title{font-size:.875rem;font-weight:600;color:var(--dark-text);margin:0;text-transform:uppercase;letter-spacing:.5px}.community-classroom-add-content-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.community-classroom-add-content-btn:hover{background:var(--main-bg-hover)}.community-classroom-items-loading,.community-classroom-items-empty{padding:1.4rem;text-align:center;background:var(--background-color);border-radius:4px}.community-classroom-items-loading p,.community-classroom-items-empty p{font-size:.8125rem;color:var(--light-text);margin:0 0 .7rem}.community-classroom-add-first-content-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-classroom-add-first-content-btn:hover{background:var(--main-bg-hover)}.community-classroom-items-list{display:flex;flex-direction:column;max-height:30rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.community-classroom-items-list::-webkit-scrollbar{width:6px}.community-classroom-items-list::-webkit-scrollbar-track{background:transparent}.community-classroom-items-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.community-classroom-items-list::-webkit-scrollbar-thumb:hover{background-color:var(--lighter-text)}.community-classroom-item{display:flex;align-items:center;gap:.5rem;padding:.875rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-color);border-radius:0;cursor:pointer;transition:all .2s ease;position:relative}.community-classroom-item:last-child{border-bottom:none}.community-classroom-item:hover{background:var(--background-color);padding-left:.5rem;margin-left:-.5rem;border-radius:4px}.community-classroom-item.active{background:#22286d0d;padding-left:.5rem;margin-left:-.5rem;border-radius:4px;border-bottom-color:transparent}.community-classroom-item.active:last-child{border-bottom:none}.community-classroom-item.drag-over{background:#22286d1a;border-bottom:2px dashed var(--main-bg)}.community-classroom-item[draggable=true]{cursor:move}.community-classroom-item-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--lighter-text);font-size:.875rem;cursor:grab;padding:.25rem}.community-classroom-item-drag-handle:active{cursor:grabbing}.community-classroom-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--background-color);border-radius:4px;color:var(--main-bg);font-size:.875rem;flex-shrink:0}.community-classroom-item-info{flex:1;min-width:0}.community-classroom-item-title{font-size:.875rem;font-weight:600;color:var(--dark-text);margin:0;display:flex;align-items:center;gap:.5rem;visibility:visible;opacity:1;line-height:1.3}.community-classroom-item-order{color:var(--lighter-text);font-weight:500;font-size:.8125rem;flex-shrink:0}.community-classroom-item-title-text{flex:1;min-width:0;word-wrap:break-word;word-break:break-word}.community-classroom-item-title:empty:before{content:"(Untitled)";color:var(--lighter-text);font-style:italic;font-weight:400}.community-classroom-item-description{font-size:.75rem;color:var(--light-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-classroom-item-completed{display:flex;align-items:center;justify-content:center;color:#10b981;font-size:1rem;flex-shrink:0;margin-left:auto}.community-classroom-item-locked{display:flex;align-items:center;justify-content:center;color:var(--lighter-text);font-size:.875rem;flex-shrink:0;margin-left:auto}.community-classroom-item-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--lighter-text);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.community-classroom-item-edit-btn:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-classroom-items-placeholder{padding:1.4rem;text-align:center;background:var(--background-color);border-radius:4px}.community-classroom-items-placeholder p{font-size:.8125rem;color:var(--light-text);margin:0}.community-classroom-main-content{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.4rem;min-width:0;overflow:hidden}.community-classroom-main-placeholder{text-align:center;padding:3.5rem 1.4rem;color:var(--light-text)}.community-classroom-main-placeholder p{font-size:.875rem;margin:0}.community-classroom-content-view{width:100%}.community-classroom-content-header{display:flex;flex-direction:column;margin-bottom:1.4rem;gap:.7rem}.community-classroom-content-header-row{display:flex;justify-content:flex-end;align-items:center;gap:.35rem}.community-classroom-content-actions{display:flex;align-items:center;gap:.35rem}.community-classroom-content-title{font-size:1.5rem;font-weight:700;color:var(--dark-text);margin:0;flex:1;min-width:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.community-classroom-content-completion{margin-bottom:1.4rem;padding:1rem;background:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.community-classroom-complete-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:var(--white);color:var(--dark-text);border:2px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;width:100%;justify-content:center}.community-classroom-complete-btn:hover{background:var(--main-bg);color:var(--white);border-color:var(--main-bg)}.community-classroom-complete-btn.completed{background:#10b981;color:var(--white);border-color:#10b981}.community-classroom-complete-btn.completed:hover{background:#059669;border-color:#059669}.community-classroom-complete-btn svg{font-size:1rem}.community-classroom-content-locked-message{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:6px;font-size:.875rem;font-weight:500;font-family:Poppins,sans-serif}.community-classroom-content-locked-message svg{font-size:1rem;flex-shrink:0}.community-classroom-content-edit-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.community-classroom-content-edit-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-classroom-content-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.community-classroom-content-share-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-classroom-content-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.community-classroom-content-delete-btn:hover{background:#dc35451a;color:#dc3545;opacity:1}.community-classroom-content-description{margin-bottom:1.4rem}.community-classroom-content-description p{font-size:.9375rem;color:var(--light-text);line-height:1.6;margin:0}.community-classroom-content-body{width:100%}.community-classroom-video{width:100%;margin-bottom:1.4rem}.community-classroom-file,.community-classroom-link{margin-bottom:1.4rem}.community-classroom-file-link,.community-classroom-external-link{display:inline-flex;align-items:center;gap:.7rem;padding:.875rem 1.4rem;background:var(--main-bg);color:var(--white);text-decoration:none;border-radius:6px;font-size:.9375rem;font-weight:500;transition:all .2s ease;font-family:Poppins,sans-serif}.community-classroom-file-link:hover,.community-classroom-external-link:hover{background:var(--main-bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #22286d4d}.community-classroom-article{font-size:1rem;line-height:1.8;color:var(--dark-text)}.community-classroom-article h1,.community-classroom-article h2,.community-classroom-article h3{color:var(--dark-text);margin-top:1.4rem;margin-bottom:.7rem}@media (max-width: 1200px){.community-classroom-detail-content{grid-template-columns:350px 1fr}}@media (max-width: 968px){.community-classroom-mobile-toggle{display:flex}.community-classroom-detail-content{grid-template-columns:1fr}.community-classroom-sidebar{display:none}.community-classroom-mobile-overlay,.community-classroom-mobile-sidebar{display:block}.community-classroom-main-content{order:1}.community-classroom-content-title{font-size:1.25rem}}@media (max-width: 640px){.community-classroom-grid{grid-template-columns:1fr}}.create-classroom-form-container{width:100%;margin:0;background:transparent;border:none;border-radius:0;padding:1.4rem}.create-classroom-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding-bottom:.7rem;border-bottom:1px solid var(--border-color)}.create-classroom-form-title{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.create-classroom-form-close-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.75rem}.create-classroom-form-close-btn:hover:not(:disabled){background:var(--background-color, #f5f5f5);border-color:var(--main-bg);color:var(--main-bg)}.create-classroom-form-close-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-form{display:flex;flex-direction:column;gap:1.05rem}.create-classroom-form-field{display:flex;flex-direction:column;gap:.35rem}.create-classroom-form-field label{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-classroom-form-field input[type=text],.create-classroom-form-field input[type=url],.create-classroom-form-field textarea{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-classroom-form-field input[type=text]:focus,.create-classroom-form-field input[type=url]:focus,.create-classroom-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.create-classroom-form-field textarea{resize:vertical;min-height:56px}.create-classroom-form-field input:disabled,.create-classroom-form-field textarea:disabled{background:var(--background-color, #f5f5f5);cursor:not-allowed}.create-classroom-form-hint{font-size:.75rem;color:var(--light-text);margin:0;font-style:italic}.create-classroom-form-loading,.create-classroom-form-empty{padding:.7rem;text-align:center;color:var(--light-text);font-size:.8125rem;background:var(--background-color, #f5f5f5);border-radius:4px}.create-classroom-form-plans-list{display:flex;flex-direction:column;gap:.525rem;max-height:210px;overflow-y:auto;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;background:var(--white)}.create-classroom-form-plan-item{display:flex;align-items:flex-start;gap:.525rem;padding:.525rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.create-classroom-form-plan-item:hover{background:var(--background-color, #f5f5f5)}.create-classroom-form-plan-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--main-bg);margin-top:2px;flex-shrink:0}.create-classroom-form-plan-info{display:flex;flex-direction:column;gap:.175rem;flex:1}.create-classroom-form-plan-name{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-classroom-form-plan-description{font-size:.75rem;color:var(--light-text)}.create-classroom-banner-preview{position:relative;margin-bottom:.7rem}.create-classroom-banner-preview img{width:100%;max-height:200px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color)}.create-classroom-remove-banner{margin-top:.7rem;padding:.35rem .7rem;background:#dc3545;color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-classroom-remove-banner:hover:not(:disabled){background:#c82333}.create-classroom-remove-banner:disabled{opacity:.5;cursor:not-allowed}.create-classroom-form-field input[type=file]{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;cursor:pointer}.create-classroom-form-actions{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.7rem;padding-top:1.05rem;border-top:1px solid var(--border-color)}.create-classroom-form-submit-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;width:auto;min-width:150px;margin-left:auto}.create-classroom-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-classroom-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-form-delete-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:#dc3545;color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.create-classroom-form-delete-btn:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d}.create-classroom-form-delete-btn:disabled{opacity:.6;cursor:not-allowed}.create-classroom-notes-editor-wrapper{border:1px solid var(--border-color);border-radius:6px;min-height:200px;overflow:hidden;background:var(--white);transition:border-color .2s ease}.create-classroom-notes-editor-wrapper:focus-within{border-color:var(--main-bg);outline:none}.create-classroom-notes-editor-wrapper .doc-editor{max-width:100%;margin:0;border:none!important;border-radius:0;background:transparent}.create-classroom-notes-editor-wrapper .doc-toolbar{border-bottom:1px solid var(--border-color);border-top-left-radius:6px;border-top-right-radius:6px;background:var(--white);padding:.5rem}.create-classroom-notes-editor-wrapper .doc-content{padding:.875rem;min-height:200px;font-size:.9375rem;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.create-classroom-notes-editor-wrapper .doc-content .ProseMirror{outline:none!important;min-height:200px;border:none!important;box-shadow:none!important;padding:0}.create-classroom-notes-editor-wrapper .doc-content .ProseMirror:focus{outline:none!important;border:none!important;box-shadow:none!important}.create-classroom-notes-editor-wrapper .doc-content>div{border:none!important;outline:none!important}.community-townhall-container{width:100%;min-height:calc(100vh - 100px)}.community-townhall-content{display:block;min-height:350px}.community-townhall-posts-area{background:transparent;border:none;border-radius:0;padding:0;min-height:350px;width:100%}.community-townhall-posts-list{display:flex;flex-direction:column;gap:.5rem;padding:0}.community-townhall-post{padding:.875rem 1rem;border:none;border-radius:8px;background:var(--white);box-shadow:0 1px 3px #0000001a;transition:all .3s ease;margin-bottom:0}.community-townhall-post:hover{box-shadow:0 2px 8px #00000026}.community-townhall-post.highlighted{background:#22286d0d;border:2px solid var(--main-bg);box-shadow:0 2px 8px #22286d33;animation:highlightPulse .5s ease}@keyframes highlightPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.community-townhall-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.community-townhall-post-author{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.community-townhall-post-avatar{width:28px;height:28px;border-radius:50%;background:var(--main-bg);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;overflow:hidden}.community-townhall-post-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.community-townhall-post-author-info{display:flex;flex-direction:column;gap:.175rem}.community-townhall-post-author-name{font-size:.75rem;font-weight:600;color:var(--dark-text)}.community-townhall-post-date{font-size:.6875rem;color:var(--lighter-text)}.community-townhall-post-actions{display:flex;align-items:center;gap:.35rem}.community-townhall-post-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-townhall-post-share-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-townhall-post-edit-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-townhall-post-edit-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.community-townhall-post-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1}.community-townhall-post-delete-btn:hover{background:#dc35451a;color:#dc3545;opacity:1}.community-townhall-post-content{margin-bottom:.6rem}.community-townhall-post-message{font-size:.75rem;color:var(--dark-text);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.community-townhall-post-attachments{margin-top:.6rem}.post-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.525rem}.post-attachment-thumbnail{width:100%;height:120px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;border:1px solid var(--border-color)}.post-attachment-thumbnail:hover{transform:scale(1.05);opacity:.9}.reply-attachments{display:flex;flex-direction:column;gap:.525rem}.reply-attachment-image{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;border-radius:6px;cursor:pointer;transition:transform .2s ease,opacity .2s ease;border:1px solid var(--border-color)}.reply-attachment-image:hover{transform:scale(1.05);opacity:.9}.community-townhall-post-attachment{border-radius:6px;overflow:hidden}.community-townhall-post-attachment-image{border-radius:6px;cursor:pointer}.community-townhall-post-attachment-link{display:inline-flex;align-items:center;gap:.35rem;padding:.525rem;background:var(--background-color, #f5f5f5);border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--dark-text);transition:all .2s ease;font-size:.75rem}.community-townhall-post-attachment-link:hover{background:#e9e9e9;border-color:var(--main-bg)}.community-townhall-post-footer{display:flex;gap:.6rem;padding-top:.6rem;border-top:1px solid rgba(0,0,0,.08);margin-top:.5rem}.community-townhall-post-action-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--dark-text);font-size:.75rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-townhall-post-action-btn:hover{background:var(--background-color, #f5f5f5);border-color:var(--main-bg);color:var(--main-bg)}.community-townhall-post-action-btn.liked{color:#e53e3e;border-color:#e53e3e}.community-townhall-post-action-btn.liked:hover{background:#e53e3e1a;border-color:#c53030;color:#c53030}.community-townhall-create-post-section{margin-bottom:.5rem;padding:.875rem 1rem;background:var(--white);border-radius:8px;box-shadow:0 1px 3px #0000001a}.community-townhall-create-post-input{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.community-townhall-create-post-input:hover{border-color:var(--main-bg);box-shadow:0 0 0 1px var(--main-bg)}.community-townhall-create-post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.community-townhall-create-post-avatar img{width:100%;height:100%;object-fit:cover}.community-townhall-create-post-placeholder{flex:1;color:var(--lighter-text);font-size:.875rem;font-family:Poppins,sans-serif}.community-townhall-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.community-townhall-modal{background:var(--white);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-townhall-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.community-townhall-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--dark-text);font-family:Poppins,sans-serif}.community-townhall-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:1rem;cursor:pointer;transition:all .2s ease}.community-townhall-modal-close:hover{background:var(--primary-bg);border-color:var(--main-bg)}.community-townhall-modal-content{padding:0 1.5rem 1.5rem}.community-townhall-post-replies{margin-top:.75rem;padding-top:.75rem}.community-townhall-reply{margin-top:.75rem;background:var(--primary-bg);border-radius:6px;border:none;padding:.75rem;position:relative}.community-townhall-reply:first-child{margin-top:.75rem}.community-townhall-reply:last-child{margin-bottom:0}.community-townhall-reply .community-townhall-post-header{margin-bottom:.35rem;display:flex;justify-content:space-between;align-items:flex-start}.community-townhall-reply .community-townhall-post-author{gap:.4375rem}.community-townhall-reply .community-townhall-post-avatar{width:24px;height:24px}.community-townhall-reply .community-townhall-post-author-name{font-size:.75rem;font-weight:500}.community-townhall-reply .community-townhall-post-date{font-size:.625rem}.community-townhall-reply .community-townhall-post-content{margin-bottom:.35rem}.community-townhall-reply .community-townhall-post-message{font-size:.75rem;line-height:1.4;color:var(--dark-text)}.community-townhall-reply-footer{display:flex;gap:.525rem;padding-top:.35rem;margin-top:.35rem;border-top:none}.community-townhall-reply-footer .community-townhall-post-action-btn{padding:.2625rem .525rem;font-size:.7125rem;border:none;background:transparent;color:var(--light-text)}.community-townhall-reply-footer .community-townhall-post-action-btn:hover{background:#22286d0d;color:var(--main-bg)}.community-townhall-reply-footer .community-townhall-post-action-btn.liked{color:#e53e3e}.community-townhall-reply-footer .community-townhall-post-action-btn.liked:hover{background:#e53e3e1a;color:#c53030}.community-townhall-nested-replies{margin-top:.35rem;padding-left:1.05rem;border-left:none;position:relative}.community-townhall-nested-replies:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#f0f0f0}.community-townhall-replies-loading{padding:.525rem 1.75rem;text-align:center;color:var(--light-text);font-size:.7125rem}.community-townhall-no-replies{padding:.525rem 1.75rem;text-align:left;color:var(--lighter-text);font-size:.7125rem;font-style:italic}.community-townhall-inline-reply-form{margin-top:.525rem;margin-left:1.75rem;animation:slideDown .2s ease-out}.community-townhall-nested-replies .community-townhall-inline-reply-form{margin-left:1.05rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.community-townhall-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.8rem 1.4rem;text-align:center;color:var(--light-text)}.community-townhall-empty-icon{font-size:2.1rem;color:var(--lighter-text);margin-bottom:.7rem}.community-townhall-loading,.community-townhall-posts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.8rem 1.4rem;text-align:center}.community-townhall-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.7rem}.community-townhall-error{text-align:center;padding:1.4rem;color:#c33;font-size:.875rem}.community-townhall-retry-btn{margin-top:.7rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.community-townhall-retry-btn:hover{background:var(--main-bg-hover)}@media (max-width: 768px){.community-townhall-posts-area{padding:0}.community-townhall-posts-list{gap:.4rem}.community-townhall-post{padding:.75rem .875rem;border-radius:6px}.community-townhall-create-post-section{margin-bottom:.4rem;padding:.75rem .875rem}.post-attachments{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.post-attachment-thumbnail{height:100px}}.community-townhall-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;cursor:pointer}.community-townhall-image-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--dark-text);transition:background .2s ease;z-index:10001}.community-townhall-image-modal-close:hover{background:#fff}.community-townhall-image-modal-content{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.view-quiz-details-container{width:100%;min-height:calc(100vh - 220px);box-sizing:border-box}.view-quiz-details-header{display:flex;align-items:center;margin-bottom:1.4rem;width:100%;box-sizing:border-box}.view-quiz-details-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.view-quiz-details-breadcrumb-link{color:var(--main-bg);text-decoration:none;font-weight:500;transition:color .2s}.view-quiz-details-breadcrumb-link:hover{color:var(--main-bg-hover);text-decoration:underline}.view-quiz-details-breadcrumb-separator{font-size:.75rem;color:var(--light-text)}.view-quiz-details-breadcrumb-current{color:var(--light-text);font-weight:500}.view-quiz-details-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.view-quiz-details-share-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.view-quiz-details-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.view-quiz-details-delete-btn:hover:not(:disabled){background:#dc35451a;color:#dc3545;opacity:1}.view-quiz-details-delete-btn:disabled{opacity:.6;cursor:not-allowed}.view-quiz-details-content{width:100%;max-width:100%;margin:0;box-sizing:border-box}.view-quiz-details-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.75rem;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box;position:relative}.view-quiz-details-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem;gap:1rem}.view-quiz-details-header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.view-quiz-details-title{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;flex:1;min-width:0}.view-quiz-details-description{margin-bottom:1.4rem}.view-quiz-details-description p{font-size:1rem;color:var(--light-text);line-height:1.6;margin:0}.view-quiz-details-meta{margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border-color)}.view-quiz-details-meta-item{display:flex;align-items:center;gap:.7rem}.view-quiz-details-meta-label{font-size:.875rem;font-weight:600;color:var(--dark-text)}.view-quiz-details-meta-value{font-size:.875rem;color:var(--light-text)}.view-quiz-details-features{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.4rem}.view-quiz-details-feature{display:flex;align-items:center;gap:.5rem;padding:.525rem 1.05rem;background:var(--background-color);border-radius:6px;font-size:.875rem;color:var(--dark-text);font-weight:500}.view-quiz-details-feature-icon{font-size:1rem;color:var(--main-bg)}.view-quiz-details-actions{display:flex;gap:.7rem;flex-wrap:wrap}.view-quiz-details-action-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.view-quiz-details-take-btn{background:var(--main-bg);color:var(--white)}.view-quiz-details-take-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.view-quiz-details-submissions-btn{background:var(--white);color:var(--main-bg);border:1px solid var(--main-bg)}.view-quiz-details-submissions-btn:hover{background:var(--background-color);border-color:var(--main-bg-hover)}@media (max-width: 768px){.view-quiz-details-card{padding:1.4rem}.view-quiz-details-title{font-size:1.5rem}.view-quiz-details-actions{flex-direction:column}.view-quiz-details-action-btn{width:100%;justify-content:center}}.create-quiz-form-container{width:100%;margin:0;background:transparent;border:none;border-radius:0;padding:1.4rem}.create-quiz-form{display:flex;flex-direction:column;gap:1.05rem}.create-quiz-form-field{display:flex;flex-direction:column;gap:.35rem}.create-quiz-form-field label{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-quiz-form-field input[type=text],.create-quiz-form-field input[type=number],.create-quiz-form-field input[type=file],.create-quiz-form-field textarea{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-quiz-form-field input[type=text]:focus,.create-quiz-form-field input[type=number]:focus,.create-quiz-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.create-quiz-form-field textarea{resize:vertical;min-height:56px}.create-quiz-form-field input:disabled,.create-quiz-form-field textarea:disabled{background:var(--background-color, #f5f5f5);cursor:not-allowed}.create-quiz-form-hint{font-size:.75rem;color:var(--light-text);margin:0;font-style:italic}.create-quiz-form-error{padding:.7rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.8125rem;margin-bottom:.7rem}.create-quiz-form-questions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem}.create-quiz-form-file-preview{display:flex;align-items:center;justify-content:space-between;padding:.7rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.35rem}.create-quiz-form-file-name{font-size:.875rem;color:var(--dark-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-quiz-form-remove-file{padding:.35rem .7rem;background:#dc3545;color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:.7rem;flex-shrink:0}.create-quiz-form-remove-file:hover:not(:disabled){background:#c82333}.create-quiz-form-remove-file:disabled{opacity:.5;cursor:not-allowed}.create-quiz-form-field input[type=file]{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;cursor:pointer}.create-quiz-form-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-quiz-form-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--main-bg);flex-shrink:0}.create-quiz-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:.7rem;padding-top:1.05rem;border-top:1px solid var(--border-color)}.create-quiz-form-submit-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;width:auto;min-width:150px}.create-quiz-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-quiz-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-quiz-form-questions-grid{grid-template-columns:1fr}}.community-quiz-container{width:100%;min-height:calc(100vh - 220px)}.community-quiz-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.4rem;gap:.7rem}.community-quiz-create-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0}.community-quiz-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.community-quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease;overflow-y:auto}.community-quiz-modal{background:var(--white);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative;display:flex;flex-direction:column}.community-quiz-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.4rem;border-bottom:1px solid var(--border-color);background:var(--white);flex-shrink:0}.community-quiz-modal-header h3{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.community-quiz-modal-close{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.875rem}.community-quiz-modal-close:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-quiz-modal-content{padding:0;overflow-y:auto;flex:1;min-height:0}.community-quiz-search-container{margin-bottom:1.4rem}.community-quiz-search-wrapper{position:relative;display:flex;align-items:center;max-width:500px;width:100%}.community-quiz-search-icon{position:absolute;left:1rem;color:var(--lighter-text);font-size:1rem;pointer-events:none}.community-quiz-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);transition:all .2s ease}.community-quiz-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.community-quiz-search-input::placeholder{color:var(--lighter-text)}.community-quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem}.community-quiz-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.community-quiz-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--main-bg)}.community-quiz-card-content{padding:1.05rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.community-quiz-card-title{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.4}.community-quiz-card-description{font-size:.8125rem;color:var(--light-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.community-quiz-card-features{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.7rem}.community-quiz-card-feature{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--background-color);border-radius:6px;font-size:.75rem;color:var(--dark-text)}.community-quiz-card-feature-icon{font-size:.875rem;color:var(--main-bg);flex-shrink:0}.community-quiz-card-feature-text{font-weight:500;white-space:nowrap}.community-quiz-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border-color)}.community-quiz-card-date{font-size:.75rem;color:var(--lighter-text)}.community-quiz-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-quiz-empty-icon{font-size:3rem;color:var(--lighter-text);margin-bottom:1rem}.community-quiz-empty p{font-size:1rem;margin:0}.community-quiz-loading,.community-quiz-error{text-align:center;padding:3.5rem 1.4rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px}.community-quiz-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.05rem}.community-quiz-retry-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;margin-top:1.05rem}.community-quiz-retry-btn:hover{background:var(--main-bg-hover)}.community-quiz-load-more{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:60px}.community-quiz-load-more-spinner{display:flex;align-items:center;gap:.7rem;color:var(--light-text);font-size:.875rem}.community-quiz-load-more-spinner .spinning{animation:spin .8s linear infinite;font-size:1.25rem}@media (max-width: 768px){.community-quiz-grid{grid-template-columns:1fr}.community-quiz-search-wrapper{max-width:100%}}@media (max-width: 480px){.community-quiz-card-content{padding:.875rem}.community-quiz-card-title{font-size:.9375rem}.community-quiz-card-description{font-size:.75rem}}:root{--main-bg: #22286d;--main-bg-hover: #131746;--dark-text: #1a202c;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--white: #ffffff;--background-color: #f5f5f5;--success-color: #10b981;--error-color: #ef4444}.take-quiz-container{width:100%;min-height:100vh;padding:0;max-width:100%;margin:0;background:var(--background-color)}.take-quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.4rem;background:var(--background-color);border-bottom:1px solid var(--border-color);position:relative}.take-quiz-progress{font-size:.875rem;color:var(--light-text);font-weight:500;margin-left:auto}.take-quiz-community-icon{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 2px 4px #0000001a;flex-shrink:0}.take-quiz-community-icon img{width:100%;height:100%;object-fit:cover}.take-quiz-content{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin:1.4rem auto;max-width:900px;width:calc(100% - 2.8rem);box-sizing:border-box}.take-quiz-instructions{text-align:center}.take-quiz-title{font-size:2rem;font-weight:600;color:var(--dark-text);margin:0 0 1.4rem}.take-quiz-description{margin-bottom:2rem;text-align:left}.take-quiz-description p{font-size:1rem;color:var(--light-text);line-height:1.6;margin:0}.take-quiz-instructions-list{text-align:left;background:var(--background-color);padding:1.4rem;border-radius:8px;margin-top:2rem}.take-quiz-instructions-list h3{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0 0 1rem}.take-quiz-instructions-list ul{list-style:none;padding:0;margin:0}.take-quiz-instructions-list li{font-size:.9375rem;color:var(--light-text);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.7rem}.take-quiz-instructions-list li:before{content:"•";position:absolute;left:0;color:var(--main-bg);font-weight:700;font-size:1.25rem}.take-quiz-question{text-align:left}.take-quiz-question-header{margin-bottom:2rem}.take-quiz-question-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0 0 .7rem;line-height:1.4}.take-quiz-question-type{font-size:.875rem;color:var(--lighter-text);margin:0;font-style:italic}.take-quiz-options{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2rem}.take-quiz-option{display:flex;align-items:flex-start;gap:.875rem;padding:1.05rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--white)}.take-quiz-option:hover{border-color:var(--main-bg);background:var(--background-color)}.take-quiz-option.selected{border-color:var(--main-bg);background:#22286d0d}.take-quiz-option input[type=radio],.take-quiz-option input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:1.25rem;height:1.25rem;flex-shrink:0}.take-quiz-option-text{font-size:.9375rem;color:var(--dark-text);line-height:1.5;flex:1}.take-quiz-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color)}.take-quiz-actions-right{margin-left:auto}.take-quiz-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.take-quiz-btn:disabled{opacity:.6;cursor:not-allowed}.take-quiz-btn-primary{background:var(--main-bg);color:var(--white)}.take-quiz-btn-primary:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.take-quiz-btn-secondary{background:var(--white);color:var(--main-bg);border:1px solid var(--main-bg)}.take-quiz-btn-secondary:hover:not(:disabled){background:var(--background-color);border-color:var(--main-bg-hover)}.take-quiz-loading,.take-quiz-error{text-align:center;padding:3.5rem 1.4rem;background:var(--white);border:1px solid var(--border-color);border-radius:8px}.take-quiz-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.05rem}.take-quiz-result{text-align:center;background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:3rem 2rem;box-shadow:0 1px 3px #0000001a}.take-quiz-result-header{margin-bottom:2rem}.take-quiz-result-icon{font-size:4rem;color:var(--success-color);margin-bottom:1rem}.take-quiz-result-header h2{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin:0}.take-quiz-result-content,.take-quiz-result-score{margin-bottom:2rem}.take-quiz-result-score-value{font-size:3rem;font-weight:700;color:var(--main-bg);margin-bottom:.5rem}.take-quiz-result-score-label{font-size:1rem;color:var(--light-text);font-weight:500}.take-quiz-result-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.take-quiz-result-stat{display:flex;flex-direction:column;gap:.5rem}.take-quiz-result-stat-label{font-size:.875rem;color:var(--light-text)}.take-quiz-result-stat-value{font-size:1.5rem;font-weight:600;color:var(--dark-text)}.take-quiz-result-stat-value.correct{color:var(--success-color)}.take-quiz-result-stat-value.incorrect{color:var(--error-color)}.take-quiz-result-actions{margin-top:2rem}.take-quiz-result-message{font-size:.875rem;color:var(--light-text);margin:0;font-style:italic}@media (max-width: 768px){.take-quiz-container{padding:1rem}.take-quiz-content{padding:1.4rem}.take-quiz-title{font-size:1.5rem}.take-quiz-question-title{font-size:1.25rem}.take-quiz-actions{flex-direction:column;gap:.7rem}.take-quiz-actions-right{margin-left:0;width:100%}.take-quiz-btn{width:100%;justify-content:center}.take-quiz-result-stats{gap:1rem}}.quiz-submissions-container{width:100%;min-height:calc(100vh - 220px);padding:0 .75rem;box-sizing:border-box}.quiz-submissions-header{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.4rem;width:100%;box-sizing:border-box}.quiz-submissions-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.quiz-submissions-breadcrumb-link{color:var(--main-bg);text-decoration:none;font-weight:500;transition:color .2s}.quiz-submissions-breadcrumb-link:hover{color:var(--main-bg-hover);text-decoration:underline}.quiz-submissions-breadcrumb-separator{font-size:.75rem;color:var(--light-text)}.quiz-submissions-breadcrumb-current{color:var(--light-text);font-weight:500}.quiz-submissions-back-btn{display:flex;align-items:center;gap:.5rem;padding:.525rem 1.05rem;background:transparent;color:var(--main-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.quiz-submissions-back-btn:hover{background:var(--background-color);border-color:var(--main-bg)}.quiz-submissions-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.quiz-submissions-filters{display:flex;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap;align-items:center}.quiz-submissions-search-container{flex:1;min-width:250px}.quiz-submissions-search-wrapper{position:relative;display:flex;align-items:center;max-width:500px;width:100%}.quiz-submissions-search-icon{position:absolute;left:1rem;color:var(--lighter-text);font-size:1rem;pointer-events:none}.quiz-submissions-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);transition:all .2s ease}.quiz-submissions-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.quiz-submissions-sort-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.quiz-submissions-sort-icon{color:var(--lighter-text);font-size:1rem}.quiz-submissions-sort-select{padding:.7rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);cursor:pointer;transition:all .2s ease;min-width:180px}.quiz-submissions-sort-select:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.quiz-submissions-loading,.quiz-submissions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.quiz-submissions-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.quiz-submissions-retry-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--main-bg);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.quiz-submissions-retry-btn:hover{background:var(--main-bg-hover)}.quiz-submissions-empty{text-align:center;padding:3rem;color:var(--light-text)}.quiz-submissions-list{display:flex;flex-direction:column;gap:.7rem}.quiz-submissions-item{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.05rem;cursor:pointer;transition:all .2s ease}.quiz-submissions-item:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--main-bg)}.quiz-submissions-item-content{display:flex;flex-direction:column;gap:.7rem}.quiz-submissions-item-header{display:flex;justify-content:space-between;align-items:center}.quiz-submissions-item-user{display:flex;align-items:center;gap:.5rem}.quiz-submissions-item-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.quiz-submissions-item-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.quiz-submissions-item-user-icon{font-size:1rem;color:var(--light-text);display:flex;align-items:center;justify-content:center}.quiz-submissions-item-username{font-weight:500;color:var(--dark-text)}.quiz-submissions-item-score{font-size:1.25rem;font-weight:600;color:var(--main-bg)}.quiz-submissions-item-details{display:flex;flex-wrap:wrap;gap:1rem}.quiz-submissions-item-detail{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--light-text)}.quiz-submissions-item-detail-icon{font-size:.875rem}.quiz-submissions-item-detail-icon.correct{color:#10b981}.quiz-submissions-item-detail-icon.incorrect{color:#ef4444}.quiz-submissions-load-more{margin-top:1.4rem;display:flex;justify-content:center;padding:1rem}.quiz-submissions-load-more-spinner{display:flex;align-items:center;gap:.5rem;color:var(--light-text)}.quiz-submissions-detail-content{width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.quiz-submissions-detail-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.75rem;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.quiz-submissions-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.quiz-submissions-detail-title{font-size:1.5rem;font-weight:600;color:var(--dark-text);margin:0}.quiz-submissions-detail-score{font-size:2rem;font-weight:700;color:var(--main-bg)}.quiz-submissions-detail-info{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.4rem}.quiz-submissions-detail-info-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--background-color)}.quiz-submissions-detail-user{display:flex;align-items:center;gap:.7rem}.quiz-submissions-detail-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.quiz-submissions-detail-info-label{font-weight:500;color:var(--light-text)}.quiz-submissions-detail-info-value{font-weight:500;color:var(--dark-text)}.quiz-submissions-detail-info-value.correct{color:#10b981}.quiz-submissions-detail-info-value.incorrect{color:#ef4444}.quiz-submissions-detail-questions{margin-top:1.4rem}.quiz-submissions-detail-questions-title{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.quiz-submissions-question-result{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-bottom:.7rem}.quiz-submissions-question-result.correct{border-left:4px solid #10b981}.quiz-submissions-question-result.incorrect{border-left:4px solid #ef4444}.quiz-submissions-question-result-header{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.7rem}.quiz-submissions-question-result-icon{flex-shrink:0;margin-top:.2rem}.quiz-submissions-question-result-icon .correct-icon{color:#10b981;font-size:1.25rem}.quiz-submissions-question-result-icon .incorrect-icon{color:#ef4444;font-size:1.25rem}.quiz-submissions-question-result-question{flex:1;color:var(--dark-text);line-height:1.5}.quiz-submissions-question-result-details{display:flex;flex-direction:column;gap:.5rem;margin-left:2rem}.quiz-submissions-question-result-answer{display:flex;gap:.5rem}.quiz-submissions-question-result-label{font-weight:500;color:var(--light-text);min-width:120px}.quiz-submissions-question-result-value{color:var(--dark-text)}.quiz-submissions-question-result-value.correct{color:#10b981;font-weight:500}@media (max-width: 768px){.quiz-submissions-container{padding:0 .5rem}.quiz-submissions-header{flex-direction:column;align-items:flex-start;gap:.7rem}.quiz-submissions-title{font-size:1.25rem}.quiz-submissions-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.quiz-submissions-item-details{flex-direction:column;gap:.5rem}.quiz-submissions-detail-header{flex-direction:column;align-items:flex-start;gap:.7rem}.quiz-submissions-detail-info-item{flex-direction:column;align-items:flex-start;gap:.35rem}.quiz-submissions-question-result-details{margin-left:0}}.view-poll-details-container{width:100%;min-height:calc(100vh - 220px);box-sizing:border-box}.view-poll-details-header{display:flex;align-items:center;margin-bottom:1.4rem;width:100%;box-sizing:border-box}.view-poll-details-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.view-poll-details-breadcrumb-link{color:var(--main-bg);text-decoration:none;font-weight:500;transition:color .2s}.view-poll-details-breadcrumb-link:hover{color:var(--main-bg-hover);text-decoration:underline}.view-poll-details-breadcrumb-separator{font-size:.75rem;color:var(--light-text)}.view-poll-details-breadcrumb-current{color:var(--light-text);font-weight:500}.view-poll-details-header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.view-poll-details-share-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.875rem;opacity:1;flex-shrink:0}.view-poll-details-share-btn:hover{background:#22286d1a;color:var(--main-bg);opacity:1}.view-poll-details-content{width:100%;max-width:100%;margin:0;box-sizing:border-box}.view-poll-details-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.75rem;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box;position:relative}.view-poll-details-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem;gap:1rem}.view-poll-details-title{font-size:1.75rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;flex:1;min-width:0;word-break:break-word}.view-poll-details-description{margin-bottom:1.4rem}.view-poll-details-description p{font-size:1rem;color:var(--light-text);line-height:1.6;margin:0}.view-poll-details-meta{display:flex;gap:1.4rem;margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.view-poll-details-meta-item{display:flex;flex-direction:column;gap:.35rem}.view-poll-details-meta-label{font-size:.75rem;color:var(--lighter-text);text-transform:uppercase;letter-spacing:.5px}.view-poll-details-meta-value{font-size:.9375rem;font-weight:500;color:var(--dark-text)}.view-poll-details-options{margin-top:1.4rem}.view-poll-details-options-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin-bottom:1rem}.view-poll-details-no-options{color:var(--light-text);font-style:italic;text-align:center;padding:2rem}.view-poll-details-options-list{display:flex;flex-direction:column;gap:.7rem}.view-poll-details-option{border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .2s ease}.view-poll-details-option.has-voted{border-color:var(--main-bg)}.view-poll-details-option.selected{border-color:var(--main-bg);background:#22286d0d}.view-poll-details-option-button{width:100%;padding:1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease;position:relative}.view-poll-details-option-button:hover:not(:disabled){background:var(--background-color)}.view-poll-details-option-button:disabled{cursor:default}.view-poll-details-option-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.view-poll-details-option-text-wrapper{display:flex;align-items:center;gap:.5rem;flex:1}.view-poll-details-option-check{color:var(--main-bg);font-size:1.125rem;flex-shrink:0}.view-poll-details-option-text{font-size:1rem;font-weight:500;color:var(--dark-text)}.view-poll-details-option-stats{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.view-poll-details-option-votes{font-size:.875rem;color:var(--light-text)}.view-poll-details-option-percentage{font-size:.875rem;font-weight:600;color:var(--main-bg);min-width:50px;text-align:right}.view-poll-details-option-bar{width:100%;height:8px;background:var(--background-color);border-radius:4px;overflow:hidden;position:relative}.view-poll-details-option-bar-fill{height:100%;background:var(--main-bg);border-radius:4px;transition:width .3s ease}.view-poll-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.view-poll-details-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.view-poll-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}@media (max-width: 768px){.view-poll-details-title{font-size:1.25rem}.view-poll-details-meta{flex-direction:column;gap:.7rem}.view-poll-details-option-content{flex-direction:column;align-items:flex-start;gap:.5rem}.view-poll-details-option-stats{width:100%;justify-content:space-between}}.create-poll-form-container{width:100%;margin:0;background:transparent;border:none;border-radius:0;padding:1.4rem}.create-poll-form{display:flex;flex-direction:column;gap:1.05rem}.create-poll-form-field{display:flex;flex-direction:column;gap:.35rem}.create-poll-form-field label{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-poll-form-field input[type=text],.create-poll-form-field textarea{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-poll-form-field input[type=text]:focus,.create-poll-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.create-poll-form-field textarea{resize:vertical;min-height:56px}.create-poll-form-field input:disabled,.create-poll-form-field textarea:disabled{background:var(--background-color, #f5f5f5);cursor:not-allowed}.create-poll-form-hint{font-size:.75rem;color:var(--light-text);margin:0;font-style:italic}.create-poll-form-error{padding:.7rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.8125rem;margin-bottom:.7rem}.create-poll-options-list{display:flex;flex-direction:column;gap:.525rem;margin-bottom:.7rem}.create-poll-option-item{display:flex;align-items:center;gap:.525rem}.create-poll-option-input{flex:1;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-poll-option-input:focus{outline:none;border-color:var(--main-bg)}.create-poll-option-remove{padding:.525rem;background:#dc3545;color:var(--white);border:none;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-poll-option-remove:hover:not(:disabled){background:#c82333}.create-poll-option-remove:disabled{opacity:.5;cursor:not-allowed}.create-poll-add-option-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--background-color);color:var(--dark-text);border:1px solid var(--border-color);border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;width:fit-content}.create-poll-add-option-btn:hover:not(:disabled){background:var(--border-color);border-color:var(--main-bg);color:var(--main-bg)}.create-poll-add-option-btn:disabled{opacity:.6;cursor:not-allowed}.create-poll-form-loading,.create-poll-form-empty{padding:.7rem;text-align:center;color:var(--light-text);font-size:.8125rem;background:var(--background-color, #f5f5f5);border-radius:4px}.create-poll-form-plans-list{display:flex;flex-direction:column;gap:.525rem;max-height:210px;overflow-y:auto;padding:.525rem;border:1px solid var(--border-color);border-radius:4px;background:var(--white)}.create-poll-form-plan-item{display:flex;align-items:flex-start;gap:.525rem;padding:.525rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.create-poll-form-plan-item:hover{background:var(--background-color, #f5f5f5)}.create-poll-form-plan-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--main-bg);margin-top:2px;flex-shrink:0}.create-poll-form-plan-info{display:flex;flex-direction:column;gap:.175rem;flex:1}.create-poll-form-plan-name{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-poll-form-plan-description{font-size:.75rem;color:var(--light-text)}.create-poll-form-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-poll-form-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--main-bg);flex-shrink:0}.create-poll-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:.7rem;padding-top:1.05rem;border-top:1px solid var(--border-color)}.create-poll-form-submit-btn{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;width:auto;min-width:150px}.create-poll-form-submit-btn:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-poll-form-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-poll-options-list{gap:.7rem}}.community-poll-container{width:100%;min-height:calc(100vh - 220px)}.community-poll-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.4rem;gap:.7rem}.community-poll-create-btn{display:flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap;flex-shrink:0}.community-poll-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.community-poll-search-container{margin-bottom:1.4rem}.community-poll-search-wrapper{position:relative;display:flex;align-items:center;max-width:500px;width:100%}.community-poll-search-icon{position:absolute;left:1rem;color:var(--lighter-text);font-size:1rem;pointer-events:none}.community-poll-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);transition:all .2s ease}.community-poll-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.community-poll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem;margin-bottom:1.4rem}.community-poll-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1.4rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.community-poll-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--main-bg)}.community-poll-card-content{display:flex;flex-direction:column;gap:.7rem}.community-poll-card-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-poll-card-description{font-size:.875rem;color:var(--light-text);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.community-poll-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border-color)}.community-poll-card-votes{font-size:.8125rem;font-weight:500;color:var(--main-bg)}.community-poll-card-date{font-size:.75rem;color:var(--lighter-text)}.community-poll-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-poll-empty-icon{font-size:3rem;color:var(--lighter-text);margin-bottom:1rem}.community-poll-empty p{font-size:1rem;margin:0}.community-poll-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-poll-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.community-poll-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-poll-retry-btn{margin-top:1rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-poll-retry-btn:hover{background:var(--main-bg-hover)}.community-poll-load-more{margin-top:1.4rem;display:flex;justify-content:center;padding:1rem}.community-poll-load-more-spinner{display:flex;align-items:center;gap:.5rem;color:var(--light-text)}.spinning{animation:spin 1s linear infinite}.community-poll-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease;overflow-y:auto}.community-poll-modal{background:var(--white);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.community-poll-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.4rem;border-bottom:1px solid var(--border-color);background:var(--white);flex-shrink:0}.community-poll-modal-header h3{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.community-poll-modal-close{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.875rem}.community-poll-modal-close:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-poll-modal-content{padding:0;overflow-y:auto;flex:1;min-height:0}@media (max-width: 768px){.community-poll-grid{grid-template-columns:1fr}.community-poll-search-wrapper{max-width:100%}}.create-gallery-item-form-container{width:100%;margin:0;background:transparent;padding:1.4rem}.create-gallery-item-form{display:flex;flex-direction:column;gap:1.05rem}.create-gallery-item-form-field{display:flex;flex-direction:column;gap:.35rem}.create-gallery-item-form-field label{font-size:.8125rem;font-weight:500;color:var(--dark-text)}.create-gallery-item-form-field input[type=text],.create-gallery-item-form-field input[type=url],.create-gallery-item-form-field input[type=number],.create-gallery-item-form-field select,.create-gallery-item-form-field textarea{padding:.525rem;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;font-family:Poppins,sans-serif;transition:border-color .2s ease}.create-gallery-item-form-field input[type=file]{padding:.35rem 0;font-size:.8125rem}.create-gallery-item-form-field input:focus,.create-gallery-item-form-field select:focus,.create-gallery-item-form-field textarea:focus{outline:none;border-color:var(--main-bg)}.create-gallery-item-form-field textarea{resize:vertical;min-height:56px}.create-gallery-item-form-row{flex-direction:row;align-items:center}.create-gallery-item-form-row label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.create-gallery-item-form-hint{font-size:.75rem;color:var(--light-text);margin:0;font-style:italic}.required-asterisk{color:#c33}.create-gallery-item-form-error{padding:.7rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.8125rem}.create-gallery-item-form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.create-gallery-item-form-cancel{padding:.525rem 1.05rem;background:var(--background-color);color:var(--dark-text);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif}.create-gallery-item-form-cancel:hover{border-color:var(--main-bg);color:var(--main-bg)}.create-gallery-item-form-submit{padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif}.create-gallery-item-form-submit:hover:not(:disabled){background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.create-gallery-item-form-submit:disabled{opacity:.6;cursor:not-allowed}.community-gallery-container{width:100%;min-height:calc(100vh - 220px)}.community-gallery-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.4rem;gap:.7rem}.community-gallery-create-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.community-gallery-create-btn:hover{background:var(--main-bg-hover);box-shadow:0 2px 8px #22286d4d}.community-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.4rem}.community-gallery-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.community-gallery-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--main-bg)}.community-gallery-card-thumb{position:relative;width:100%;padding-top:75%;background:var(--background-color);overflow:hidden}.community-gallery-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.community-gallery-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--lighter-text);font-size:2.5rem}.community-gallery-card-placeholder-video{background:linear-gradient(145deg,#374151,#1f2937)}.community-gallery-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#0009;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.community-gallery-card-content{padding:1rem;display:flex;flex-direction:column;gap:.35rem}.community-gallery-card-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-gallery-card-description{font-size:.8125rem;color:var(--light-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text);gap:1rem}.community-gallery-empty-icon{font-size:3rem;color:var(--lighter-text)}.community-gallery-empty p{margin:0;font-size:1rem}.community-gallery-loading,.community-gallery-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-gallery-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:community-gallery-spin 1s linear infinite;margin-bottom:1rem}@keyframes community-gallery-spin{to{transform:rotate(360deg)}}.community-gallery-retry-btn{margin-top:1rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif}.community-gallery-retry-btn:hover{background:var(--main-bg-hover)}.community-gallery-load-more{margin-top:1.4rem;display:flex;justify-content:center;padding:1rem}.community-gallery-load-more-spinner{display:flex;align-items:center;gap:.5rem;color:var(--light-text)}.spinning{animation:community-gallery-spin 1s linear infinite}.community-gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:community-gallery-fadeIn .2s ease;overflow-y:auto}@keyframes community-gallery-fadeIn{0%{opacity:0}to{opacity:1}}.community-gallery-modal{background:var(--white);border-radius:12px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.community-gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.05rem 1.4rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.community-gallery-modal-header h3{font-size:1.05rem;font-weight:600;color:var(--dark-text);margin:0}.community-gallery-modal-close{background:transparent;border:1px solid var(--border-color);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-text);transition:all .2s ease;padding:0;font-size:.875rem}.community-gallery-modal-close:hover{background:var(--background-color);border-color:var(--main-bg);color:var(--main-bg)}.community-gallery-modal-content{padding:0;overflow-y:auto;flex:1;min-height:0}.community-gallery-detail-modal{background:var(--white);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.community-gallery-detail-header{display:flex;flex-direction:column;gap:.75rem;padding:1.05rem 1.4rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.community-gallery-detail-header-row{display:flex;justify-content:space-between;align-items:center}.community-gallery-detail-actions{display:flex;align-items:center;gap:.25rem}.community-gallery-detail-close{margin-left:auto}.community-gallery-detail-title{font-size:1.125rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.4;word-break:break-word}.community-gallery-detail-edit-btn,.community-gallery-detail-delete-btn{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;transition:all .2s ease}.community-gallery-detail-edit-btn:hover{background:#22286d1a;color:var(--main-bg)}.community-gallery-detail-delete-btn:hover{background:#dc35451a;color:#dc3545}.community-gallery-detail-delete-btn:disabled{opacity:.6;cursor:not-allowed}.community-gallery-detail-body{padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.community-gallery-detail-media{width:100%;border-radius:8px;overflow:hidden;background:var(--background-color)}.community-gallery-detail-media img{width:100%;height:auto;display:block}.community-gallery-detail-video{position:relative}.community-gallery-detail-video-el{width:100%;height:auto;display:block}.community-gallery-detail-poster{position:relative;width:100%;min-height:200px;background:#1f2937;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.community-gallery-detail-poster img{width:100%;height:auto;display:block;min-height:200px;object-fit:cover}.community-gallery-detail-poster-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;min-height:200px;background:linear-gradient(145deg,#374151,#1f2937)}.community-gallery-detail-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-left:6px;transition:background .2s ease,transform .2s ease}.community-gallery-detail-play-btn:hover{background:#000000d9;transform:translate(-50%,-50%) scale(1.05)}.community-gallery-detail-description{font-size:.9375rem;color:var(--light-text);line-height:1.6;margin:0}@media (max-width: 768px){.community-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.community-gallery-detail-header,.community-gallery-detail-actions{flex-wrap:wrap}}.community-people-container{width:100%;min-height:calc(100vh - 220px)}.community-people-filters{margin-bottom:1.4rem;display:flex;flex-direction:column;gap:1rem}.community-people-search-container{width:100%}.community-people-search-wrapper{position:relative;display:flex;align-items:center;max-width:500px;width:100%}.community-people-search-icon{position:absolute;left:1rem;color:var(--lighter-text);font-size:1rem;pointer-events:none}.community-people-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;font-family:Poppins,sans-serif;color:var(--dark-text);background:var(--white);transition:all .2s ease}.community-people-search-input:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.community-people-filters-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.community-people-filter-group{display:flex;align-items:center;gap:.5rem}.community-people-filter-label{font-size:.875rem;font-weight:500;color:var(--dark-text);white-space:nowrap}.community-people-filter-select{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--dark-text);background:var(--white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;min-width:150px}.community-people-filter-select:hover{border-color:var(--main-bg)}.community-people-filter-select:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}@media (max-width: 768px){.community-people-filters-row{flex-direction:column;align-items:stretch}.community-people-filter-group{width:100%}.community-people-filter-select{width:100%;min-width:unset}.community-people-search-wrapper{max-width:100%}}.community-people-header{margin-bottom:1.4rem}.community-people-header-content{display:flex;flex-direction:column;gap:.35rem}.community-people-title{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0;display:flex;align-items:center;gap:.525rem}.community-people-subtitle{font-size:.875rem;color:var(--light-text);margin:0}.community-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.community-people-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.7rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer;position:relative}.community-people-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--main-bg)}.community-people-card.applicant-card{border:2px solid #3b82f6;background:linear-gradient(to bottom,#eff6ff 0%,var(--white) 20%);box-shadow:0 2px 8px #3b82f626}.community-people-card.applicant-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #3b82f640}.community-people-card-new-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:var(--white);font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #3b82f64d;z-index:10;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.community-people-card-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:.525rem;border:2px solid var(--border-color);flex-shrink:0}.community-people-card-avatar img{width:100%;height:100%;object-fit:cover}.community-people-card-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem}.community-people-card-name{font-size:.8125rem;font-weight:600;color:var(--dark-text);margin:0;line-height:1.3;word-break:break-word}.community-people-card-you{font-size:.75rem;color:var(--lighter-text);font-style:italic;margin:-.25rem 0 0;text-align:center}.community-people-card-meta{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;flex-wrap:wrap}.community-people-card-username{font-size:.75rem;color:var(--light-text)}.community-people-card-flag-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.community-people-card-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;cursor:help}.community-people-card-role{font-size:.6875rem;color:var(--lighter-text);font-style:italic;text-transform:capitalize}.community-people-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center;color:var(--light-text)}.community-people-empty-icon{font-size:3rem;color:var(--lighter-text);margin-bottom:1rem}.community-people-empty p{font-size:1rem;margin:0}.community-people-loading,.community-people-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.4rem;text-align:center}.community-people-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.7rem}.community-people-error{color:#c33;font-size:.875rem}.community-people-retry-btn{margin-top:.7rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.community-people-retry-btn:hover{background:var(--main-bg-hover)}.community-people-infinite-scroll-target{height:20px;width:100%}.community-people-bottom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.4rem;text-align:center}.community-people-bottom-loading .community-people-spinner{margin-bottom:.7rem}.community-people-bottom-loading p{font-size:.875rem;color:var(--light-text);margin:0}.community-people-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.community-people-modal{background:var(--white);border-radius:12px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.community-people-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--white);z-index:10;border-radius:12px 12px 0 0}.community-people-modal-title{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0}.community-people-modal-close{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;font-size:2rem;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.community-people-modal-close:hover{background:var(--background-color);color:var(--dark-text)}.community-people-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center}.community-people-detail-content{display:flex;flex-direction:column;gap:1.4rem;padding:1.4rem}.community-people-detail-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:1.4rem;border-bottom:1px solid var(--border-color)}.community-people-detail-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid var(--border-color)}.community-people-detail-avatar img{width:100%;height:100%;object-fit:cover}.community-people-detail-name{font-size:1.4rem;font-weight:700;color:var(--dark-text);margin:0 0 .35rem}.community-people-detail-username{font-size:1rem;color:var(--light-text);margin:0 0 .7rem}.community-people-detail-role{display:inline-block;padding:.35rem .7rem;background:#22286d1a;color:var(--main-bg);border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:capitalize}.community-people-detail-info{display:flex;flex-direction:column;gap:1rem}.community-people-detail-item{display:flex;align-items:flex-start;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.community-people-detail-item:last-child{border-bottom:none;padding-bottom:0}.community-people-detail-item.full-width{flex-direction:column;gap:.7rem}.community-people-detail-icon{color:var(--lighter-text);font-size:1rem;margin-top:.125rem;flex-shrink:0}.community-people-detail-item-content{display:flex;align-items:center;gap:.525rem}.community-people-detail-flag{width:24px;height:18px;object-fit:cover;border-radius:2px}.community-people-detail-label{font-size:.875rem;font-weight:600;color:var(--dark-text);min-width:80px}.community-people-detail-value{font-size:.875rem;color:var(--light-text);text-transform:capitalize}.community-people-detail-bio{font-size:.875rem;color:var(--light-text);line-height:1.6;margin:0;white-space:pre-wrap}.community-people-detail-interests-header{display:flex;align-items:center;gap:.525rem}.community-people-detail-interests{display:flex;flex-wrap:wrap;gap:.525rem}.community-people-interest-tag{display:inline-block;padding:.35rem .7rem;background:var(--background-color);color:var(--dark-text);border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;font-weight:500}@media (max-width: 768px){.community-people-modal-overlay{padding:.7rem}.community-people-modal{max-height:95vh;border-radius:8px}.community-people-modal-header,.community-people-detail-content{padding:1rem}.community-people-detail-avatar{width:100px;height:100px}.community-people-detail-name{font-size:1.225rem}}@media (max-width: 768px){.community-people-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.875rem}.community-people-card{padding:.6rem}.community-people-card-avatar{width:55px;height:55px;margin-bottom:.45rem}.community-people-card-name{font-size:.75rem}.community-people-card-username{font-size:.6875rem}.community-people-card-flag{width:16px;height:12px}.community-people-card-role{font-size:.625rem}}.view-member-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.4rem;animation:fadeIn .2s ease}.view-member-modal{background:var(--white);border-radius:12px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.view-member-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--white);z-index:10;border-radius:12px 12px 0 0}.view-member-modal-title{font-size:1.125rem;font-weight:700;color:var(--dark-text);margin:0}.view-member-modal-close{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;font-size:1.25rem;line-height:1;padding:.35rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.view-member-modal-close:hover{background:var(--background-color);color:var(--dark-text)}.view-member-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.4rem;text-align:center}.view-member-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.7rem}.view-member-loading p{font-size:.875rem;color:var(--light-text);margin:0}.view-member-content{padding:1.4rem}.view-member-header-section{display:flex;gap:1rem;margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border-color)}.view-member-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-color)}.view-member-avatar img{width:100%;height:100%;object-fit:cover}.view-member-header-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.view-member-name{font-size:1.225rem;font-weight:700;color:var(--dark-text);margin:0;line-height:1.3}.view-member-username{font-size:.875rem;color:var(--light-text);margin:0}.view-member-you-label{font-size:.8125rem;color:var(--lighter-text);font-style:italic;margin:.25rem 0 0}.view-member-header-actions{display:flex;align-items:center;gap:.7rem;margin-top:.35rem;flex-wrap:wrap}.view-member-role{display:inline-block;padding:.25rem .6rem;background:#22286d1a;color:var(--main-bg);border-radius:16px;font-size:.75rem;font-weight:600;text-transform:capitalize;width:fit-content}.view-member-chat-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem;background:var(--main-bg);color:var(--white);border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;justify-content:center;flex-shrink:0}.view-member-chat-btn:hover:not(:disabled){background:var(--main-bg-hover)}.view-member-chat-btn:disabled{opacity:.6;cursor:not-allowed}.view-member-chat-btn svg{font-size:.875rem}.view-member-chat-btn span{font-size:.75rem;white-space:nowrap;margin-left:.35rem;font-weight:500}.view-member-chat-btn.loading{border-radius:18px;width:auto;padding:.5rem .875rem;min-width:100px}.view-member-actions-section{display:flex;gap:.7rem;flex-wrap:wrap}.view-member-action-button{padding:.7rem 1.4rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif;white-space:nowrap}.view-member-action-button.block{background:#ef4444;color:var(--white)}.view-member-action-button.block:hover:not(:disabled){background:#dc2626}.view-member-action-button.unblock{background:#10b981;color:var(--white)}.view-member-action-button.unblock:hover:not(:disabled){background:#059669}.view-member-action-button.update-role{background:var(--main-bg);color:var(--white)}.view-member-action-button.update-role:hover:not(:disabled){background:var(--main-bg-hover)}.view-member-action-button.approve{background:#10b981;color:var(--white)}.view-member-action-button.approve:hover:not(:disabled){background:#059669}.view-member-action-button.reject{background:#ef4444;color:var(--white)}.view-member-action-button.reject:hover:not(:disabled){background:#dc2626}.view-member-action-button:disabled{opacity:.6;cursor:not-allowed}.view-member-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.35rem}.view-member-meta-item{display:flex;align-items:center;gap:.35rem}.view-member-meta-icon{color:var(--lighter-text);font-size:.875rem}.view-member-meta-content{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--light-text)}.view-member-flag{width:18px;height:14px;object-fit:cover;border-radius:2px}.view-member-gender{font-size:.8125rem;color:var(--light-text);text-transform:capitalize}.view-member-details-section{display:flex;flex-direction:column;gap:1rem}.view-member-divider{width:100%;height:1px;background:var(--border-color);margin:.7rem 0}.view-member-detail-item{display:flex;flex-direction:column;gap:.525rem}.view-member-detail-label{font-size:.875rem;font-weight:600;color:var(--dark-text);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.view-member-bio{font-size:.875rem;color:var(--light-text);line-height:1.6;margin:0;white-space:pre-wrap}.view-member-interests-header{display:flex;align-items:center;gap:.35rem}.view-member-detail-icon{color:var(--lighter-text);font-size:.875rem}.view-member-interests{display:flex;flex-wrap:wrap;gap:.525rem}.view-member-interest-tag{display:inline-block;padding:.35rem .7rem;background:var(--background-color);color:var(--dark-text);border:1px solid var(--border-color);border-radius:16px;font-size:.8125rem;font-weight:500}.view-member-membership-info{display:flex;flex-direction:column;gap:.7rem}.view-member-membership-item{display:flex;align-items:center;gap:.7rem}.view-member-membership-label{font-size:.8125rem;font-weight:600;color:var(--dark-text);min-width:100px;flex-shrink:0}.view-member-membership-value{font-size:.8125rem;color:var(--light-text);flex:1}.view-member-membership-value.active{color:#10b981;font-weight:500}.view-member-membership-value.blocked{color:#ef4444;font-weight:500}@media (max-width: 768px){.view-member-modal-overlay{padding:.7rem}.view-member-modal{max-height:95vh;border-radius:8px}.view-member-modal-header{padding:.875rem 1rem}.view-member-content{padding:1rem}.view-member-header-section{flex-direction:column;align-items:center;text-align:center;gap:.875rem}.view-member-avatar{width:70px;height:70px}.view-member-header-info{align-items:center}.view-member-meta{justify-content:center}.view-member-name{font-size:1.125rem}}.view-member-role-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.4rem;animation:fadeIn .2s ease}.view-member-role-modal{background:var(--white);border-radius:12px;padding:0;max-width:400px;width:100%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;position:relative}.view-member-role-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid var(--border-color)}.view-member-role-modal-header h3{font-size:1.125rem;font-weight:700;color:var(--dark-text);margin:0}.view-member-role-modal-close{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;font-size:1.25rem;line-height:1;padding:.35rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.view-member-role-modal-close:hover{background:var(--background-color);color:var(--dark-text)}.view-member-role-modal-content{padding:1.4rem}.view-member-role-label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--dark-text);margin-bottom:1.4rem}.view-member-role-select{padding:.7rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--dark-text);background:var(--white);font-family:Poppins,sans-serif;cursor:pointer;transition:border-color .2s ease}.view-member-role-select:hover{border-color:var(--main-bg)}.view-member-role-select:focus{outline:none;border-color:var(--main-bg);box-shadow:0 0 0 3px #22286d1a}.view-member-role-modal-actions{display:flex;gap:.7rem;justify-content:flex-end}.view-member-role-cancel-btn,.view-member-role-update-btn{padding:.7rem 1.4rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.view-member-role-cancel-btn{background:var(--background-color);color:var(--dark-text)}.view-member-role-cancel-btn:hover{background:var(--border-color)}.view-member-role-update-btn{background:var(--main-bg);color:var(--white)}.view-member-role-update-btn:hover:not(:disabled){background:var(--main-bg-hover)}.view-member-role-update-btn:disabled{opacity:.6;cursor:not-allowed}:root{--main-bg: #22286d;--main-bg-hover: #131746;--dark-text: #1a202c;--light-text: #4a5568;--lighter-text: #718096;--border-color: #e2e8f0;--white: #ffffff;--background-color: #f5f5f5}.community-message-container{width:100%;height:100%}.community-message-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0;gap:.7rem}.community-message-header-left{flex:1;display:flex;align-items:center;gap:.75rem}.community-message-mobile-menu-btn{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.525rem;color:var(--dark-text);cursor:pointer;font-size:1.05rem;transition:all .2s ease;width:36px;height:36px;flex-shrink:0}.community-message-mobile-menu-btn:hover{background:var(--background-color)}.community-message-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.community-message-content{display:grid;grid-template-columns:240px 1fr;gap:.5rem;height:100%;transition:grid-template-columns .3s ease;align-items:stretch;margin-top:0}.community-message-content.sidebar-collapsed{grid-template-columns:60px 1fr}.community-message-sidebar{background:var(--white);border:1px solid var(--border-color);border-radius:4px;padding:.7rem;height:calc(100vh - 100px);max-height:calc(100vh - 100px);display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.community-message-sidebar.collapsed{padding:.525rem;width:60px;min-width:60px}.community-message-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:.7rem;border-bottom:1px solid var(--border-color);padding-bottom:.7rem;background:transparent}.community-message-sidebar.collapsed .community-message-sidebar-header{justify-content:center;border-bottom:none;margin-bottom:.525rem;padding-bottom:0}.community-message-sidebar-title{font-size:1rem;font-weight:600;color:var(--dark-text);margin:0}.community-message-sidebar-toggle{background:transparent;border:none;color:var(--lighter-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:.75rem}@media (max-width: 768px){.community-message-header{margin-bottom:.5rem}.community-message-mobile-menu-btn{display:flex}.community-message-sidebar-toggle{display:none}}.community-message-sidebar-toggle:hover{background:var(--background-color);color:var(--dark-text)}.community-message-mobile-close{display:none;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);cursor:pointer;font-size:1rem;width:32px;height:32px;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.community-message-mobile-close:hover{background:var(--background-color);border-color:var(--main-bg)}.community-message-conversations-list{display:flex;flex-direction:column;gap:.525rem;overflow-y:auto;flex:1;padding:0}.community-message-sidebar-icons{display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;flex:1}.community-message-conversation-item{display:flex;align-items:center;gap:.5rem;padding:.7rem;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;background:var(--white);border:1px solid var(--border-color)}.community-message-conversation-item:hover{border-color:var(--main-bg);box-shadow:0 2px 8px #0000001a}.community-message-conversation-item.active{border-color:var(--main-bg);background:#22286d0d}.community-message-conversation-icon{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.community-message-conversation-icon:hover,.community-message-conversation-icon.active{border-color:var(--main-bg)}.community-message-conversation-icon img{width:100%;height:100%;object-fit:cover}.community-message-conversation-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.community-message-conversation-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.community-message-unread-badge{position:absolute;top:-6px;right:-6px;background:#dc3545;color:var(--white);border-radius:10px;padding:.125rem .35rem;font-size:.625rem;font-weight:600;min-width:18px;text-align:center;border:2px solid var(--white);z-index:1;box-shadow:0 2px 4px #0003}.community-message-unread-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#dc3545;border-radius:50%;border:2px solid var(--white);z-index:1;box-shadow:0 2px 4px #0003}.community-message-conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.community-message-conversation-header{display:flex;justify-content:space-between;align-items:center;gap:.525rem}.community-message-conversation-name{font-size:.8125rem;font-weight:600;color:var(--dark-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-message-conversation-time{font-size:.75rem;color:var(--lighter-text);white-space:nowrap;flex-shrink:0}.community-message-conversation-preview{font-size:.75rem;color:var(--light-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-message-empty{text-align:center;padding:2rem 1rem;color:var(--light-text);font-size:.875rem}.community-message-main{background:var(--white);border:none;border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow:hidden;box-shadow:0 1px 3px #0000001a}.community-message-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:var(--light-text)}.community-message-empty-icon{font-size:3.5rem;color:var(--lighter-text);margin-bottom:1rem}.community-message-empty-state p{font-size:1rem;margin:0}.community-message-find-people-link{color:var(--main-bg);text-decoration:underline;cursor:pointer;transition:color .2s ease}.community-message-find-people-link:hover{color:var(--main-bg-hover)}.community-message-chat-header{padding:.7rem 1rem;border-bottom:1px solid var(--border-color);background:var(--white)}.community-message-chat-header-info{display:flex;align-items:center;gap:.7rem}.community-message-chat-avatar{position:relative;width:36px;height:36px;flex-shrink:0}.community-message-chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.community-message-online-indicator{position:absolute;bottom:-2px;right:-2px;color:#28a745;font-size:.625rem;background:var(--white);border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);z-index:1}.community-message-chat-name{font-size:.875rem;font-weight:600;color:var(--dark-text);margin:0 0 .125rem}.community-message-typing-indicator{font-size:.8125rem;color:var(--lighter-text);font-style:italic;margin:0}.community-message-messages-area{flex:1;overflow-y:auto;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.7rem;background:var(--white)}.community-message-messages-list{display:flex;flex-direction:column;gap:.5rem}.community-message-message{display:flex;gap:.525rem;align-items:flex-end;max-width:75%;margin-bottom:.25rem;min-width:0}.community-message-message.own{align-self:flex-end;flex-direction:row-reverse}.community-message-message.other{align-self:flex-start}.community-message-sender-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--lighter-text)}.community-message-sender-avatar img{width:100%;height:100%;object-fit:cover}.community-message-message-content{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.community-message-sender-name{font-size:.75rem;color:var(--lighter-text);margin:0 0 .25rem .5rem;font-weight:500}.community-message-message.own .community-message-sender-name{text-align:right;margin:0 .5rem .25rem 0}.community-message-bubble{background:var(--white);border:none;border-radius:18px;padding:.7rem 1rem;position:relative;box-shadow:0 1px 2px #0000001a;max-width:100%;min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.community-message-message.own .community-message-bubble{background:var(--main-bg);color:var(--white);border:none;box-shadow:0 1px 2px #22286d33}.community-message-bubble p{margin:0 0 .35rem;font-size:.875rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;color:var(--dark-text);-webkit-hyphens:auto;hyphens:auto}.community-message-message.own .community-message-bubble p{color:var(--white)}.community-message-timestamp{font-size:.6875rem;color:var(--lighter-text);margin-top:.35rem;display:inline-block;opacity:.8}.community-message-message.own .community-message-timestamp{color:#ffffffd9}.community-message-typing-bubble{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:.7rem 1rem;display:flex;gap:.35rem;align-items:center}.community-message-typing-bubble span{width:6px;height:6px;background:var(--lighter-text);border-radius:50%;animation:typing 1.4s infinite}.community-message-typing-bubble span:nth-child(2){animation-delay:.2s}.community-message-typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.community-message-empty-chat{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--light-text)}.community-message-empty-chat p{font-size:.875rem;margin:0}.community-message-input-area{padding:.7rem 1rem;border-top:1px solid rgba(0,0,0,.08);background:var(--white);border-radius:0 0 8px 8px}.community-message-input-wrapper{display:flex;gap:.7rem;align-items:flex-end}.community-message-input{flex:1;padding:.525rem .875rem;border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;font-family:Poppins,sans-serif;resize:none;max-height:150px;min-height:80px;line-height:1.4;color:var(--dark-text);background:var(--background-color)}.community-message-input:focus{outline:none;border-color:var(--main-bg)}.community-message-input::placeholder{color:var(--lighter-text)}.community-message-send-btn{background:var(--main-bg);color:var(--white);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:.8125rem}.community-message-send-btn:hover:not(:disabled){background:var(--main-bg-hover);transform:scale(1.05)}.community-message-send-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--lighter-text)}.community-message-send-btn:not(:disabled){opacity:1;background:var(--main-bg);cursor:pointer}.community-message-connection-status{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--lighter-text);margin-top:.5rem}.community-message-connection-status svg{color:#ffc107;font-size:.5rem}.community-message-loading,.community-message-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.4rem;text-align:center}.community-message-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--main-bg);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.7rem}@keyframes spin{to{transform:rotate(360deg)}}.community-message-error{color:#c33;font-size:.875rem}.community-message-retry-btn{margin-top:.7rem;padding:.525rem 1.05rem;background:var(--main-bg);color:var(--white);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:Poppins,sans-serif}.community-message-retry-btn:hover{background:var(--main-bg-hover)}@media (max-width: 768px){.community-message-mobile-overlay{display:block}.community-message-content{grid-template-columns:1fr;position:relative;min-height:calc(100vh - 140px);gap:0}.community-message-sidebar{position:fixed;left:0;top:0;width:280px;max-width:85vw;height:100vh;max-height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 12px #00000026;border-radius:0;overflow-y:auto;padding:.7rem}.community-message-sidebar.mobile-open{transform:translate(0)}.community-message-sidebar.collapsed{width:60px;min-width:60px}.community-message-mobile-close{display:flex}.community-message-sidebar-header{position:relative;padding:0;margin-bottom:.7rem;padding-bottom:.7rem}.community-message-conversations-list{padding:0}.community-message-main{height:calc(100vh - 140px);max-height:calc(100vh - 140px);border-radius:8px;width:100%;min-height:400px}.community-message-container{min-height:auto}.community-message-message{max-width:90%;min-width:0}.community-message-bubble{max-width:100%;min-width:0}.community-message-messages-area{padding:.875rem .75rem;min-height:0;flex:1;overflow-y:auto}.community-message-chat-header,.community-message-input-area{flex-shrink:0}}.subscription-payment-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:2rem}.payment-container{background:var(--white, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:3rem;max-width:500px;width:100%}.payment-header{text-align:center;margin-bottom:2rem}.payment-header h1{font-size:1.75rem;font-weight:600;color:var(--dark-text, #333);margin-bottom:.5rem}.payment-header p{font-size:1rem;color:var(--lighter-text, #666)}.payment-form{margin-top:1.5rem}.payment-form-group{margin-bottom:1.5rem}.payment-form-label{display:block;font-size:.9375rem;font-weight:500;color:var(--dark-text, #333);margin-bottom:.75rem}.payment-card-element-wrapper{padding:.875rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--white, #fff);transition:all .2s ease}.payment-card-element-wrapper:focus-within{border-color:var(--success-color, #10b981);box-shadow:0 0 0 3px #10b9811a}.payment-error{color:#dc3545;font-size:.875rem;margin-top:.5rem;padding:.5rem;background:#f8d7da;border-radius:6px}.payment-form-actions{display:flex;justify-content:center;margin-top:1.5rem}.payment-btn{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px}.payment-btn-primary{background:#22286d;color:#fff}.payment-btn-primary:hover:not(:disabled){background:#131746;transform:translateY(-2px);box-shadow:0 4px 12px #22286d66}.payment-btn-primary:disabled{opacity:.6;cursor:not-allowed}.payment-loading{text-align:center;padding:3rem;color:var(--lighter-text, #666)}.payment-success-state{text-align:center;padding:2rem 0}.payment-success-state i{font-size:4rem;color:var(--success-color, #10b981);margin-bottom:1rem}.payment-success-state h2{font-size:1.75rem;font-weight:600;color:var(--dark-text, #333);margin-bottom:1rem}.payment-success-state p{font-size:1rem;color:var(--lighter-text, #666);margin-bottom:.5rem}.payment-success-note{font-size:.9375rem;color:var(--lighter-text, #999);font-style:italic;margin-top:1rem;margin-bottom:2rem}.payment-error-state{text-align:center;padding:2rem 0}.payment-error-state i{font-size:4rem;color:#dc3545;margin-bottom:1rem}.payment-error-state h2{font-size:1.75rem;font-weight:600;color:var(--dark-text, #333);margin-bottom:1rem}.payment-error-state p{font-size:1rem;color:var(--lighter-text, #666);margin-bottom:2rem}@media (max-width: 768px){.subscription-payment-page{padding:1rem}.payment-container{padding:2rem 1.5rem}.payment-header h1{font-size:1.5rem}.payment-btn{width:100%}}:root{--csp-primary-bg: #fafafa;--csp-white: #ffffff;--csp-dark-text: #1a202c;--csp-medium-text: #2d3748;--csp-light-text: #4a5568;--csp-lighter-text: #718096;--csp-border-color: #e2e8f0;--csp-main-bg: #22286d;--csp-main-bg-hover: #131746;--csp-orange-primary: #ff8a00;--csp-success: #10b981}.community-subscription-page{min-height:calc(100vh - 200px);padding:2rem 1.5rem 4rem;background:var(--csp-primary-bg)}.not-auth-subscription-page .community-subscription-page{padding-top:80px}.community-subscription-page-container{max-width:1400px;margin:0 auto;width:100%}.community-subscription-page-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.community-subscription-page-logo img{height:32px;width:auto;display:block}.community-subscription-page-loading{padding:2rem;text-align:center;color:var(--csp-lighter-text);font-family:Poppins,sans-serif}.community-subscription-page-tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,280px);justify-content:center;gap:1.25rem;margin-top:0}.community-subscription-page-tier-card{background:linear-gradient(135deg,var(--main-bg) 0%,var(--main-bg-hover) 100%);border-radius:10px;padding:1rem;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 20px #8a39ff40;position:relative;overflow:hidden}.community-subscription-page-tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff8a00,#e67e00)}.community-subscription-page-tier-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8a39ff59}.community-subscription-page-tier-card.community-subscription-page-tier-current{background:linear-gradient(135deg,var(--main-bg) 0%,var(--main-bg-hover) 100%);border:2px solid #ff8a00;box-shadow:0 4px 20px #ff8a004d}.community-subscription-page-tier-card.community-subscription-page-tier-current:before{background:linear-gradient(90deg,#ff8a00,#e67e00);height:4px}.community-subscription-page-tier-header{margin-bottom:.75rem;text-align:center}.community-subscription-page-tier-name{font-size:1.125rem;font-weight:700;margin-bottom:.375rem;color:#fff;letter-spacing:-.5px;font-family:Poppins,sans-serif}.community-subscription-page-tier-price{font-size:1.5rem;font-weight:800;line-height:1;font-family:Poppins,sans-serif}.community-subscription-page-price-free,.community-subscription-page-price-amount{color:#fff}.community-subscription-page-price-period{font-size:.8125rem;font-weight:400;color:#fffc;margin-left:.25rem}.community-subscription-page-tier-offers{flex:1;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.375rem}.community-subscription-page-tier-offer-item{display:flex;align-items:center;gap:.375rem}.community-subscription-page-tier-offer-check{width:16px;height:16px;min-width:16px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.5rem}.community-subscription-page-tier-offer-text{color:#fff;font-size:.75rem;line-height:1.35;flex:1;font-family:Poppins,sans-serif}.community-subscription-page-tier-actions{margin-top:auto;padding-top:.5rem}.community-subscription-page-btn{width:100%;padding:.5rem .875rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.community-subscription-page-btn-primary{background:#fff;color:var(--main-bg);box-shadow:0 4px 12px #fff3}.community-subscription-page-btn-primary:hover:not(:disabled){background:#f3f4f6;transform:translateY(-2px);box-shadow:0 6px 16px #ffffff4d}.community-subscription-page-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-subscription-page-btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.community-subscription-page-btn-danger{background:#dc3545;color:#fff}.community-subscription-page-btn-danger:hover:not(:disabled){background:#c82333}.community-subscription-page-btn-disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.6}.community-subscription-page-btn:disabled{opacity:.6;cursor:not-allowed}.community-subscription-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-subscription-page-modal{background:var(--csp-white);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.community-subscription-page-modal h3{margin-bottom:1rem;color:var(--csp-dark-text);font-size:1.5rem;font-weight:700;font-family:Poppins,sans-serif}.community-subscription-page-modal p{margin-bottom:1rem;color:var(--csp-lighter-text);line-height:1.6;font-family:Poppins,sans-serif}.community-subscription-page-modal-note{font-size:.875rem;color:var(--csp-lighter-text);font-style:italic;padding:.75rem;background-color:var(--csp-primary-bg);border-radius:8px;margin-top:1rem}.community-subscription-page-modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.community-subscription-page-modal-actions .community-subscription-page-btn{width:auto;min-width:120px}@media (max-width: 768px){.community-subscription-page{padding:1.5rem .75rem 4rem}.community-subscription-page-tiers-grid{grid-template-columns:1fr;gap:1.5rem}.community-subscription-page-tier-card{padding:1.5rem}.community-subscription-page-tier-name{font-size:1.5rem}.community-subscription-page-tier-price{font-size:2rem}.community-subscription-page-modal{padding:1.5rem}.community-subscription-page-modal-actions{flex-direction:column}.community-subscription-page-modal-actions .community-subscription-page-btn{width:100%}}:root{--main-bg: #8A39FF !important;--main-bg-hover: #7328E6 !important;--main-bg-gradient: linear-gradient(135deg, #38A7FE 0%, #4D6BFF 40%, #8A39FF 70%, #FF3FA6 100%);--logo-blue: #38A7FE;--logo-purple: #8A39FF;--logo-pink: #FF3FA6}