@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.inline-icon{color:#3b82f6;color:var(--primary-blue,#3b82f6);display:inline-block;flex-shrink:0;margin-right:.5rem;vertical-align:middle}.feature-list li{align-items:flex-start;display:flex;gap:.5rem}.category-icon{color:#4b5563;color:var(--gray-600,#4b5563)}.icon-button{align-items:center;display:inline-flex;gap:.5rem;justify-content:center}.icon-button svg{flex-shrink:0}.icon-xs{height:14px;width:14px}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}:root{--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-slower:500ms}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-base) var(--ease-out)}.animate-slide-up{animation:slideUp .25s cubic-bezier(0,0,.2,1);animation:slideUp var(--duration-base) var(--ease-out)}.animate-slide-down{animation:slideDown .25s cubic-bezier(0,0,.2,1);animation:slideDown var(--duration-base) var(--ease-out)}.animate-scale-in{animation:scaleIn .25s cubic-bezier(0,0,.2,1);animation:scaleIn var(--duration-base) var(--ease-out)}.animate-shake{animation:shake .5s cubic-bezier(.4,0,.2,1);animation:shake .5s var(--ease-in-out)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite;animation:pulse 2s var(--ease-in-out) infinite}.transition{transition-duration:.25s;transition-duration:var(--duration-base);transition-property:all;transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.transition-fast{transition-duration:.15s;transition-duration:var(--duration-fast)}.transition-slow{transition-duration:.35s;transition-duration:var(--duration-slow)}.transition-colors{transition-duration:var(--duration-fast);transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.transition-shadow,.transition-transform{transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.transition-opacity,.transition-shadow,.transition-transform{transition-duration:.25s;transition-duration:var(--duration-base)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.hover-lift{transition:transform .25s cubic-bezier(0,0,.2,1),box-shadow .25s cubic-bezier(0,0,.2,1);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .15s cubic-bezier(0,0,.2,1);transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.stagger-children>*{animation:slideUp .25s cubic-bezier(0,0,.2,1);animation:slideUp var(--duration-base) var(--ease-out);animation-fill-mode:both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%}.spinner{animation:spin .8s linear infinite;border:2px solid var(--gray-200);border-top-color:var(--primary-blue);display:inline-block;height:20px;width:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.stagger-children>*{animation-delay:0ms!important}}.focus-ring:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1);transition:box-shadow var(--duration-fast) var(--ease-out)}.focus-ring:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.page-enter{animation:fadeIn .35s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-slow) var(--ease-out)}.page-exit{animation:fadeIn .15s cubic-bezier(.4,0,1,1) reverse;animation:fadeIn var(--duration-fast) var(--ease-in) reverse}.gpu-accelerated{transform:translateZ(0);will-change:transform}.gpu-accelerated:not(:hover):not(:focus):not(:active){will-change:auto}.card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-fast) var(--ease-out);will-change:transform,box-shadow}.card:hover{box-shadow:0 12px 24px -4px #0000001f,0 8px 16px -8px #00000014;transform:translateY(-4px)}.card:active{transform:translateY(-2px);transition-duration:var(--duration-fast)}.event-card,.listing-card,.resource-card,.study-group-card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-fast) var(--ease-out);will-change:transform,box-shadow}.event-card:hover,.listing-card:hover,.resource-card:hover,.study-group-card:hover{border-color:var(--gray-300);box-shadow:0 16px 32px -4px #00000026,0 8px 16px -8px #0000001a;transform:translateY(-6px)}.card-image-wrap,.listing-image-wrap{border-radius:var(--radius-lg);overflow:hidden}.card-image,.listing-image{transition:transform var(--duration-slow) var(--ease-out);will-change:transform}.card:hover .card-image,.listing-card:hover .listing-image{transform:scale(1.05)}.info-card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.info-card:hover{background-color:var(--bg-primary);box-shadow:0 8px 16px -4px #0000001a;transform:translateY(-3px)}.product-card{transition:all var(--duration-base) var(--ease-out)}.product-card:hover{box-shadow:0 20px 40px -8px #0003;transform:translateY(-8px) scale(1.02)}.card-link,.listing-card-link{color:inherit;display:block;text-decoration:none}.card-header,.listing-header{transition:color var(--duration-fast) var(--ease-out)}.card:hover .card-header h3,.listing-card:hover .listing-header h3{color:var(--primary-blue)}.card-actions,.listing-actions{transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.cards-grid .card,.listings-grid .listing-card{animation:slideUp var(--duration-base) var(--ease-out);animation-fill-mode:both}.cards-grid .card:first-child,.listings-grid .listing-card:first-child{animation-delay:0ms}.cards-grid .card:nth-child(2),.listings-grid .listing-card:nth-child(2){animation-delay:50ms}.cards-grid .card:nth-child(3),.listings-grid .listing-card:nth-child(3){animation-delay:.1s}.cards-grid .card:nth-child(4),.listings-grid .listing-card:nth-child(4){animation-delay:.15s}.cards-grid .card:nth-child(5),.listings-grid .listing-card:nth-child(5){animation-delay:.2s}.cards-grid .card:nth-child(6),.listings-grid .listing-card:nth-child(6){animation-delay:.25s}.cards-grid.loaded .card,.listings-grid.loaded .listing-card{animation:none}.card-badge,.listing-type{transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.card:hover .card-badge,.listing-card:hover .listing-type{transform:scale(1.05)}.price{transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.listing-card:hover .price,.product-card:hover .price{color:var(--primary-blue);transform:scale(1.05)}.category{transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.listing-card:hover .category{background-color:var(--primary-blue);color:#fff;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.card,.event-card,.info-card,.listing-card,.product-card,.resource-card,.study-group-card{animation:none;transition:none}.card:hover,.event-card:hover,.listing-card:hover,.resource-card:hover,.study-group-card:hover{transform:none}.card-image,.listing-image{transition:none}.card:hover .card-image,.card:hover .listing-image{transform:none}}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.input:focus,input:focus,select:focus,textarea:focus{animation:inputFocusPulse .3s var(--ease-out);border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}@keyframes inputFocusPulse{0%{box-shadow:0 0 0 0 #3b82f666}to{box-shadow:0 0 0 3px #3b82f61a}}.input.error,input.error,textarea.error{animation:shake .5s var(--ease-in-out);border-color:var(--red-500)}.input.error:focus,input.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.input.success,input.success,textarea.success{border-color:var(--green-500)}.input.success:focus,input.success:focus,textarea.success:focus{box-shadow:0 0 0 3px #22c55e1a}.input-label{transition:all var(--duration-fast) var(--ease-out)}.input-group{position:relative}.input-group .floating-label{background:#fff;color:var(--gray-500);left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--duration-base) var(--ease-out)}.input-group input:focus~.floating-label,.input-group input:not(:placeholder-shown)~.floating-label{color:var(--primary-blue);font-size:var(--text-sm);top:0}input[type=checkbox],input[type=radio]{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}input[type=checkbox]:checked,input[type=radio]:checked{animation:checkboxPop .3s var(--ease-spring)}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.form-error,.form-success,.form-warning{animation:slideDown var(--duration-base) var(--ease-out)}.form-error.hide,.form-success.hide,.form-warning.hide{animation:slideUp var(--duration-base) var(--ease-in) reverse}.form-loading{opacity:.6;pointer-events:none;position:relative}.form-loading:after{animation:spin .8s linear infinite;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.success-checkmark{stroke-width:2;stroke:var(--green-500);stroke-miterlimit:10;animation:fillCheckmark .4s ease-in-out .4s forwards,scaleCheckmark .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 var(--green-500);display:block;height:60px;width:60px}.success-checkmark circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--green-500);fill:none;animation:strokeCheckmark .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark path{stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheckmark .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes strokeCheckmark{to{stroke-dashoffset:0}}@keyframes scaleCheckmark{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fillCheckmark{to{box-shadow:inset 0 0 0 30px var(--green-500)}}select{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}select:hover{border-color:var(--gray-400)}input[type=file]{cursor:pointer}input[type=file]::-webkit-file-upload-button{cursor:pointer;-webkit-transition:all var(--duration-fast) var(--ease-out);transition:all var(--duration-fast) var(--ease-out)}input[type=file]::file-selector-button{cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}input[type=file]::-webkit-file-upload-button:hover{background-color:var(--gray-100);transform:translateY(-1px)}input[type=file]::file-selector-button:hover{background-color:var(--gray-100);transform:translateY(-1px)}textarea{transition:height var(--duration-base) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-stagger .form-group{animation:slideUp var(--duration-base) var(--ease-out);animation-fill-mode:both}.form-stagger .form-group:first-child{animation-delay:0ms}.form-stagger .form-group:nth-child(2){animation-delay:50ms}.form-stagger .form-group:nth-child(3){animation-delay:.1s}.form-stagger .form-group:nth-child(4){animation-delay:.15s}.form-stagger .form-group:nth-child(5){animation-delay:.2s}.form-stagger .form-group:nth-child(6){animation-delay:.25s}@media (prefers-reduced-motion:reduce){.input,input,select,textarea{animation:none;transition:none}.form-stagger .form-group,.input.error,.input:focus,input.error,input:focus,input[type=checkbox]:checked,input[type=radio]:checked,select:focus,textarea.error,textarea:focus{animation:none}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{margin-left:auto!important;margin-right:auto!important;padding-left:2rem!important;padding-right:2rem!important;width:100%!important}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.\!container{max-width:1400px!important}.container{max-width:1400px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-\[90px\]{top:90px}.top-auto{top:auto}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[3000\]{z-index:3000}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[2px\]{height:2px}.h-\[70px\]{height:70px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-\[400px\]{min-height:400px}.min-h-\[44px\]{min-height:44px}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100vh-70px\)\]{min-height:calc(100vh - 70px)}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[280px\]{width:280px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[44px\]{min-width:44px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[180px\]{max-width:180px}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-from-bottom{animation:slide-in-from-bottom .3s ease-out}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide-in-from-left{animation:slide-in-from-left .3s ease-out}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-from-right{animation:slide-in-from-right .3s ease-out}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-slide-in-from-top{animation:slide-in-from-top .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-\[var\(--border-color\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-color)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[var\(--accent-color\)\]{border-color:var(--accent-color)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-amber-500\/30{border-color:#f59e0b4d}.border-blue-500\/30{border-color:#3b82f64d}.border-border{border-color:hsl(var(--border))}.border-current{border-color:currentColor}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-500\/30{border-color:#22c55e4d}.border-red-500\/30{border-color:#ef44444d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--accent-color\)\]{background-color:var(--accent-color)}.bg-\[var\(--accent-color-alpha\)\]{background-color:var(--accent-color-alpha)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-amber-500\/15{background-color:#f59e0b26}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-blue-500\/15{background-color:#3b82f626}.bg-destructive\/15{background-color:hsl(var(--destructive)/.15)}.bg-emerald-500\/15{background-color:#10b98126}.bg-green-500\/10{background-color:#22c55e1a}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-red-500\/15{background-color:#ef444426}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-accent\/20{--tw-gradient-from:hsl(var(--accent)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--accent)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-background{--tw-gradient-from:hsl(var(--background)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-foreground{--tw-gradient-from:hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--foreground)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from:hsl(var(--primary)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/20{--tw-gradient-from:hsl(var(--secondary)/0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--secondary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-primary\/10{--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--primary)/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-accent\/5{--tw-gradient-to:hsl(var(--accent)/0.05) var(--tw-gradient-to-position)}.to-foreground\/70{--tw-gradient-to:hsl(var(--foreground)/0.7) var(--tw-gradient-to-position)}.to-muted\/50{--tw-gradient-to:hsl(var(--muted)/0.5) var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to:hsl(var(--primary)/0.05) var(--tw-gradient-to-position)}.to-secondary\/5{--tw-gradient-to:hsl(var(--secondary)/0.05) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.pt-\[70px\]{padding-top:70px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--accent-color\)\]{color:var(--accent-color)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:#0284c7;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/75{color:#ffffffbf}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow-color:var(--shadow-lg);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:350ms;--ease-out:cubic-bezier(0.4,0,0.2,1);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-headings:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono","Monaco",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius:0.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--group-icon-science:#6a5acd;--group-icon-math:#2196f3;--group-icon-arts:#ff8c42;--group-icon-history:#4caf50;--group-icon-creative:#e91e63;--group-icon-language:#9c27b0;--group-icon-technology:#00bcd4;--group-icon-health:#4caf50;--group-icon-life-skills:#795548;--group-icon-religion:#ff9800;--group-icon-general:#78909c;--group-icon-default:#78909c;--activity-trending:#4caf50;--activity-high:#ffa726;--activity-moderate:#42a5f5;--activity-low:#78909c;--activity-inactive:#455a64;--group-card-bg:#2a3441;--group-card-hover:#3a4554;--group-card-border:#3a4554;--group-icon-size:60px;--group-icon-size-sm:40px;--group-icon-size-lg:80px;--adult-only-bg:#ef44441a;--adult-only-border:#ef4444;--adult-only-text:#ef4444;--status-online:#4caf50;--status-away:#ffa726;--status-offline:#78909c}@layer globals{*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);line-height:1.5;line-height:var(--leading-normal)}code{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,monospace;font-family:var(--font-mono);font-size:.9em}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--b3,#d1d5db);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--bc,#9ca3af)}html{scrollbar-gutter:stable}body,html{overflow-x:hidden;scrollbar-width:none}body{overflow-y:scroll}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;width:0}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-tap-highlight-color:rgba(74,144,226,.2);-webkit-touch-callout:none;font-size:16px}.btn,button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}::-webkit-scrollbar{height:0;width:0}body,html{overflow-x:hidden}}@media (hover:none) and (pointer:coarse){.clickable,a,button{touch-action:manipulation}}}body.modal-open-blur .modal-backdrop,body.modal-open-blur [class*=-overlay]{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-box,.modal-content,[class*=-modal]:not([class*=-overlay]),[class*=Modal]:not([class*=Overlay]){filter:none!important;-webkit-filter:none!important;opacity:1!important}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-\[var\(--accent-color\)\]:hover{border-color:var(--accent-color)}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary)/.5)}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[var\(--accent-color\)\]:hover{color:var(--accent-color)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-primary\/80:hover{color:hsl(var(--primary)/.8)}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-sky-700:hover{--tw-text-opacity:1;color:#0369a1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.hover\:text-white\/90:hover{color:#ffffffe6}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-\[var\(--accent-color\)\]:focus{border-color:var(--accent-color)}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:hsl(var(--primary))}.focus\:ring-primary\/50:focus{--tw-ring-color:hsl(var(--primary)/0.5)}.focus\:ring-white\/30:focus{--tw-ring-color:#ffffff4d}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:hsl(var(--primary))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group\/link:hover .group-hover\/link\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-110,.group\/link:hover .group-hover\/link\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-primary\/20{background-color:hsl(var(--primary)/.2)}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[motion\^\=from-\]\:animate-fade-in[data-motion^=from-]{animation:fade-in .2s ease-out}.data-\[motion\^\=to-\]\:animate-fade-out[data-motion^=to-]{animation:fade-out .2s ease-out}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .2s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\[state\=hidden\]\:animate-fade-out[data-state=hidden]{animation:fade-out .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.data-\[state\=open\]\:animate-bounce-in[data-state=open]{animation:bounce-in .5s ease-out}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=visible\]\:animate-fade-in[data-state=visible]{animation:fade-in .2s ease-out}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed],.data-\[state\=open\]\:duration-300[data-state=open]{transition-duration:.3s}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:bottom-6{bottom:1.5rem}.sm\:bottom-auto{bottom:auto}.sm\:left-\[50\%\]{left:50%}.sm\:left-auto{left:auto}.sm\:right-4{right:1rem}.sm\:right-6{right:1.5rem}.sm\:right-auto{right:auto}.sm\:top-4{top:1rem}.sm\:top-\[50\%\]{top:50%}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:inline-flex{display:inline-flex}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:w-\[320px\]{width:320px}.sm\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.sm\:w-auto{width:auto}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-sm{max-width:24rem}.sm\:translate-x-0{--tw-translate-x:0px}.sm\:translate-x-0,.sm\:translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-x-\[-50\%\]{--tw-translate-x:-50%}.sm\:translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-6{padding:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[420px\]{max-width:420px}.md\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-20{padding:5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-7xl{font-size:4.5rem;line-height:1}}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-theme=light]{--primary-navy:#1e293b;--primary-slate:#334155;--primary-blue:#3b82f6;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--accent-blue:#0ea5e9;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--card-bg:#fff;--accent-color:#3b82f6;--accent-color-alpha:#3b82f61a;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:217 91% 60%;--primary-foreground:0 0% 100%;--secondary:210 40% 96%;--secondary-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--accent:199 89% 48%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:217 91% 60%;--radius:0.5rem;--b1:100% 0 0;--b2:97% 0.005 240;--b3:95% 0.01 240;--bc:20% 0.02 250;--p:60% 0.15 250;--pc:100% 0 0;--s:96% 0.01 240;--sc:20% 0.02 250;--a:65% 0.14 210;--ac:100% 0 0;--n:45% 0.02 240;--nc:97% 0.005 240}[data-theme=dark]{--primary-navy:#f1f5f9;--primary-slate:#cbd5e1;--primary-blue:#60a5fa;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc;--accent-blue:#38bdf8;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-red:#f87171;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-dark:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--card-bg:#1e293b;--accent-color:#60a5fa;--accent-color-alpha:#60a5fa33;--border-color:#334155;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:210 40% 98%;--card:217 33% 17%;--card-foreground:210 40% 98%;--popover:217 33% 17%;--popover-foreground:210 40% 98%;--primary:213 94% 68%;--primary-foreground:222 47% 11%;--secondary:217 33% 17%;--secondary-foreground:210 40% 98%;--muted:217 33% 17%;--muted-foreground:215 20% 65%;--accent:199 89% 60%;--accent-foreground:222 47% 11%;--destructive:0 84% 70%;--destructive-foreground:0 0% 100%;--border:217 33% 20%;--input:217 33% 20%;--ring:213 94% 68%;--radius:0.5rem;--b1:20% 0.02 250;--b2:25% 0.025 250;--b3:30% 0.03 250;--bc:95% 0.01 240;--p:70% 0.15 240;--pc:20% 0.02 250;--s:25% 0.025 250;--sc:95% 0.01 240;--a:70% 0.14 210;--ac:20% 0.02 250;--n:20% 0.02 250;--nc:95% 0.01 240}[data-theme=boys-light]{--bg-primary:#f0f9ff;--bg-secondary:#e0f2fe;--card-bg:#fff;--text-primary:#0c4a6e;--text-secondary:#075985;--accent-color:#0284c7;--accent-color-alpha:#0284c71a;--border-color:#bae6fd;--shadow-sm:0 1px 3px #0284c71a;--shadow-md:0 4px 12px #0284c726;--shadow-lg:0 8px 24px #0284c733;--background:201 100% 97%;--foreground:203 76% 24%;--card:0 0% 100%;--card-foreground:203 76% 24%;--popover:0 0% 100%;--popover-foreground:203 76% 24%;--primary:200 98% 39%;--primary-foreground:0 0% 100%;--secondary:199 89% 48%;--secondary-foreground:0 0% 100%;--muted:201 90% 95%;--muted-foreground:203 76% 30%;--accent:200 98% 39%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:199 89% 88%;--input:199 89% 88%;--ring:200 98% 39%;--radius:0.75rem;--b1:97% 0.02 220;--b2:94% 0.03 220;--b3:100% 0 0;--bc:30% 0.08 230;--p:55% 0.15 230;--pc:100% 0 0;--s:65% 0.12 230;--sc:100% 0 0;--a:55% 0.15 230;--ac:100% 0 0;--n:30% 0.08 230;--nc:95% 0.02 220}[data-theme=boys-dark]{--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#334155;--text-primary:#bae6fd;--text-secondary:#7dd3fc;--accent-color:#38bdf8;--accent-color-alpha:#38bdf833;--border-color:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:199 89% 88%;--card:217 33% 17%;--card-foreground:199 89% 88%;--popover:217 33% 17%;--popover-foreground:199 89% 88%;--primary:199 89% 70%;--primary-foreground:222 47% 11%;--secondary:217 33% 17%;--secondary-foreground:199 89% 88%;--muted:217 33% 17%;--muted-foreground:199 89% 75%;--accent:199 89% 70%;--accent-foreground:222 47% 11%;--destructive:0 62% 50%;--destructive-foreground:0 0% 100%;--border:217 33% 17%;--input:217 33% 17%;--ring:199 89% 70%;--radius:0.75rem;--b1:25% 0.02 250;--b2:30% 0.025 250;--b3:35% 0.03 250;--bc:85% 0.08 220;--p:75% 0.12 220;--pc:25% 0.02 250;--s:35% 0.03 250;--sc:85% 0.08 220;--a:75% 0.12 220;--ac:25% 0.02 250;--n:25% 0.02 250;--nc:85% 0.08 220}[data-theme=girls-light]{--bg-primary:#fdf2f8;--bg-secondary:#fce7f3;--card-bg:#fff;--text-primary:#831843;--text-secondary:#9f1239;--accent-color:#ec4899;--accent-color-alpha:#ec48991a;--border-color:#fbcfe8;--shadow-sm:0 1px 3px #ec48991a;--shadow-md:0 4px 12px #ec489926;--shadow-lg:0 8px 24px #ec489933;--background:330 100% 98%;--foreground:335 78% 28%;--card:0 0% 100%;--card-foreground:335 78% 28%;--popover:0 0% 100%;--popover-foreground:335 78% 28%;--primary:330 81% 60%;--primary-foreground:0 0% 100%;--secondary:330 81% 70%;--secondary-foreground:0 0% 100%;--muted:330 90% 96%;--muted-foreground:335 78% 35%;--accent:330 81% 60%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:330 81% 90%;--input:330 81% 90%;--ring:330 81% 60%;--radius:0.75rem;--b1:97% 0.02 350;--b2:94% 0.03 350;--b3:100% 0 0;--bc:35% 0.12 350;--p:65% 0.18 350;--pc:100% 0 0;--s:75% 0.15 350;--sc:100% 0 0;--a:65% 0.18 350;--ac:100% 0 0;--n:35% 0.12 350;--nc:95% 0.02 350}[data-theme=girls-dark]{--bg-primary:#1e293b;--bg-secondary:#0f172a;--card-bg:#334155;--text-primary:#fbcfe8;--text-secondary:#f9a8d4;--accent-color:#f472b6;--accent-color-alpha:#f472b633;--border-color:#475569;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--background:222 47% 11%;--foreground:330 81% 90%;--card:217 33% 17%;--card-foreground:330 81% 90%;--popover:217 33% 17%;--popover-foreground:330 81% 90%;--primary:330 81% 75%;--primary-foreground:222 47% 11%;--secondary:217 33% 17%;--secondary-foreground:330 81% 90%;--muted:217 33% 17%;--muted-foreground:330 81% 85%;--accent:330 81% 75%;--accent-foreground:222 47% 11%;--destructive:0 62% 50%;--destructive-foreground:0 0% 100%;--border:217 33% 17%;--input:217 33% 17%;--ring:330 81% 75%;--radius:0.75rem;--b1:25% 0.02 250;--b2:30% 0.025 250;--b3:35% 0.03 250;--bc:88% 0.12 350;--p:75% 0.15 350;--pc:25% 0.02 250;--s:35% 0.03 250;--sc:88% 0.12 350;--a:75% 0.15 350;--ac:25% 0.02 250;--n:25% 0.02 250;--nc:88% 0.12 350}[data-theme=custom]{--radius:0.75rem;--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:217 91% 60%;--primary-foreground:0 0% 100%;--secondary:210 40% 96%;--secondary-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--accent:199 89% 48%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:217 91% 60%;--b1:97.5% 0.015 85;--b2:100% 0 0;--b3:95% 0.012 85;--bc:25% 0.02 140;--p:55% 0.08 130;--pc:100% 0 0;--s:90% 0.025 85;--sc:25% 0.02 140;--a:55% 0.08 130;--ac:100% 0 0;--n:30% 0.02 140;--nc:95% 0.01 85}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.toast-modern{animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e28d9;border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;left:50%;max-width:480px;min-width:340px;overflow:hidden;position:fixed;top:90px;transform:translateX(-50%);z-index:10000}.toast-modern.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.95)}}@keyframes checkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes circleDraw{0%{stroke-dashoffset:66}to{stroke-dashoffset:0}}@keyframes xDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}.toast-progress-container{background:#ffffff1a;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.toast-progress-bar{background:linear-gradient(90deg,#fff9,#fffc);border-radius:0 3px 3px 0;height:100%;transition:width 16ms linear}.toast-modern-success .toast-progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80)}.toast-modern-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-modern-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast-modern-info .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.toast-body{align-items:flex-start;display:flex;gap:14px;padding:16px 18px}.toast-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-icon,.toast-icon-wrapper{height:28px;width:28px}.toast-icon-circle{stroke-dasharray:66;stroke-dashoffset:66;animation:circleDraw .4s ease-out .1s forwards}.toast-icon-check{animation:checkDraw .3s ease-out .4s forwards}.toast-icon-check,.toast-icon-x{stroke-dasharray:20;stroke-dashoffset:20}.toast-icon-x{animation:xDraw .3s ease-out .4s forwards}.toast-icon-success{color:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.toast-icon-error{animation:shake .5s ease-in-out;color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.toast-icon-warning{color:#f59e0b;filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}.toast-icon-warning .toast-icon-triangle{stroke-dasharray:80;stroke-dashoffset:80;animation:circleDraw .4s ease-out .1s forwards}.toast-icon-warning .toast-icon-exclaim{stroke-dasharray:10;stroke-dashoffset:10;animation:checkDraw .3s ease-out .4s forwards}.toast-icon-info{color:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.toast-icon-info .toast-icon-info-mark{stroke-dasharray:10;stroke-dashoffset:10;animation:checkDraw .3s ease-out .4s forwards}.toast-content-wrapper{flex:1 1;min-width:0;padding-top:2px}.toast-title{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.toast-message{word-wrap:break-word;color:#ffffffd9;font-size:14px;font-weight:500;line-height:1.5}.toast-close-btn{align-items:center;background:#ffffff14;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;transition:all .2s ease;width:28px}.toast-close-btn svg{color:#fff9;height:14px;transition:color .2s ease;width:14px}.toast-close-btn:hover{background:#ffffff26}.toast-close-btn:hover svg{color:#ffffffe6}.toast-close-btn:active{transform:scale(.92)}.toast-confirm{padding-bottom:0}.toast-actions{display:flex;gap:10px;margin-top:-4px;padding:0 18px 16px}.toast-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.01em;padding:10px 16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.toast-btn-cancel{background:#ffffff14;border:1px solid #ffffff1f;color:#fffc}.toast-btn-cancel:hover{background:#ffffff1f;color:#fffffff2;transform:translateY(-1px)}.toast-btn-confirm{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff40;box-shadow:0 2px 8px #0003;color:#fff}.toast-btn-confirm:hover{background:linear-gradient(135deg,#ffffff47,#ffffff26);box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.toast-btn:active{transform:translateY(0) scale(.98)}.toast-modern-success{border-left:4px solid #22c55e}.toast-modern-error{border-left:4px solid #ef4444}.toast-modern-warning{border-left:4px solid #f59e0b}.toast-modern-info{border-left:4px solid #3b82f6}@media (max-width:768px){.toast-modern{border-radius:14px;left:12px;max-width:none;min-width:auto;right:12px;top:90px;transform:none;width:calc(100% - 24px)}.toast-modern.toast-exit{animation:toastSlideOutMobile .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toastSlideOutMobile{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.toast-body{gap:12px;padding:14px 16px}.toast-icon,.toast-icon-wrapper{height:24px;width:24px}.toast-message{font-size:13px}.toast-title{font-size:14px}.toast-close-btn{height:26px;width:26px}.toast-actions{padding:0 16px 14px}.toast-btn{border-radius:8px;font-size:12px;padding:9px 14px}}@media (max-width:480px){.toast-modern{border-radius:12px;left:8px;right:8px;width:calc(100% - 16px)}.toast-body{gap:10px;padding:12px 14px}.toast-icon,.toast-icon-wrapper{height:22px;width:22px}.toast-message{font-size:12px}.toast-title{font-size:13px}.toast-actions{gap:8px;padding:0 14px 12px}.toast-btn{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.toast-icon-check,.toast-icon-circle,.toast-icon-error,.toast-icon-info .toast-icon-info-mark,.toast-icon-warning .toast-icon-exclaim,.toast-icon-warning .toast-icon-triangle,.toast-icon-x,.toast-modern,.toast-modern.toast-exit{animation:none}.toast-icon-check,.toast-icon-circle,.toast-icon-info .toast-icon-info-mark,.toast-icon-warning .toast-icon-exclaim,.toast-icon-warning .toast-icon-triangle,.toast-icon-x{stroke-dashoffset:0}.toast-modern{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.toast-modern.toast-exit{opacity:0}}@media (prefers-color-scheme:light){.toast-modern{background:#ffffffeb;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000f,inset 0 1px 0 #fffc}.toast-title{color:#1a1a2e}.toast-message{color:#1a1a2ecc}.toast-close-btn{background:#0000000d}.toast-close-btn svg{color:#00000073}.toast-close-btn:hover{background:#0000001a}.toast-close-btn:hover svg{color:#000000b3}.toast-progress-container{background:#0000000f}.toast-btn-cancel{background:#0000000d;border-color:#00000014;color:#1a1a2ecc}.toast-btn-cancel:hover{background:#00000014;color:#1a1a2ef2}.toast-btn-confirm{background:linear-gradient(135deg,#00000014,#0000000a);border-color:#0000001f;color:#1a1a2e}.toast-btn-confirm:hover{background:linear-gradient(135deg,#0000001f,#0000000f)}}.change-password-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;right:0;top:0;z-index:3000}.change-password-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);filter:none;max-width:500px;padding:30px;position:relative;width:100%}.modal-close-btn{background:none;color:var(--text-secondary);font-size:28px;height:30px;position:absolute;right:15px;top:15px;transition:color .2s;width:30px}.modal-close-btn:hover{color:var(--text-primary)}.change-password-content{margin-top:10px}.change-password-content h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 10px}.change-password-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 25px}.form-field{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{color:var(--text-primary);font-size:14px}.form-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-error{background-color:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px}.form-actions{margin-top:25px}.save-password-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.save-password-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.save-password-btn:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}@media (max-width:768px){.change-password-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.change-password-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;overflow-y:auto;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.change-password-content h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.change-password-description{font-size:clamp(.8125rem,3.25vw,.9375rem)}.form-input{padding:clamp(.625rem,2.5vw,.75rem)}.form-input,.save-password-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem}.save-password-btn{padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.change-password-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.change-password-content h2{font-size:clamp(1rem,4vw,1.25rem)}}.idle-warning-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.idle-warning-modal{animation:slideUp .3s ease;background:#1f1f2e;background:var(--fallback-b1,#1f1f2e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #0006;max-width:400px;padding:32px;text-align:center;width:90%}.idle-warning-icon{animation:pulse 1s ease infinite;font-size:48px;margin-bottom:16px}.idle-warning-title{color:#f59e0b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.idle-warning-message{color:#fffc;color:var(--fallback-bc,#fffc);font-size:1rem;line-height:1.6;margin:0 0 24px}.idle-warning-message strong{color:#ef4444;font-size:1.25rem}.idle-warning-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s;width:100%}.idle-warning-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.idle-warning-btn:active{transform:translateY(0)}.notification-center{position:relative}.notification-bell{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;position:relative;transition:transform .2s}.notification-bell:hover{transform:scale(1.1)}.notification-badge{background:#ef4444;background:var(--error-color,#ef4444);border-radius:10px;color:#fff;font-size:.625rem;font-weight:600;min-width:18px;padding:.125rem .375rem;position:absolute;right:0;text-align:center;top:0}.notification-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.notification-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:380px;z-index:999}.notification-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background .2s}.mark-all-read:hover{background:#f3f4f6}.notification-list{max-height:400px;overflow-y:auto}.notification-empty,.notification-loading{color:#6b7280;padding:2rem;text-align:center}.notification-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;position:relative;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notification-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.notification-dot{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.notification-footer{border-top:1px solid #e5e7eb;padding:.75rem 1.25rem;text-align:center}.notification-footer a{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:.875rem;font-weight:500;text-decoration:none}.notification-footer a:hover{text-decoration:underline}@media (max-width:640px){.notification-dropdown{border-radius:12px 12px 0 0;bottom:0;left:0;max-width:100%;position:fixed;right:0;top:auto;width:100%}}.access-check-loading{color:#666;font-size:16px;min-height:400px}.access-check-loading,.access-denied-message{align-items:center;display:flex;justify-content:center}.access-denied-message{min-height:60vh;padding:40px 20px}.access-denied-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:40px;text-align:center}.access-denied-content h2{color:#e74c3c;font-size:28px;margin-bottom:20px}.access-denied-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px}.request-access-text{border-top:1px solid #e0e0e0;color:#999;font-style:italic;margin-top:20px;padding-top:20px}.section-overview{margin:0 auto;max-width:1200px;padding:0 24px 80px}.section-overview-hero{padding:80px 24px 60px;position:relative;text-align:center}.section-overview-hero h1{color:#111827;color:var(--text-primary,#111827);font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}.section-overview-hero .overview-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1.25rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:680px}.overview-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.overview-feature-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.overview-feature-card:before{background:#3b82f6;background:var(--feature-accent,var(--accent-color,#3b82f6));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.overview-feature-card:hover{border-color:#3b82f6;border-color:var(--feature-accent,var(--accent-color,#3b82f6));box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.overview-feature-card:hover:before{opacity:1}.overview-feature-icon{align-items:center;background:#3b82f61a;background:var(--feature-accent-bg,#3b82f61a);border-radius:12px;display:flex;flex-shrink:0;font-size:1.4rem;height:48px;justify-content:center;width:48px}.overview-feature-card h3{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:700;margin:0 0 6px}.overview-feature-card p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.925rem;line-height:1.6;margin:0}.overview-highlights{margin-top:56px}.overview-highlights h2{color:#111827;color:var(--text-primary,#111827);font-size:1.75rem;font-weight:700;margin:0 0 32px;text-align:center}.overview-highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-highlight-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.overview-highlight-card:after{background:linear-gradient(90deg,#3b82f6,#0000);background:linear-gradient(90deg,var(--feature-accent,var(--accent-color,#3b82f6)),#0000);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.overview-highlight-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.overview-highlight-card:hover:after{opacity:1}.overview-highlight-card h3{color:#111827;color:var(--text-primary,#111827);font-size:1.125rem;font-weight:700;margin:0 0 8px}.overview-highlight-card p{font-size:.925rem;line-height:1.7;margin:0}.overview-highlight-card p,.overview-quote{color:#6b7280;color:var(--text-secondary,#6b7280)}.overview-quote{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-left:4px solid #3b82f6;border-left:4px solid var(--feature-accent,var(--accent-color,#3b82f6));border-radius:0 16px 16px 0;font-size:1.1rem;font-style:italic;line-height:1.8;margin-top:48px;padding:32px 40px}.overview-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;color:#fff;margin-top:56px;overflow:hidden;padding:56px 40px;position:relative;text-align:center}.overview-cta:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-20%;top:-40%;width:400px}.overview-cta h2{font-size:2rem;font-weight:800;margin:0 0 12px;position:relative}.overview-cta p{font-size:1.1rem;line-height:1.6;margin:0 auto 28px;max-width:500px;opacity:.92;position:relative}.overview-cta-btn{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#667eea;display:inline-flex;font-size:1.05rem;font-weight:700;gap:8px;padding:16px 36px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.overview-cta-btn:hover{box-shadow:0 8px 28px #0003;transform:translateY(-3px) scale(1.02)}.overview-trust-bar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}.overview-trust-badge{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:100px;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;white-space:nowrap}.overview-trust-badge span{font-size:1.1rem}@media (max-width:768px){.section-overview{padding:0 16px 48px}.section-overview-hero{padding:48px 8px 36px}.section-overview-hero h1{font-size:2rem;letter-spacing:-.02em}.section-overview-hero .overview-subtitle{font-size:1.05rem}.overview-features{gap:12px;grid-template-columns:1fr;margin-top:32px}.overview-feature-card{padding:18px}.overview-highlights{margin-top:36px}.overview-highlights h2{font-size:1.5rem}.overview-highlights-grid{grid-template-columns:1fr}.overview-quote{font-size:1rem;margin-top:32px;padding:24px}.overview-cta{border-radius:16px;margin-top:36px;padding:36px 24px}.overview-cta h2{font-size:1.5rem}.overview-cta p{font-size:.975rem}.overview-cta-btn{justify-content:center;padding:14px 24px;width:100%}.overview-trust-bar{gap:8px;margin-top:24px}.overview-trust-badge{font-size:.8rem;padding:8px 14px}}@media (max-width:480px){.section-overview-hero h1{font-size:1.65rem}.overview-feature-icon{font-size:1.2rem;height:40px;width:40px}}.resource-upload-modal-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.resource-upload-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0003,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:720px;overflow-y:auto;padding:32px;position:relative;width:100%}.resource-upload-modal h2{color:var(--text-primary);font-size:24px;font-weight:800;margin:0 0 24px}.resource-upload-form{display:block}.resource-upload-form>.form-row{margin-bottom:20px}.form-row label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:10px}.category-dropdown-trigger,.form-grid select,.form-row input,.form-row select,.form-row textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;padding:14px 16px;transition:all .2s ease}.category-dropdown-trigger:focus,.form-grid select:focus,.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid label{color:var(--text-primary);display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:10px}.image-upload-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.hint{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:4px}.file-btn{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 18px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.file-btn:hover{box-shadow:0 4px 15px var(--accent-color-alpha);transform:translateY(-2px)}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:14px}.image-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;transition:all .2s ease}.image-preview:hover{border-color:var(--accent-color);transform:translateY(-2px)}.image-preview.primary{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.image-preview:hover .image-remove-x{opacity:1}.image-preview img{display:block;height:100px}.image-actions{display:flex;justify-content:center;padding:10px}.primary-btn{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:8px 12px;transition:all .2s ease}.primary-btn:hover{transform:translateY(-1px)}.primary-btn.selected{background:linear-gradient(135deg,#10b981,#059669)}.remove-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:8px 12px;transition:all .2s ease}.remove-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#0000;color:#fff}.upload-progress{background:#0003;border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent-color) 0,#5a4fcf 100%);height:100%;transition:width .15s linear;width:0}.resource-attachments-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.resource-attachment-item{grid-gap:12px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:14px;transition:all .2s ease}.resource-attachment-item:hover{border-color:var(--accent-color)}.resource-attachment-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-attachment-actions{align-items:center;display:flex;gap:8px}.resource-attachment-item .remove-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:700;padding:10px 14px;transition:all .2s ease}.resource-attachment-item .remove-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#0000;color:#fff}.modal-close-btn{background:var(--bg-secondary);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:20px;font-weight:300;height:40px;left:auto!important;position:absolute!important;right:24px!important;top:24px!important;transition:all .3s ease;width:40px;z-index:10}.modal-close-btn:hover{background:#ef4444;box-shadow:0 0 0 8px #ef444433,0 4px 12px #ef444466}.cancel-btn{border:1px solid var(--border-color);border-radius:12px;font-weight:700;padding:14px 24px;transition:all .2s ease}.cancel-btn:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.submit-btn{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border-radius:12px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px var(--accent-color-alpha);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5}@media (max-width:768px){.resource-upload-modal-overlay{align-items:flex-end;padding:0}.resource-upload-modal{animation:slideUp .3s ease;border-radius:24px 24px 0 0;max-height:95vh;max-width:100%;padding:20px}.resource-upload-modal h2{font-size:20px;margin-bottom:20px;padding-right:40px}.form-grid{grid-template-columns:1fr}.image-preview-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.image-preview img{height:80px}.image-remove-x{font-size:16px;height:24px;opacity:1;right:6px;top:6px;width:24px}.image-actions{padding:8px}.primary-btn{font-size:11px;padding:6px 10px}.form-actions{flex-direction:column;gap:10px}.cancel-btn,.submit-btn{padding:16px;width:100%}.modal-close-btn{font-size:20px;height:36px;right:12px;top:12px;width:36px}.form-grid select,.form-row input,.form-row textarea{font-size:16px}}.category-dropdown{position:relative;width:100%}.category-dropdown-trigger{align-items:center;background:none;background:var(--bg-secondary);border:none;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;margin:0;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.category-dropdown-trigger:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.category-dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.dropdown-arrow{color:var(--text-secondary);font-size:10px;transition:transform .2s ease}.category-dropdown-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000026;left:0;max-height:280px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.category-dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-dropdown-item:hover{background:var(--bg-secondary)}.category-dropdown-item input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.category-dropdown-item span{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.react-select-container{font-size:14px}.react-select__control{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:none!important;color:var(--text-primary)!important;min-height:48px;padding:2px 4px;transition:all .2s ease!important}.react-select__control:hover{border-color:var(--border-color)!important}.react-select__control--is-focused{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px var(--accent-color-alpha)!important}.react-select__value-container{padding:10px 12px!important}.react-select__placeholder,.react-select__single-value{color:var(--text-primary)!important;font-size:14px!important}.react-select__menu{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;margin-top:4px!important}.react-select__option{color:var(--text-primary)!important;cursor:pointer!important;transition:all .2s ease!important}.react-select__option,.react-select__option--is-focused,.react-select__option:hover{background:#0000!important}.react-select__option--is-selected{background:#0000!important;color:var(--text-primary)!important}.react-select__multi-value{background:var(--accent-color)!important;border-radius:6px!important}.react-select__multi-value__label{color:#fff!important;font-size:13px!important;font-weight:500!important;padding:4px 8px!important}.react-select__multi-value__remove{border-radius:0 6px 6px 0!important;color:#fff!important;cursor:pointer!important;padding:0 4px!important}.react-select__multi-value__remove:hover{background:#0003!important;color:#fff!important}.react-select__input-container{color:var(--text-primary)!important}.react-select__indicator-separator{display:none!important}.react-select__dropdown-indicator{color:var(--text-primary)!important;padding:8px!important}.react-select__dropdown-indicator svg{height:16px!important;width:16px!important}.react-select__clear-indicator{color:var(--text-secondary)!important;cursor:pointer!important;padding:8px!important}.react-select__clear-indicator:hover{color:var(--text-primary)!important}.react-select-option-with-checkbox{align-items:center!important;cursor:pointer!important;display:flex!important;gap:10px!important;padding:12px 14px!important;transition:all .2s ease!important;width:100%!important}.react-select-option-with-checkbox:hover{background:var(--bg-secondary)!important}.react-select-checkbox{accent-color:var(--accent-color)!important;cursor:pointer!important;display:block!important;flex-shrink:0!important;height:18px!important;margin:0!important;min-height:18px!important;min-width:18px!important;opacity:1!important;pointer-events:none!important;position:relative!important;visibility:visible!important;width:18px!important}.react-select-option-with-checkbox span{color:var(--text-primary)!important;display:block!important;flex:1 1!important;font-size:14px!important;font-weight:500!important}.react-select__option{padding:0!important}.modal-two-column-layout{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:1fr 1fr!important}.modal-left-column,.modal-right-column{display:flex!important;flex-direction:column!important;gap:16px!important}@media (max-width:768px){.modal-two-column-layout{grid-template-columns:1fr}}.modal-bottom-row{margin-top:24px}.modal-bottom-grid{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:1fr 1fr!important}@media (max-width:768px){.modal-bottom-grid{grid-template-columns:1fr!important}}.upload-sections-grid{display:block!important;margin-top:16px}.upload-sections-grid .form-row{margin-bottom:16px!important}.upload-sections-grid .form-row:last-child{margin-bottom:0!important}.upload-sections-grid .image-upload-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.upload-sections-grid .image-upload-header>div{flex:1 1}.upload-sections-grid .image-upload-header strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px}.upload-sections-grid .hint{color:var(--text-secondary);font-size:11px;margin:0}.upload-sections-grid .file-btn{font-size:12px!important;height:auto!important;min-height:auto!important;padding:6px 12px!important;white-space:nowrap}.upload-sections-grid .form-row{margin-bottom:0!important}.form-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.resource-image-btn{all:unset;cursor:pointer;display:block;position:relative;width:100%}.resource-image-img{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;height:170px;object-fit:cover}.resource-image-detail,.resource-image-img{margin-bottom:14px;width:100%}.resource-image-detail-stage{background:none;border:none;border-radius:12px;cursor:zoom-in;display:block;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.resource-image-detail-stage:after{background:#0000;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;transition:background .2s ease}.resource-image-detail-stage:hover:after{background:#0000002e}.resource-image-detail-img{aspect-ratio:16/9;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:block;object-fit:cover;transition:transform .2s ease;width:100%}.resource-image-detail-expand-overlay{align-items:center;animation:detailExpandFadeIn .18s ease;background:#000000a6;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:5vh 20px;position:fixed;z-index:3500}@keyframes detailExpandFadeIn{0%{opacity:0}to{opacity:1}}.resource-image-detail-expand-box{align-items:center;animation:detailExpandBoxIn .2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,var(--card-bg) 0,#0a0a12fa 100%);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 30px 70px #000c;cursor:default;display:flex;justify-content:center;max-height:90vh;max-width:944px;padding:28px;position:relative;width:100%}@keyframes detailExpandBoxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.resource-image-detail-expand-img{border-radius:12px;display:block;height:auto;max-height:calc(90vh - 56px);object-fit:contain;width:100%}.resource-image-detail-expand-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .2s ease,transform .2s ease;width:36px;z-index:10}.resource-image-detail-expand-close:hover{background:#ffffff40;transform:rotate(90deg)}.resource-image-detail-expand-nav{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:44px;z-index:10}.resource-image-detail-expand-nav:hover{background:#ffffff40}.resource-image-detail-expand-nav.prev{left:14px}.resource-image-detail-expand-nav.next{right:14px}.resource-image-detail-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px}.resource-image-detail-thumb{all:unset;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;height:112px;overflow:hidden;width:112px}.resource-image-detail-thumb.active{border-color:var(--accent-color)}.resource-image-detail-thumb img{display:block;height:100%;object-fit:cover;width:100%}.resource-image-lightbox-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4000}.resource-image-lightbox{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);max-width:900px;overflow:hidden;position:relative;width:100%}.resource-image-close{align-items:center;background:#00000080;border:1px solid var(--border-color);border-radius:999px;color:#fff;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:40px}.resource-image-stage{background:#000;position:relative}.resource-image-full{display:block;max-height:70vh;object-fit:contain;width:100%}.resource-image-nav{align-items:center;background:#00000073;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:flex;font-size:28px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px}.resource-image-nav.prev{left:12px}.resource-image-nav.next{right:12px}.resource-image-thumbs{background:var(--bg-secondary);display:flex;gap:8px;overflow-x:auto;padding:12px}.resource-image-thumb{all:unset;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;height:50px;overflow:hidden;width:70px}.resource-image-thumb.active{border-color:var(--accent-color)}.resource-image-thumb img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.resource-image-lightbox-overlay{align-items:flex-end;padding:10px}.resource-image-lightbox{border-radius:16px 16px 0 0;max-width:100%}}.star-rating{align-items:center;display:inline-flex;gap:8px}.star-rating-stars{display:inline-flex;gap:2px;line-height:1}.star-rating-star{display:inline-block;font-size:18px;font-size:var(--star-size,18px);height:18px;height:var(--star-size,18px);line-height:1;position:relative;width:18px;width:var(--star-size,18px)}.star-rating-star-bg{color:var(--text-secondary);justify-content:center;opacity:.45;width:100%;z-index:1}.star-rating-star-bg,.star-rating-star-fg{align-items:center;display:flex;height:100%;left:0;line-height:1;position:absolute;top:0}.star-rating-star-fg{color:var(--accent-color);justify-content:flex-start;overflow:hidden;width:0;width:var(--fill,0);z-index:2}.star-rating-text{color:var(--text-secondary);font-size:13px;font-weight:700}.resource-detail-modal-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3500}.resource-detail-modal{background:linear-gradient(145deg,var(--card-bg) 0,#ffffff05 100%);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.resource-detail-close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:24px;top:24px;transition:all .3s ease;width:40px;z-index:10}.resource-detail-close-btn:hover{background:#ef4444;box-shadow:0 0 0 8px #ef444433,0 4px 12px #ef444466;color:#fff}.resource-detail-header{padding:28px 28px 0}.resource-detail-title{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.2;margin:0 56px 12px 0}.resource-detail-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.resource-detail-pill{background:linear-gradient(135deg,var(--bg-secondary) 0,#ffffff0d 100%);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.resource-detail-author{color:var(--text-secondary);font-size:13px;font-weight:500}.resource-detail-body{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1.3fr .7fr;padding:0 28px 28px}.resource-detail-left{display:flex;flex-direction:column;min-width:0}.resource-detail-right{min-width:0;position:-webkit-sticky;position:sticky;top:0}.resource-detail-comments-wrapper{padding:0 28px 28px}.resource-detail-description{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0 0 16px;max-height:220px;overflow-y:auto;padding-right:6px}.resource-detail-description::-webkit-scrollbar{width:4px}.resource-detail-description::-webkit-scrollbar-track{background:#0000}.resource-detail-description::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.resource-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.resource-detail-tag{color:var(--accent-color);font-size:13px;font-weight:600;opacity:.9}.resource-detail-downloads{background:linear-gradient(145deg,var(--card-bg) 0,#ffffff05 100%);border:1px solid var(--border-color);border-radius:16px;margin-top:20px;padding:18px}.resource-detail-downloads h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 14px}.resource-detail-download-list{display:flex;flex-direction:column;gap:10px}.resource-detail-download-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.resource-detail-download-item:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.resource-detail-download-name{color:var(--text-primary);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-detail-download-link{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;border-radius:10px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.resource-detail-download-link:hover{box-shadow:0 4px 12px var(--accent-color-alpha);transform:translateY(-2px)}.resource-detail-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:24px}.resource-detail-favorite-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;border-radius:14px;box-shadow:0 4px 15px #ee5a5a4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-detail-favorite-btn:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.resource-detail-favorite-btn:hover:before{transform:translateX(100%)}.resource-detail-favorite-btn:hover{box-shadow:0 8px 25px #ee5a5a80;transform:translateY(-3px) scale(1.02)}.resource-detail-favorite-btn.active{background:linear-gradient(135deg,#ff4757,#ff2d2d);box-shadow:0 6px 20px #ff383880}.resource-detail-downloads-count{align-items:center;background:linear-gradient(145deg,#10b98126,#0596691a);border:1px solid #10b98166;border-radius:14px;display:flex;justify-content:space-between;overflow:hidden;padding:18px 20px;position:relative}.resource-detail-downloads-count:before{background:linear-gradient(180deg,#10b981,#059669);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.resource-detail-downloads-count .label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:10px}.resource-detail-downloads-count .label:before{content:"📥";font-size:20px}.resource-detail-downloads-count .count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.resource-detail-rating{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.resource-detail-rating-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.resource-detail-rating-row .label{color:var(--text-primary);font-size:14px;font-weight:700}.resource-detail-rating-input{display:inline-flex;gap:4px}.resource-detail-star-btn{all:unset;color:#fff3;cursor:pointer;font-size:24px;line-height:1;padding:2px;transition:all .15s ease}.resource-detail-star-btn:hover{transform:scale(1.15)}.resource-detail-star-btn.filled{color:#ffc107;text-shadow:0 0 10px #ffc10780}.resource-detail-comments{background:linear-gradient(145deg,var(--card-bg) 0,#ffffff05 100%);border:1px solid var(--border-color);border-radius:16px;padding:18px}.resource-detail-comments-full{display:flex;flex-direction:column;margin-top:20px;width:100%}.resource-detail-comments h3{color:var(--text-primary);flex-shrink:0;font-size:16px;font-weight:700;margin:0 0 14px}.resource-detail-comment-input-section{display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-bottom:16px}.resource-detail-comment-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.resource-detail-comment-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-detail-comment-submit{align-self:flex-end;background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.resource-detail-comment-submit:hover:not(:disabled){box-shadow:0 4px 15px var(--accent-color-alpha);transform:translateY(-2px)}.resource-detail-comment-submit:disabled{cursor:not-allowed;opacity:.5}.resource-detail-comments-empty{color:var(--text-secondary);font-size:14px;font-style:italic;padding:16px 0;text-align:center}.resource-detail-comments-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.resource-detail-comments-list::-webkit-scrollbar{width:6px}.resource-detail-comments-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.resource-detail-comments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.resource-detail-comments-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.resource-detail-comment{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:14px}.resource-detail-comment-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.resource-detail-comment-author{align-items:center;display:flex;gap:10px}.resource-detail-comment-meta .name{color:var(--text-primary);font-size:14px;font-weight:700}.resource-detail-comment-date{color:var(--text-secondary);font-size:12px;font-weight:500}.resource-detail-comment-delete{align-items:center;background-color:initial;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.resource-detail-comment-delete:hover{background-color:#e74c3c;color:#fff}.resource-detail-comment-text{color:var(--text-secondary);font-size:14px;line-height:1.6;white-space:pre-wrap}@media (max-width:900px){.resource-detail-body{grid-template-columns:1fr}.resource-detail-right{position:static}}@media (max-width:768px){.resource-detail-modal-overlay{align-items:flex-end;padding:0}.resource-detail-modal{animation:slideUp .3s ease;border-radius:24px 24px 0 0;max-height:95vh}.resource-detail-close-btn{border-radius:10px;font-size:20px;height:36px;right:12px;top:12px;width:36px}.resource-detail-header{padding:20px 20px 0}.resource-detail-body,.resource-detail-comments-wrapper{padding:0 20px 20px}.resource-detail-title{font-size:20px;margin-right:40px}.resource-detail-pill{font-size:10px;padding:5px 10px}.resource-detail-actions{gap:12px;padding:16px}.resource-detail-favorite-btn,.resource-detail-vote-btn{font-size:13px;padding:12px}.resource-detail-downloads-count{padding:12px}.resource-detail-download-item{padding:10px 12px}.resource-detail-download-link{font-size:11px;padding:8px 12px}.resource-detail-comments{padding:14px}.resource-detail-comment-input{font-size:16px}.resource-detail-comment-submit{font-size:13px;padding:12px 20px;width:100%}.resource-detail-comments-list{max-height:200px}}.resource-library-page{margin:0 auto;max-width:1200px;padding:40px 20px}.page-header{border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:16px;margin-bottom:40px;padding-bottom:24px}.resource-header-btn{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:13px 26px;transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-header-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.resource-card-my{height:500px}.resource-card-clickable{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.resource-my-actions{background:#0000001a;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;margin-top:auto;padding:16px 20px}.resource-delete-btn,.resource-edit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.resource-edit-btn{background:var(--accent-color);color:#fff}.resource-edit-btn:hover{opacity:.9;transform:translateY(-1px)}.resource-delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.resource-delete-btn:hover{opacity:.9;transform:translateY(-1px)}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-.02em}.upload-btn{background:linear-gradient(135deg,var(--accent-color) 0,rgba(var(--accent-color-rgb),.85) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:13px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn:hover{box-shadow:0 6px 20px rgba(var(--accent-color-rgb),.4);transform:translateY(-2px)}.upload-form-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.upload-form{display:flex;flex-direction:column;gap:15px}.upload-form h3{color:var(--text-primary);margin-bottom:10px}.upload-form input,.upload-form select,.upload-form textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px}.upload-form textarea{resize:vertical}.submit-btn{transition:opacity .3s}.resource-search-filters-section{margin-bottom:30px;width:100%}.resource-search-bar{align-items:center;display:flex;gap:16px;width:100%}.resource-search-field{flex:1 1;max-width:600px!important;position:relative}.resource-search-wrapper{display:block;height:48px;position:relative;width:100%}.resource-search-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:14px;height:48px;padding:12px 48px 12px 16px;transition:all .25s;width:100%}.resource-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-search-input::placeholder{color:var(--text-secondary)}.resource-filter-icon-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;left:auto!important;padding:0;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease;width:32px;z-index:10!important}.resource-filter-icon-btn.has-filters,.resource-filter-icon-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.resource-filter-icon-btn svg{display:block;flex-shrink:0;height:18px;width:18px}.resource-filter-badge{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.resource-sort-select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;flex:0 0 20%;font-size:14px;height:48px;max-width:200px;padding:14px 16px;transition:all .25s;width:20%}.resource-sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.resource-filters-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:16px;padding:20px}.resource-filters-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.resource-filters-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.resource-clear-filters-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .25s}.resource-clear-filters-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.resource-filter-group{margin-bottom:18px}.resource-filter-group:last-child{margin-bottom:0}.resource-filter-label{color:var(--text-primary);display:block;font-size:14px;font-weight:700;margin-bottom:10px}.resource-filter-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.resource-filter-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .25s}.resource-filter-checkbox:hover{color:var(--text-primary)}.resource-filter-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.resource-filter-empty{color:var(--text-secondary);font-size:13px}.resources-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:8px}.resource-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:460px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.resource-card:before{background:linear-gradient(135deg,var(--accent-color) 0,#0000 40%,#0000 60%,var(--accent-color) 100%);border-radius:20px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease}.resource-card:hover:before{opacity:.6}.resource-card:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-color-alpha),0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;outline:none}.resource-card:hover{border-color:#0000;box-shadow:0 25px 50px -12px #00000040,0 0 30px -5px var(--accent-color-alpha),0 0 60px -15px var(--accent-color-alpha);transform:translateY(-8px) scale(1.02)}.resource-card .resource-image-btn{background:linear-gradient(135deg,var(--bg-secondary) 0,#0000000d 100%);border:none;border-radius:20px 20px 0 0;flex-shrink:0;height:200px;overflow:hidden;position:relative}.resource-card .resource-image-img{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;left:0;object-fit:cover;position:absolute;top:0;transform:translateZ(0);width:100%}.resource-card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;padding:24px}.resource-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 10px;overflow:hidden}.resource-rating-row{flex-shrink:0;margin:0 0 14px}.resource-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-shrink:0;font-size:14px;line-height:1.6;margin:0 0 16px;overflow:hidden}.resource-meta{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-bottom:12px}.category,.grade{background:linear-gradient(135deg,var(--accent-color-alpha) 0,rgba(var(--accent-color-rgb),.08) 100%);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:24px;color:var(--accent-color);font-size:11px;font-weight:700;letter-spacing:.6px;padding:7px 14px;text-transform:uppercase;transition:all .3s ease}.resource-tags{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px;margin-bottom:auto;max-height:24px;overflow:hidden}.tag{color:var(--accent-color);font-size:12px;font-weight:600;opacity:.9;transition:opacity .2s ease;white-space:nowrap}.overview-content{border:1px solid var(--border-color)}.primary-btn{transition:opacity .3s}@media (max-width:768px){.resource-library-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.page-subtitle,.upload-btn{font-size:clamp(.875rem,3.5vw,1rem)}.upload-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.upload-form-container{padding:clamp(1rem,4vw,1.25rem)}.upload-form input,.upload-form select,.upload-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.resource-search-bar{align-items:stretch;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.resource-search-field,.resource-sort-select{flex:1 1 auto;min-width:auto;width:100%}.resource-search-input,.resource-sort-select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3.5vw,1rem)}.resources-grid{gap:20px;grid-template-columns:1fr}.resource-card{height:auto;min-height:380px}.resource-card-my{min-height:440px}.resource-card .resource-image-btn{height:160px}.resource-card-content{padding:16px}.resource-card h3{font-size:16px}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.resource-library-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.resource-card,.upload-form-container{padding:clamp(.875rem,3.5vw,1rem)}.overview-content{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}}.author-link{all:unset;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;max-width:50%;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.author-link:hover{color:var(--accent-color);text-decoration:underline}.author-filter-active{align-items:center;background:linear-gradient(135deg,var(--accent-color-alpha) 0,#6a5acd26 100%);border:1px solid var(--accent-color);border-radius:12px;color:var(--text-primary);display:flex;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.author-filter-active strong{color:var(--accent-color)}.author-filter-clear{all:unset;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.author-filter-clear:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.pagination-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:40px;padding:20px}.pagination-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px var(--accent-color-alpha);color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-pages{display:flex;gap:8px}.pagination-page{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-page:hover{border-color:var(--accent-color);color:var(--accent-color)}.pagination-page.active{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border-color:#0000;box-shadow:0 4px 12px var(--accent-color-alpha);color:#fff}@media (max-width:768px){.pagination-controls{flex-wrap:wrap;gap:10px;margin-top:24px;padding:16px}.pagination-btn{font-size:13px;padding:10px 16px}.pagination-page{font-size:13px;height:36px;width:36px}.author-filter-active{flex-direction:column;gap:10px;padding:14px;text-align:center}}.resource-edit-modal-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.resource-edit-modal{background:linear-gradient(145deg,var(--card-bg) 0,#ffffff05 100%);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0003;max-height:90vh;max-width:720px;overflow-y:auto;padding:32px;position:relative;width:100%}.resource-edit-modal h2{color:var(--text-primary);font-size:24px;font-weight:800;margin:0 0 24px}.resource-edit-close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:44px;z-index:10}.resource-edit-close-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:rotate(90deg)}.resource-edit-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:10px}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;gap:16px}.category-checkbox-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-checkbox-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-checkbox-item input[type=checkbox]{display:none}.category-checkbox-item:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.category-checkbox-item.selected{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border-color:#0000;box-shadow:0 4px 12px var(--accent-color-alpha);color:#fff}.image-preview-grid{grid-gap:14px;gap:14px;margin-bottom:14px}.image-preview-item{aspect-ratio:1;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;position:relative;transition:all .2s ease}.image-preview-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.image-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.image-remove-x{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:5}.image-preview-item:hover .image-remove-x{opacity:1}.image-remove-x:hover{background:#e74c3c;transform:scale(1.1)}.image-preview-actions{background:linear-gradient(0deg,#000000e6 0,#0009);bottom:0;display:flex;flex-wrap:wrap;gap:6px;left:0;padding:10px;position:absolute;right:0}.image-preview-actions button{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:6px 10px;transition:all .2s ease}.image-preview-actions button:hover{transform:translateY(-1px)}.image-preview-actions .remove-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.primary-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase}.upload-progress{background:#000000e6;border-radius:8px;color:#fff;font-size:13px;font-weight:700;left:50%;padding:10px 16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.file-upload-label{display:inline-block}.file-upload-button{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;text-align:center;transition:all .2s ease}.file-upload-button:hover{background:var(--card-bg);border-color:var(--accent-color);color:var(--accent-color)}.form-actions{background:linear-gradient(to top,var(--card-bg) 80%,#0000 100%);bottom:0;margin-left:-32px;margin-right:-32px;margin-top:12px;padding:20px 32px 4px;position:-webkit-sticky;position:sticky}.form-actions button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;padding:14px 24px;transition:all .2s ease}.form-actions button[type=button]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.form-actions button[type=button]:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.form-actions button[type=submit]{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);color:#fff;letter-spacing:.5px;text-transform:uppercase}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 4px 15px var(--accent-color-alpha);transform:translateY(-2px)}.form-actions button:disabled{cursor:not-allowed;opacity:.5}.attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.attachment-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.attachment-item:hover{border-color:var(--accent-color)}.attachment-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-progress{color:var(--accent-color);font-size:12px;font-weight:700}.attachment-remove{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:700;padding:10px 14px;transition:all .2s ease}.attachment-remove:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#0000;color:#fff}@media (max-width:768px){.resource-edit-modal-overlay{align-items:flex-end;padding:0}.resource-edit-modal{animation:slideUp .3s ease;border-radius:24px 24px 0 0;max-height:95vh;max-width:100%;padding:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.resource-edit-modal h2{font-size:20px;margin-bottom:20px;padding-right:40px}.resource-edit-close-btn{font-size:20px;height:36px;right:12px;top:12px;width:36px}.form-row{grid-template-columns:1fr}.image-preview-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.image-remove-x{font-size:16px;height:24px;opacity:1;right:6px;top:6px;width:24px}.image-preview-actions{padding:8px}.image-preview-actions button,.primary-badge{font-size:10px;padding:4px 8px}.form-actions{flex-direction:column;gap:10px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.form-actions button{padding:16px;width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.day-events-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.day-events-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;filter:none;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-header{align-items:flex-start}.modal-header-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.day-badges{align-items:center;display:flex;gap:8px}.events-badge{background-color:var(--accent-color)}.events-badge,.rsvp-badge-day{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.rsvp-badge-day{background-color:#28a745}.search-filters-section-modal{margin-bottom:20px;position:relative;width:100%}.search-bar-container-modal{align-items:center;display:flex;gap:0;position:relative;width:100%}.search-input-modal{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 50px 12px 16px;transition:all .25s;width:100%}.search-input-modal:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-icon-btn-modal,.search-input-modal::placeholder{color:var(--text-secondary)}.filter-icon-btn-modal{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .25s;width:36px;z-index:1}.filter-icon-btn-modal:hover{background:var(--bg-secondary);color:var(--accent-color)}.filter-icon-btn-modal.has-filters{color:var(--accent-color)}.filter-icon-btn-modal svg{height:20px;width:20px}.filter-badge-modal{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.filters-panel-modal{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:16px;max-height:400px;overflow-y:auto;padding:20px}.filters-header-modal{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.filters-header-modal h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.clear-filters-btn-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .25s}.clear-filters-btn-modal:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-group-modal{margin-bottom:20px}.filter-group-modal:last-child{margin-bottom:0}.filter-label-modal{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:10px}.filter-checkboxes-modal{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.filter-checkbox-modal{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;transition:color .25s}.filter-checkbox-modal:hover{color:var(--text-primary)}.filter-checkbox-modal input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.filter-radio-group-modal{display:flex;flex-wrap:wrap;gap:12px}.filter-radio-modal{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;transition:color .25s}.filter-radio-modal:hover{color:var(--text-primary)}.filter-radio-modal input[type=radio]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.filter-select-modal{-webkit-appearance:none;appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:10px 36px 10px 14px;transition:all .25s;width:100%}.filter-select-modal:focus{box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.filter-select-modal:focus,.filter-select-modal:hover{border-color:var(--accent-color)}.filters-panel-modal::-webkit-scrollbar{width:6px}.filters-panel-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.filters-panel-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filters-panel-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.no-events{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-events p{font-size:16px}.events-list{gap:20px}.event-item-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .25s}.event-item-modal:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.event-item-modal.event-past{filter:grayscale(.3);opacity:.5}.event-item-modal.event-rsvp{background-color:#28a7450d;border-color:#28a745}.event-item-modal.event-rsvp:hover{background-color:#28a7451a;border-color:#28a745}.event-header-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.event-header-modal h3{color:var(--text-primary);flex:1 1;font-size:20px;font-weight:700;margin:0}.event-type-modal{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.event-type-modal.event-local{background-color:var(--accent-color);color:#fff}.event-type-modal.event-virtual{background-color:var(--bg-primary);border:1px solid var(--accent-color);color:var(--text-primary)}.event-description-modal{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.event-details-modal{grid-gap:12px;background-color:var(--card-bg);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;padding:12px}.detail-item-modal{color:var(--text-secondary);font-size:13px}.detail-item-modal strong{color:var(--text-primary);margin-right:6px}.detail-item-modal a{color:var(--accent-color);text-decoration:underline}.event-footer-modal{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.attendee-count-modal,.creator-modal{color:var(--text-secondary);font-size:13px}.day-events-modal::-webkit-scrollbar{width:8px}.day-events-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.day-events-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.day-events-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.day-events-modal{max-width:95%;padding:clamp(1rem,4vw,1.25rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.event-header-modal h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}}.week-calendar-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;padding:24px}.week-calendar-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.week-range{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center}.week-range h2{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}.today-btn{background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px;transition:all .25s}.today-btn:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.week-nav-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .25s;width:40px}.week-nav-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.week-calendar{cursor:grab;position:relative;transition:transform .2s ease-out;-webkit-user-select:none;user-select:none}.week-calendar:active{cursor:grabbing}.week-days-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.day-header{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px;text-align:center;text-transform:uppercase}.week-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day-cell{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:12px;position:relative;transition:all .25s}.day-cell.has-events{border-color:var(--accent-color);border-width:2px}.day-cell:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.day-cell.today,.day-cell:hover{background:var(--accent-color-alpha);border-color:var(--accent-color)}.day-cell.today{border-width:3px;box-shadow:0 0 0 3px var(--accent-color-alpha)}.day-number{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px;text-align:center}.day-cell.today .day-number{color:var(--accent-color);font-size:20px}.day-events{flex:1 1;justify-content:center;min-height:40px}.day-event-badges,.day-events{align-items:center;display:flex}.day-event-badges{flex-direction:column;gap:6px;width:100%}.event-count-badge{background-color:var(--accent-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:6px 10px;text-align:center;transition:all .2s;width:-webkit-fit-content;width:fit-content}.event-count-badge.rsvp-badge{background-color:#28a745}.day-cell:hover .event-count-badge{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.no-events-text{color:var(--text-secondary);font-size:11px;font-style:italic;text-align:center}.day-events::-webkit-scrollbar{width:4px}.day-events::-webkit-scrollbar-track{background:#0000}.day-events::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.day-events::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.week-calendar-container{padding:clamp(.875rem,3.5vw,1rem)}.week-range{flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem)}.week-range h2{font-size:clamp(1rem,4vw,1.125rem)}.week-days,.week-days-header{gap:clamp(.25rem,1vw,.375rem)}.day-cell{min-height:clamp(5.5rem,22vw,6.25rem);padding:clamp(.375rem,1.5vw,.5rem)}.day-number{font-size:clamp(.875rem,3.5vw,1rem)}.event-item{font-size:clamp(.5625rem,2.25vw,.625rem);padding:clamp(.25rem,1vw,.375rem) clamp(.375rem,1.5vw,.5rem)}.event-time{font-size:clamp(.5rem,2vw,.5625rem)}.week-nav-btn{font-size:clamp(1rem,4vw,1.125rem);height:clamp(2rem,8vw,2.25rem);width:clamp(2rem,8vw,2.25rem)}.today-btn{font-size:clamp(.75rem,3vw,.8125rem);padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}}@media (max-width:480px){.week-calendar-container{padding:clamp(.625rem,2.5vw,.75rem)}.week-range h2{font-size:clamp(.875rem,3.5vw,1rem)}.week-days,.week-days-header{gap:clamp(.125rem,.5vw,.1875rem)}.day-cell{min-height:clamp(4.5rem,18vw,5rem);padding:clamp(.375rem,1.5vw,.5rem)}.day-number{font-size:clamp(.8125rem,3.25vw,.875rem)}.event-count-badge{font-size:clamp(.5625rem,2.25vw,.625rem);min-width:clamp(2.5rem,10vw,3.125rem);padding:clamp(.25rem,1vw,.375rem) clamp(.375rem,1.5vw,.5rem)}.week-nav-btn{font-size:clamp(.875rem,3.5vw,1rem);height:clamp(1.75rem,7vw,2rem);width:clamp(1.75rem,7vw,2rem)}}.create-event-modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.create-event-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);filter:none;margin:auto;max-height:90vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:100%}.create-event-form{display:flex;flex-direction:column;gap:20px;width:100%}.create-event-modal .form-group{animation:none!important;display:flex;flex-direction:column;gap:8px;opacity:1!important;transform:none!important;width:100%!important}.create-event-modal .form-group input,.create-event-modal .form-group select,.create-event-modal .form-group textarea{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .25s;width:100%!important}.create-event-modal .form-group input:focus,.create-event-modal .form-group select:focus,.create-event-modal .form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.create-event-modal .form-group input.error,.create-event-modal .form-group select.error,.create-event-modal .form-group textarea.error{border-color:#dc3545}.create-event-modal .form-group textarea{min-height:100px;resize:vertical}.create-event-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.field-error{color:#dc3545;font-size:12px;margin-top:-4px}.field-hint{color:var(--text-secondary);font-size:12px;margin-top:2px}.create-event-modal .recurrence-section{background:#ffffff08;border:2px dashed var(--border-color);border-radius:12px;padding:16px}.create-event-modal .recurrence-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;-webkit-user-select:none;user-select:none}.create-event-modal .recurrence-toggle input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-color,#6366f1);cursor:pointer;margin:0;width:auto!important}.create-event-modal .recurrence-options{animation:recurrenceReveal .25s ease-out;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}@keyframes recurrenceReveal{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.form-actions{border-top:2px solid var(--border-color);gap:12px;margin-top:8px;padding-top:20px}.cancel-btn,.submit-btn{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .25s}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.submit-btn{background:var(--accent-color);border-color:var(--accent-color)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}.create-event-modal::-webkit-scrollbar{width:8px}.create-event-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.create-event-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.create-event-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.create-event-modal{max-width:95%;padding:clamp(1rem,4vw,1.25rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}.form-row{grid-template-columns:1fr}.create-event-modal input,.create-event-modal select,.create-event-modal textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.modal-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.create-event-modal{max-width:98%;padding:clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1rem,4vw,1.25rem)}}.family-rsvp-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.family-rsvp-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);filter:none;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-close-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .25s;width:36px}.modal-close-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.form-group{gap:8px}.family-rsvp-modal .form-group>label{color:var(--text-primary);font-size:14px;font-weight:700;margin:0}.required{color:#dc3545}.learner-checkboxes{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:12px}.learner-checkbox{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.learner-checkbox:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}.learner-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.learner-checkbox span{color:var(--text-primary);font-size:14px;-webkit-user-select:none;user-select:none}.form-group input[type=number]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .25s;width:100%}.form-group input[type=number]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.form-group input[type=number]:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.helper-text{color:var(--text-secondary);font-size:12px;margin-top:6px}.error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-size:14px;margin-bottom:20px;padding:12px 16px}.empty-state,.loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.modal-actions{border-top:2px solid var(--border-color);padding-top:20px}.btn-primary{background-color:var(--accent-color);border:2px solid var(--accent-color)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.family-rsvp-modal::-webkit-scrollbar{width:8px}.family-rsvp-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.family-rsvp-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.family-rsvp-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.family-rsvp-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.family-rsvp-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.modal-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.modal-close-btn{font-size:clamp(1.5rem,6vw,1.75rem);height:2.75rem;width:2.75rem}.form-group input[type=number]{font-size:clamp(.875rem,3.5vw,1rem)}.form-group input[type=number],.learner-checkbox{min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.learner-checkbox input[type=checkbox]{height:clamp(1.125rem,4.5vw,1.25rem);width:clamp(1.125rem,4.5vw,1.25rem)}.modal-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.family-rsvp-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}}.modal-overlay{background-color:#00000080;filter:none}.modal-content{border-radius:20px;filter:none;max-width:500px;padding:32px;position:relative}.modal-header{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.modal-header h2{font-size:28px;font-weight:700;letter-spacing:-.01em}.modal-close{background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;font-size:24px;height:36px;width:36px}.modal-close:hover{border-color:var(--accent-color)}.modal-body{margin-bottom:24px}.cancel-rsvp-modal{max-width:500px}.cancel-instructions{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:20px}.cancel-option{background-color:var(--bg-secondary);border-radius:6px;margin-bottom:12px;padding:12px;transition:background-color .2s}.cancel-option:hover{background-color:var(--bg-tertiary)}.checkbox-label{gap:10px}.checkbox-label input[type=checkbox]{accent-color:var(--accent-color)}.checkbox-label span{color:var(--text-primary);font-size:15px}.learners-list{margin-top:20px}.learners-list h3{color:var(--text-primary);font-size:16px;margin-bottom:12px}.no-rsvp-message{color:var(--text-secondary);padding:20px;text-align:center}.modal-footer{border-top:1px solid var(--border-color);gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background-color:var(--bg-secondary);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn-primary.cancel-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-primary.cancel-btn:hover:not(:disabled){background-color:#c82333}.btn-primary.cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.modal-content{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.modal-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.modal-close{font-size:clamp(1.5rem,6vw,1.75rem);height:2.75rem;width:2.75rem}.checkbox-label{min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.checkbox-label input[type=checkbox]{height:clamp(1.125rem,4.5vw,1.25rem);width:clamp(1.125rem,4.5vw,1.25rem)}.modal-footer{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.btn-primary.cancel-btn,.btn-secondary{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.modal-content{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.modal-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem)}}.events-page{margin:0 auto;max-width:1200px;padding:40px 20px}.calendar-container{margin-bottom:30px;max-height:1000px;transition:all .3s ease}.calendar-container.minimized{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-20px)}.search-filters-section{margin-bottom:30px;position:relative;width:100%}.search-bar-container{align-items:center;display:flex;gap:0;position:relative;width:100%}.search-input{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 50px 12px 16px;transition:all .25s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.filter-icon-btn,.search-input::placeholder{color:var(--text-secondary)}.filter-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .25s;width:36px;z-index:1}.filter-icon-btn:hover{background:var(--bg-secondary)}.filter-icon-btn.has-filters,.filter-icon-btn:hover{color:var(--accent-color)}.filter-icon-btn svg{height:20px;width:20px}.filter-badge{background:var(--accent-color);border:2px solid var(--card-bg);border-radius:12px;color:#fff;font-size:10px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.filters-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-top:20px;padding:24px}.filters-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.filters-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.clear-filters-btn{font-size:13px;font-weight:500;padding:8px 16px;transition:all .25s}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.filter-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-checkbox{color:var(--text-secondary);font-size:14px;transition:color .25s}.filter-checkbox:hover{color:var(--text-primary)}.filter-radio-group{display:flex;flex-wrap:wrap;gap:16px}.filter-radio{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color .25s}.filter-radio:hover{color:var(--text-primary)}.filter-radio input[type=radio]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;border:2px solid var(--border-color);transition:all .25s;width:100%}.filter-select:focus{box-shadow:0 0 0 3px var(--accent-color-alpha)}.filter-select:focus,.filter-select:hover{border-color:var(--accent-color)}.events-list{display:flex;flex-direction:column;gap:25px}.event-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);padding:30px;transition:transform .3s,box-shadow .3s}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.event-card.event-past{filter:grayscale(.3);opacity:.5}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.event-header h3{color:var(--text-primary);font-size:24px}.event-type{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.event-type.local,.event-type.virtual{background-color:var(--bg-secondary);color:var(--text-primary)}.event-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.event-details{grid-gap:15px;background-color:var(--bg-secondary);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:15px}.detail-item{color:var(--text-secondary);font-size:14px}.detail-item strong{color:var(--text-primary);margin-right:5px}.detail-item a{color:var(--accent-color);text-decoration:underline}.event-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:20px}.creator{color:var(--text-secondary);font-size:14px}.rsvp-section{gap:8px}.attendee-info,.rsvp-section{align-items:flex-end;display:flex;flex-direction:column}.attendee-info{gap:4px}.rsvp-status-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.attendee-count{color:var(--text-secondary);font-size:14px}.waitlist-badge{background-color:#ffc10733;color:#ffc107}.waitlist-badge,.waitlist-position-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.waitlist-position-badge{background-color:#007bff33;color:#007bff}.rsvp-buttons{display:flex;gap:8px}.rsvp-btn,.rsvp-btn-family{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .3s}.rsvp-btn-family{background-color:#007bffcc}.rsvp-btn-family:hover:not(:disabled),.rsvp-btn:hover:not(:disabled){opacity:.9}.rsvp-btn.cancel{background-color:#dc3545}.rsvp-btn.cancel:hover:not(:disabled){background-color:#c82333}.rsvp-btn.cancel.inline{font-size:12px;margin:0;padding:4px 12px}.rsvp-btn-family:disabled,.rsvp-btn.disabled,.rsvp-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.events-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.event-card{padding:clamp(.875rem,3.5vw,1rem)}.event-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.rsvp-buttons{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.rsvp-buttons button{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.info-card{padding:clamp(.875rem,3.5vw,1rem)}}@media (max-width:480px){.events-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.event-card{padding:clamp(.625rem,2.5vw,.75rem)}.event-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.create-form-container{padding:clamp(.875rem,3.5vw,1rem)}}.create-study-group-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000073;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:3500}.create-study-group-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-height:90vh;overflow:auto;width:min(760px,100%)}.create-study-group-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px}.create-study-group-header h2{color:var(--text-primary);font-size:18px;margin:0}.create-study-group-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:22px;height:40px;width:40px}.create-study-group-body{padding:16px}.sg-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sg-field{display:flex;flex-direction:column;gap:6px}.sg-field span{color:var(--text-secondary);font-size:12px;font-weight:800}.sg-field input,.sg-field select,.sg-field textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px}.sg-field textarea{resize:vertical}.sg-field--full{margin-top:12px}.sg-tags-preview{color:var(--text-secondary);font-size:12px;margin-top:6px}.create-study-group-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.sg-btn{padding:10px 14px}.sg-btn:disabled{opacity:.65}@media (max-width:720px){.sg-form-grid{grid-template-columns:1fr}}.sg-chat{display:flex;flex-direction:column;gap:12px}.sg-chat__stream{background:var(--bg-secondary);height:min(420px,55vh);overflow:auto;padding:10px}.sg-chat-msg,.sg-chat__stream{border:1px solid var(--border-color);border-radius:12px}.sg-chat-msg{background:var(--card-bg);margin-bottom:10px;padding:10px 10px 8px}.sg-chat-msg--me{background:#7b9b6f14;border-color:#7b9b6f59}.sg-chat-msg__top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.sg-chat-msg__name{color:var(--text-primary);font-size:13px;font-weight:900}.sg-chat-msg__time{color:var(--text-secondary);font-size:12px}.sg-chat-msg__delete{background:#dc35451f;border:1px solid #dc354559;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:900;margin-left:auto;padding:6px 10px}.sg-chat-msg__bubble{color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.sg-chat__composer{align-items:flex-end;display:flex;gap:10px}.sg-chat__composer textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;max-height:140px;min-height:44px;padding:10px 12px;resize:vertical}@media (max-width:720px){.sg-chat__composer{align-items:stretch;flex-direction:column}}.sg-posts{display:flex;flex-direction:column;gap:12px}.sg-posts__composer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px}.sg-posts__composerTitle{color:var(--text-primary);font-weight:900;margin-bottom:8px}.sg-posts__composer input,.sg-posts__composer textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);margin-top:8px;padding:10px 12px;width:100%}.sg-posts__composer textarea{resize:vertical}.sg-posts__composerActions{display:flex;justify-content:flex-end;margin-top:10px}.sg-posts__layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr .9fr}.sg-posts__detail,.sg-posts__list{background:var(--bg-secondary);min-height:220px;padding:10px}.sg-postCard,.sg-posts__detail,.sg-posts__list{border:1px solid var(--border-color);border-radius:12px}.sg-postCard{background:var(--card-bg);cursor:pointer;margin-bottom:10px;padding:10px 10px 8px}.sg-postCard--active{background:#7b9b6f14;border-color:#7b9b6f59}.sg-postCard__titleRow{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sg-postCard__title{color:var(--text-primary);font-weight:900}.sg-postCard__meta{color:var(--text-secondary);font-size:12px;margin-top:4px}.sg-postCard__body{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;line-height:1.4;margin-top:8px;overflow:hidden;white-space:pre-wrap}.sg-postCard__actions{display:flex;gap:8px;margin-top:10px}.sg-posts__commentsTitle{color:var(--text-primary);font-weight:900;margin-bottom:8px}.sg-comments{display:flex;flex-direction:column;gap:10px}.sg-comment{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:10px 10px 8px}.sg-comment__top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.sg-comment__name{color:var(--text-primary);font-size:13px;font-weight:900}.sg-comment__time{color:var(--text-secondary);font-size:12px}.sg-comment__delete{background:#dc35451f;border:1px solid #dc354559;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:900;margin-left:auto;padding:6px 10px}.sg-comment__body{color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.sg-posts__commentComposer{align-items:flex-end;display:flex;gap:10px;margin-top:12px}.sg-posts__commentComposer textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;min-height:44px;padding:10px 12px;resize:vertical}@media (max-width:920px){.sg-posts__layout{grid-template-columns:1fr}}@media (max-width:720px){.sg-posts__commentComposer{align-items:stretch;flex-direction:column}}.sg-detail{display:flex;flex-direction:column;gap:12px}.sg-detail-loading{color:var(--text-secondary);padding:18px}.sg-detail-empty{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:12px;padding:18px}.sg-detail-empty__title{color:var(--text-primary);font-weight:900;margin-bottom:6px}.sg-detail-empty__sub{color:var(--text-secondary);font-size:14px}.sg-link{color:var(--accent-color);font-weight:900;text-decoration:none}.sg-detail__header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px 14px 12px}.sg-detail__titleRow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.sg-detail__title{color:var(--text-primary);font-size:18px;margin:0}.sg-detail__metaRight{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sg-detail__subtitle{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sg-detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sg-tabs{display:flex;flex-wrap:wrap;gap:8px}.sg-tab{background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;font-weight:900;padding:8px 12px}.sg-tab:disabled{cursor:not-allowed;opacity:.55}.sg-tab--active{background:#7b9b6f33;border-color:#7b9b6f59}.sg-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px}.sg-section+.sg-section{margin-top:12px}.sg-section__title{color:var(--text-primary);font-weight:900;margin-bottom:6px}.sg-section__body{line-height:1.45}.sg-note,.sg-section__body{color:var(--text-secondary)}.sg-note{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;padding:12px}.sg-tagRow{display:flex;flex-wrap:wrap;gap:8px}.sg-chip{font-weight:800}.sg-chip,.sg-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:12px;padding:6px 10px}.sg-pill{font-weight:900}.sg-pill--admin{background:#7b9b6f33;border-color:#7b9b6f59}.sg-btn{border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-weight:900;padding:9px 12px}.sg-btn--secondary{background:var(--card-bg);color:var(--text-primary)}.sg-btn--primary{background:var(--accent-color);border-color:#0000;color:#fff}.sg-btn--danger{background:#dc35451f;border-color:#dc354559;color:var(--text-primary)}.sg-btn:disabled{cursor:not-allowed;opacity:.6}.sg-list{display:flex;flex-direction:column;gap:10px}.sg-listItem{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.sg-listItem__title{color:var(--text-primary);font-weight:900}.sg-listItem__sub{color:var(--text-secondary);font-size:12px;margin-top:2px}.sg-listItem__right--buttons{display:flex;gap:8px}.sg-mini{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:900;padding:8px 10px}.sg-mini--ok{background:#7b9b6f2e;border-color:#7b9b6f59}.sg-mini--no{background:#dc35451f;border-color:#dc354559}.study-groups-page{margin:0 auto;max-width:1200px;padding:40px 20px}.create-form-container{border:1px solid var(--border-color)}.groups-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.groups-list h2{color:var(--text-primary);font-size:24px;margin-bottom:20px}.groups-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.groups-list-header h2{margin-bottom:0}.study-groups-subheader{color:var(--text-primary);font-size:13px;font-weight:900;letter-spacing:.02em;margin:18px 0 10px;opacity:.9;text-transform:uppercase}.study-groups-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);max-width:240px;padding:10px 12px;width:100%}.study-groups-controls{align-items:center;display:flex;gap:10px}.study-groups-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px}@media (max-width:860px){.study-groups-controls{align-items:stretch;flex-direction:column;width:100%}.study-groups-search{max-width:100%}}.group-card{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:25px;transition:transform .3s,box-shadow .3s,border .3s}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.group-card.selected{border-color:var(--accent-color);box-shadow:0 4px 12px var(--accent-color-alpha)}.group-card h3{color:var(--text-primary);font-size:20px;margin-bottom:12px}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin-bottom:15px;overflow:hidden}.group-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.meta-item{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.group-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:15px}.member-count{color:var(--text-secondary);font-size:14px}.join-btn,.leave-btn{border-radius:6px;font-weight:500;padding:8px 20px;transition:background-color .3s}.join-btn{background-color:var(--accent-color);color:#fff}.join-btn:hover{opacity:.9}.leave-btn{background-color:#e74c3c;color:#fff}.leave-btn:hover{background-color:#c0392b}.group-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:90px}.group-details h2{color:var(--text-primary);font-size:28px;margin-bottom:15px}.group-full-description{color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.group-info{margin-bottom:25px}.info-item{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:12px 0}.info-item strong{color:var(--text-primary);margin-right:8px}.group-actions{margin-top:25px}.action-btn{padding:12px;transition:background-color .3s;width:100%}.action-btn.join{background-color:var(--accent-color);color:#fff}.action-btn.join:hover{opacity:.9}.action-btn.leave{background-color:#e74c3c;color:#fff}.action-btn.leave:hover{background-color:#c0392b}@media (max-width:768px){.study-groups-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.create-form input,.create-form select,.create-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.groups-container{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.group-card{padding:clamp(1rem,4vw,1.25rem)}.group-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.join-btn,.leave-btn{font-size:clamp(.8125rem,3.25vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);width:100%}.group-details{padding:clamp(1rem,4vw,1.25rem);position:static}.group-details h2{font-size:clamp(1.25rem,5vw,1.5rem)}.action-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.study-groups-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.create-form-container,.group-card,.group-details{padding:clamp(.875rem,3.5vw,1rem)}}.gs-sidebar button,.gs-sidebar button:not(.unstyled){align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;font-size:inherit;font-weight:inherit;gap:0;justify-content:center;line-height:1;min-height:0;min-height:auto;min-width:0;min-width:auto;overflow:visible;padding:0;position:relative;touch-action:manipulation}.gs-sidebar a{display:flex;min-height:0;min-height:auto}.gs-sidebar input,.gs-sidebar input[type=text],.gs-sidebar input[type=text]:not(.unstyled){background:#0000;border:none;border-radius:0;box-shadow:none;font-size:inherit;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:0;width:auto}.gs-sidebar *{max-width:none}.gs-sidebar{background:#1a1a2e;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:70px;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);z-index:10}.gs-sidebar.gs-expanded{min-width:240px;padding:0;width:240px}.gs-sidebar.gs-minimized{align-items:center;gap:4px;min-width:72px;padding:8px 0;width:72px}.gs-header{align-items:center;background:#1a1a2e;display:flex;flex-shrink:0;gap:8px;padding:14px 14px 10px}.gs-header-title{color:#ffffffe6;flex:1 1;font-size:15px;font-weight:700}.gs-header-count{background:#ffffff14;border-radius:10px;color:#fff6;font-size:11px;font-weight:600;padding:2px 8px}.gs-toggle{align-items:center;background:#ffffff0f;border:none!important;border-radius:6px;color:#fff6;display:flex;flex-shrink:0;height:28px;justify-content:center;min-height:28px!important;min-width:28px;overflow:visible!important;padding:0!important;transition:all .15s ease;width:28px}.gs-toggle:hover{background:#ffffff1f;color:#fffc}.gs-toggle svg{stroke:currentColor;flex-shrink:0;height:14px;width:14px}.gs-minimized .gs-header{justify-content:center;padding:0 0 4px}.gs-minimized .gs-header-count,.gs-minimized .gs-header-title{display:none}.gs-discover{background:#1a1a2e;border-bottom:1px solid #ffffff14;flex-shrink:0;margin-bottom:2px;padding-bottom:4px}.gs-discover+.gs-divider{display:none}.gs-divider{background:#ffffff14;border-radius:1px;flex-shrink:0;height:2px;margin:2px 14px}.gs-minimized .gs-divider{margin:4px 0;width:32px}.gs-list{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:4px 0}.gs-list::-webkit-scrollbar{width:3px}.gs-list::-webkit-scrollbar-track{background:#0000}.gs-list::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:3px}.gs-minimized .gs-list{align-items:center;gap:4px;padding:0 4px}.gs-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:1px 6px;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;overflow:visible!important;padding:4px 10px!important;position:relative;transition:background .12s ease;width:calc(100% - 12px)}.gs-item:hover{background:#ffffff0f}.gs-item.gs-active{background:#ffffff1a}.gs-active-pill{background:#fff;height:70%;max-height:36px}.gs-active-pill,.gs-item:not(.gs-active):hover:before{border-radius:0 4px 4px 0;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.gs-item:not(.gs-active):hover:before{background:#fff6;content:"";height:40%;max-height:20px}.gs-icon{align-items:center;border-radius:14px;box-shadow:0 2px 8px #0000004d;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden;position:relative;transition:border-radius .2s ease,transform .1s ease;width:40px}.gs-active .gs-icon,.gs-item:hover .gs-icon{border-radius:10px}.gs-icon-emoji{font-size:18px;line-height:1}.gs-icon-img{height:100%;object-fit:cover;width:100%}.gs-icon-discover{background:#2d2d4e;color:#5a72e0}.gs-active .gs-icon-discover,.gs-item:hover .gs-icon-discover{background:#5a72e0;color:#fff}.gs-icon-discover svg{stroke:currentColor;height:20px;width:20px}.gs-count-badge{background:#1a1a2e;border:2px solid #1a1a2e;border-radius:5px;bottom:-3px;color:#5eead4;font-family:sans-serif;font-family:var(--font-primary,sans-serif);font-size:9px;font-weight:700;line-height:1.3;min-width:16px;padding:1px 4px;position:absolute;right:-3px;text-align:center}.gs-item-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.gs-item-name{color:#fffc;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-item-online{align-items:center;color:#ffffff59;display:flex;font-size:11px;gap:4px}.gs-online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:6px;width:6px}.gs-minimized .gs-item{align-items:center;flex-direction:column;gap:0;justify-content:center;margin:1px auto;padding:2px 0!important;width:56px}.gs-minimized .gs-item-info{display:none}.gs-minimized .gs-icon{border-radius:18px;height:48px;width:48px}.gs-minimized .gs-active .gs-icon,.gs-minimized .gs-item:hover .gs-icon{border-radius:14px}.gs-minimized .gs-icon-emoji{font-size:22px}.gs-item.gs-dragging{opacity:.3;transform:scale(.95)}.gs-item.gs-drop-top:after{top:0}.gs-item.gs-drop-bottom:after,.gs-item.gs-drop-top:after{background:#5a72e0;border-radius:2px;content:"";height:3px;left:8px;position:absolute;right:8px}.gs-item.gs-drop-bottom:after{bottom:0}.gs-folder-item.gs-drop-merge .gs-folder-icon,.gs-item.gs-drop-merge .gs-icon{border-radius:10px!important;box-shadow:0 0 0 3px #5a72e0}.gs-item[draggable=true]{cursor:grab}.gs-item[draggable=true]:active{cursor:grabbing}.gs-folder-wrap{display:flex;flex-direction:column;width:100%}.gs-minimized .gs-folder-wrap{align-items:center}.gs-folder-item{cursor:pointer}.gs-folder-icon{align-items:center;background:#2a2a4a;border-radius:14px;box-shadow:0 2px 8px #0000004d;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden;position:relative;transition:border-radius .2s ease,transform .1s ease;width:40px}.gs-folder-open .gs-folder-icon,.gs-item:hover .gs-folder-icon{border-radius:10px}.gs-minimized .gs-folder-icon{border-radius:18px;height:48px;width:48px}.gs-minimized .gs-item:hover .gs-folder-icon{border-radius:14px}.gs-folder-stack{height:34px;position:relative;width:34px}.gs-minimized .gs-folder-stack{height:40px;width:40px}.gs-folder-stack-icon{align-items:center;border-radius:5px;box-shadow:0 1px 3px #0006;display:flex;font-size:10px;height:18px;justify-content:center;left:1px;position:absolute;top:1px;width:18px}.gs-minimized .gs-folder-stack-icon{font-size:11px;height:20px;width:20px}.gs-folder-badge{background:#1a1a2e;border:2px solid #1a1a2e;border-radius:5px;bottom:-3px;color:#a78bfa;font-family:sans-serif;font-family:var(--font-primary,sans-serif);font-size:9px;font-weight:700;line-height:1.3;min-width:16px;padding:1px 4px;position:absolute;right:-3px;text-align:center}.gs-folder-name-input{background:#0000!important;border:none!important;color:#ffffffb3!important;cursor:text;font-family:sans-serif!important;font-family:var(--font-primary,sans-serif)!important;font-size:13px!important;font-weight:600!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;outline:none;padding:0!important;width:100%}.gs-folder-name-input:focus{color:#ffffffe6!important}.gs-folder-label{display:none}.gs-minimized .gs-folder-label{color:#ffffff73;display:block;font-size:10px;font-weight:600;margin-top:2px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:56px}.gs-minimized .gs-folder-name-input{display:none}.gs-folder-chevron{color:#ffffff4d;flex-shrink:0;margin-left:auto;transition:transform .2s ease}.gs-folder-chevron.gs-chevron-collapsed{transform:rotate(-90deg)}.gs-folder-chevron svg{stroke:currentColor}.gs-minimized .gs-folder-chevron{display:none}.gs-folder-children{display:flex;flex-direction:column;position:relative;width:100%}.gs-expanded .gs-folder-children{gap:0;padding-left:16px}.gs-minimized .gs-folder-children{align-items:center;gap:2px;padding:2px 0}.gs-folder-line{background:#ffffff0f;border-radius:1px;bottom:0;position:absolute;top:0;width:2px}.gs-expanded .gs-folder-line{left:30px}.gs-minimized .gs-folder-line{left:50%;transform:translateX(-50%)}.gs-folder-children .gs-item{z-index:1}@media (max-width:768px){.gs-sidebar{box-shadow:4px 0 20px #0006;left:0;top:70px}}.cgm-overlay{align-items:center;animation:cgmFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3500}@keyframes cgmFadeIn{0%{opacity:0}to{opacity:1}}.cgm-modal{animation:cgmSlideUp .3s ease;background:#1e293b;border-radius:10px;box-shadow:0 25px 50px -12px #000c;display:flex;flex-direction:column;max-height:95vh;max-width:650px;overflow:hidden;position:relative;width:100%}@keyframes cgmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cgm-modal .cgm-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:30px;z-index:1}.cgm-modal .cgm-close-btn:hover{background:#ef4444;transform:rotate(90deg)}.cgm-modal .cgm-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 2px;padding:16px 20px 0}.cgm-modal .cgm-subtitle{color:#ffffffb3;font-size:12px;margin:0 0 12px;padding:0 20px}.cgm-modal .cgm-form{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 20px;width:100%}.cgm-modal .cgm-field{animation:none!important;animation-fill-mode:none!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;opacity:1!important;transform:none!important;width:100%!important}.cgm-modal .cgm-label{align-items:center!important;color:#fff!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:3px!important;margin:0!important;max-width:none!important;overflow:visible!important;padding:0!important;white-space:nowrap!important;width:auto!important}.cgm-modal .cgm-required{color:#ef4444;font-weight:700}.cgm-modal .cgm-optional{color:#ffffff73;font-size:11px;font-style:italic;font-weight:400}.cgm-modal .cgm-input,.cgm-modal .cgm-select,.cgm-modal .cgm-textarea{background:#ffffff14!important;border:1.5px solid #ffffff26!important;border-radius:6px!important;box-shadow:0 1px 2px #0000001a;box-sizing:border-box!important;color:#f1f5f9!important;font-family:inherit!important;font-size:13px!important;padding:7px 10px!important;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%!important}.cgm-modal .cgm-input::placeholder,.cgm-modal .cgm-textarea::placeholder{color:#fff6!important}.cgm-modal .cgm-select option{background:#1e293b;color:#f1f5f9}.cgm-modal .cgm-select optgroup{background:#0f172a;color:#ffffff80;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.5px}.cgm-modal .cgm-input:hover,.cgm-modal .cgm-select:hover,.cgm-modal .cgm-textarea:hover{background:#ffffff1f!important;border-color:#ffffff4d!important;box-shadow:0 2px 4px #00000026}.cgm-modal .cgm-input:focus,.cgm-modal .cgm-select:focus,.cgm-modal .cgm-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #3b82f626!important;outline:none!important;transform:translateY(-1px)}.cgm-modal .cgm-input.error,.cgm-modal .cgm-textarea.error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.cgm-modal .cgm-textarea{line-height:1.3;min-height:50px;resize:vertical}.cgm-modal .cgm-error{color:#f87171;font-size:11px;font-weight:500;margin-top:2px}.cgm-modal .cgm-row{grid-gap:12px!important;animation:none!important;box-sizing:border-box!important;display:grid!important;gap:12px!important;grid-template-columns:1fr 1fr!important;opacity:1!important;transform:none!important;width:100%!important}.cgm-modal .cgm-icon-color-preview{align-items:center;display:flex;gap:8px}.cgm-modal .cgm-preview-container{display:flex;flex-direction:column;gap:0;position:relative}.cgm-modal .cgm-icon-preview{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff4d;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:50px}.cgm-modal .cgm-icon-preview:before{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cgm-modal .cgm-icon-preview:hover{box-shadow:0 8px 24px #00000026,0 0 0 4px #3b82f61a;transform:scale(1.1) rotate(5deg)}.cgm-modal .cgm-icon-preview:hover:before{opacity:1}.cgm-modal .cgm-color-preview{border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 12px #0003,inset 0 -2px 8px #00000026;cursor:pointer;height:50px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:50px}.cgm-modal .cgm-color-preview:after{background:linear-gradient(180deg,#ffffff4d,#0000);content:"";height:50%;left:0;position:absolute;right:0;top:0}.cgm-modal .cgm-color-preview:hover{box-shadow:0 8px 24px #0003;transform:scale(1.1) rotate(-3deg)}.cgm-modal .cgm-picker-dropdown{animation:cgmDropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;left:0;padding:16px;position:absolute;top:calc(100% + 8px);z-index:10000}@keyframes cgmDropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cgm-modal .cgm-icon-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);max-width:280px}.cgm-modal .cgm-icon-option{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:48px}.cgm-modal .cgm-icon-option:hover{background:#fff;box-shadow:0 4px 8px #0000001a;transform:scale(1.15);z-index:1}.cgm-modal .cgm-icon-option.selected{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.cgm-modal .cgm-color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);max-width:240px}.cgm-modal .cgm-color-option{border:3px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a,inset 0 -2px 4px #00000026;cursor:pointer;height:32px;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.cgm-modal .cgm-color-option:after{background:linear-gradient(180deg,#fff6,#0000);border-radius:5px 5px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.cgm-modal .cgm-color-option:hover{box-shadow:0 4px 12px #0003,0 0 0 3px #ffffff80;transform:scale(1.2);z-index:1}.cgm-modal .cgm-color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #3b82f6,0 4px 12px #0000004d;transform:scale(1.1)}.cgm-modal .cgm-grade-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.cgm-modal .cgm-grade-chip{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:5px;box-shadow:0 1px 2px #0000001a;color:#e2e8f0;cursor:pointer;font-size:11px;font-weight:600;padding:5px 8px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.cgm-modal .cgm-grade-chip:hover{background:#3b82f626;border-color:#3b82f680;box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.cgm-modal .cgm-grade-chip.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666,inset 0 1px 0 #fff3;color:#fff}.cgm-modal .cgm-privacy-options{display:flex;flex-direction:column;gap:6px}.cgm-modal .cgm-checkbox-option,.cgm-modal .cgm-radio-option{align-items:flex-start;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:6px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;gap:7px;padding:6px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cgm-modal .cgm-checkbox-option:hover,.cgm-modal .cgm-radio-option:hover{background:#3b82f61f;border-color:#3b82f680;box-shadow:0 3px 6px #00000026,-3px 0 0 #3b82f666;transform:translateX(3px)}.cgm-modal .cgm-checkbox-option input[type=checkbox],.cgm-modal .cgm-radio-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:15px;margin-top:1px;width:15px}.cgm-modal .cgm-option-content{display:flex;flex:1 1;flex-direction:column;gap:1px}.cgm-modal .cgm-option-title{color:#f1f5f9;font-size:12px;font-weight:600}.cgm-modal .cgm-option-desc{color:#ffffff80;font-size:10px;line-height:1.2}.cgm-modal .cgm-actions{border-top:1px solid #ffffff1a;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding:12px 20px 20px}.cgm-modal .cgm-btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:all .2s ease}.cgm-modal .cgm-btn-cancel:hover{background:#ffffff26}.cgm-modal .cgm-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:7px 18px;text-transform:uppercase;transition:all .2s ease}.cgm-modal .cgm-btn-submit:hover{box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}@media (max-width:768px){.cgm-modal{max-width:100%}.cgm-modal .cgm-row{grid-template-columns:1fr!important}.cgm-modal .cgm-icon-color-preview{flex-direction:column;gap:16px}.cgm-modal .cgm-grade-grid{grid-template-columns:repeat(2,1fr)}.cgm-modal .cgm-icon-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.cgm-modal .cgm-color-preview,.cgm-modal .cgm-icon-preview{height:70px;width:70px}.cgm-modal .cgm-icon-preview{font-size:32px}.cgm-modal .cgm-grade-grid{grid-template-columns:1fr}}.subscription-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.subscription-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #0006;max-width:600px;padding:40px;position:relative;width:100%}.subscription-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:40px;justify-content:center;left:auto!important;line-height:1;padding:0;position:absolute!important;right:24px!important;top:24px!important;transition:all .3s ease;width:40px;z-index:10}.subscription-modal-close:hover{background:#ef4444;box-shadow:0 0 0 8px #ef444433,0 4px 12px #ef444466;color:#fff}.subscription-modal h2{color:var(--text-primary);font-size:32px;font-weight:800;margin:0 0 12px;text-align:center}.subscription-modal-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 auto 32px;max-width:500px;text-align:center}.subscription-plans{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.subscription-plan{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-plan:before{background:linear-gradient(135deg,#0000,#6a5acd0d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.subscription-plan:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.subscription-plan:hover:before{opacity:1}.subscription-plan.active{background:linear-gradient(135deg,var(--accent-color-alpha) 0,#6a5acd1a 100%);border-color:var(--accent-color);box-shadow:0 8px 24px var(--accent-color-alpha)}.subscription-plan.active:after{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.subscription-plan-title{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.subscription-plan-price{align-items:baseline;color:var(--accent-color);display:flex;font-size:48px;font-weight:800;gap:4px;line-height:1}.subscription-plan-price small{color:var(--text-secondary);font-size:18px;font-weight:600}.subscription-plan-note{color:var(--text-secondary);font-size:13px;font-weight:500}.subscription-actions{display:flex;gap:16px}.subscription-secondary{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:16px 24px;transition:all .2s ease}.subscription-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.subscription-primary{background:linear-gradient(135deg,var(--accent-color) 0,#5a4fcf 100%);border:none;border-radius:12px;box-shadow:0 4px 16px var(--accent-color-alpha);color:#fff;cursor:pointer;flex:2 1;font-size:15px;font-weight:700;padding:16px 32px;transition:all .3s ease}.subscription-primary:hover:not(:disabled){box-shadow:0 8px 24px var(--accent-color-alpha);transform:translateY(-2px)}.subscription-primary:disabled,.subscription-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.subscription-hint{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:14px;margin-top:16px;padding:14px 18px;text-align:center}@media (max-width:640px){.subscription-modal{padding:32px 24px}.subscription-modal h2{font-size:28px}.subscription-plans{gap:16px;grid-template-columns:1fr}.subscription-actions{flex-direction:column}.subscription-primary,.subscription-secondary{flex:1 1}}.groups-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8,32px);padding-bottom:24px;padding-bottom:var(--space-6,24px)}.groups-title{font-size:36px;font-size:var(--text-4xl,36px);font-weight:700;font-weight:var(--font-bold,700);line-height:1.25;line-height:var(--leading-tight,1.25);margin:0}.title-study{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-weight:400;font-weight:var(--font-normal,400)}.title-groups{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:700;font-weight:var(--font-bold,700)}.create-group-button{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--text-base,16px);font-weight:600;font-weight:var(--font-semibold,600);gap:8px;gap:var(--space-2,8px);padding:12px 24px;padding:var(--space-3,12px) var(--space-6,24px);transition:all .25s;transition:all var(--transition-base,.25s)}.create-group-button:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-group-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.button-icon{font-size:20px;font-weight:700;font-weight:var(--font-bold,700)}.premium-tag{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;box-shadow:0 2px 8px #fbbf2466;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-left:4px;padding:2px 6px;text-transform:uppercase}@media (max-width:768px){.groups-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.groups-title{font-size:30px;font-size:var(--text-3xl,30px)}.create-group-button{justify-content:center;width:100%}}.groups-filters{align-items:center;display:flex;gap:16px;gap:var(--space-4,16px);margin-bottom:24px;margin-bottom:var(--space-6,24px)}.search-container{flex:1 1;position:relative}.search-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:18px;left:16px;left:var(--space-4,16px);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-size:var(--text-base,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);transition:all .15s;transition:all var(--transition-fast,.15s);width:100%}.search-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.filter-dropdown{position:relative}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-position:right var(--space-3,12px) center;background-repeat:no-repeat;background-size:20px;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);padding:12px 40px 12px 16px;padding:var(--space-3,12px) var(--space-10,40px) var(--space-3,12px) var(--space-4,16px);transition:all .15s;transition:all var(--transition-fast,.15s)}.filter-select:focus,.filter-select:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.groups-filters{align-items:stretch;flex-direction:column}.search-container{max-width:none}.filter-dropdown,.filter-select{width:100%}}.group-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);cursor:pointer;overflow:hidden;padding:20px;padding:var(--space-5,20px);position:relative;transition:all .25s;transition:all var(--transition-base,.25s)}.group-card:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.group-card:hover .quick-view-button{opacity:1;transform:translateY(0)}.group-card:hover .group-icon{transform:scale(1.05)}.adult-only-badge{background:var(--adult-only-bg);border:1px solid var(--adult-only-border);border-radius:4px;border-radius:var(--radius-md,4px);color:var(--adult-only-text);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);padding:4px 12px;padding:var(--space-1,4px) var(--space-3,12px);position:absolute;right:12px;right:var(--space-3,12px);top:12px;top:var(--space-3,12px);z-index:2}.group-card-content{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4,16px)}.group-icon{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;font-size:28px;height:60px;height:var(--group-icon-size,60px);justify-content:center;transition:transform .25s;transition:transform var(--transition-base,.25s);width:60px;width:var(--group-icon-size,60px)}.group-info{flex:1 1;min-width:0}.group-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-size:var(--text-lg,18px);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.25;line-height:var(--leading-tight,1.25);margin:0 0 4px;margin:0 0 var(--space-1,4px) 0}.group-tagline{line-height:1.5;line-height:var(--leading-normal,1.5);margin:0 0 12px;margin:0 0 var(--space-3,12px) 0}.group-stats,.group-tagline{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--text-sm,14px)}.group-stats{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.member-count{font-weight:500;font-weight:var(--font-medium,500)}.stat-separator{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.online-status{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-weight:500;font-weight:var(--font-medium,500);gap:6px}.online-dot-glow{background:#4ade80;border-radius:50%;box-shadow:0 0 4px #4ade80,0 0 10px #4ade8080,0 0 20px #4ade8040;flex-shrink:0;height:8px;width:8px}.quick-view-button{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);bottom:16px;bottom:var(--space-4,16px);color:#fff;cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);opacity:0;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);position:absolute;right:16px;right:var(--space-4,16px);transform:translateY(4px);transition:all .25s;transition:all var(--transition-base,.25s);z-index:3}.quick-view-button:hover{background:#2563eb}@media (max-width:768px){.group-card-content{flex-direction:row}.group-icon{font-size:24px;height:50px;width:50px}.group-name{font-size:16px;font-size:var(--text-base,16px)}.quick-view-button{margin-top:12px;margin-top:var(--space-3,12px);opacity:1;position:static;transform:translateY(0);width:100%}}.gqv-overlay{align-items:center;animation:gqv-fade-in .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4,16px);position:fixed;z-index:9999}@keyframes gqv-fade-in{0%{opacity:0}to{opacity:1}}.gqv-modal{animation:gqv-slide-up .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 20px 60px #0003,0 4px 16px #0000001a;max-width:480px;overflow:hidden;width:100%}@keyframes gqv-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.gqv-header{align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;padding:var(--space-5,20px) var(--space-5,20px) var(--space-4,16px)}.gqv-group-identity,.gqv-header{display:flex;gap:12px;gap:var(--space-3,12px)}.gqv-group-identity{align-items:center;min-width:0}.gqv-group-icon{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.gqv-group-title{min-width:0}.gqv-group-title h2{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-size:var(--text-lg,18px);font-weight:700;font-weight:var(--font-bold,700);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gqv-tagline{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-size:var(--text-sm,13px);line-height:1.4;margin:2px 0 0;overflow:hidden}.gqv-close-btn,.gqv-tagline{color:#6b7280;color:var(--text-secondary,#6b7280)}.gqv-close-btn{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;transition:all var(--transition-fast,.15s);width:32px}.gqv-close-btn:hover{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.gqv-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:1px;margin:0 20px;margin:0 var(--space-5,20px)}.gqv-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:14px;font-size:var(--text-sm,14px);gap:12px;gap:var(--space-3,12px);justify-content:center;padding:32px;padding:var(--space-8,32px)}.gqv-spinner{animation:gqv-spin .9s linear infinite;color:#3b82f6;color:var(--primary,#3b82f6)}@keyframes gqv-spin{to{transform:rotate(1turn)}}.gqv-error{color:#ef4444;color:var(--error,#ef4444);font-size:14px;font-size:var(--text-sm,14px);padding:20px;padding:var(--space-5,20px);text-align:center}.gqv-stats-grid{grid-gap:12px;grid-gap:var(--space-3,12px);display:grid;gap:12px;gap:var(--space-3,12px);grid-template-columns:1fr 1fr;padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.gqv-stat-card{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);overflow:hidden;padding:16px;padding:var(--space-4,16px);position:relative;transition:transform .15s;transition:transform var(--transition-fast,.15s)}.gqv-stat-card:before{border-radius:12px 12px 0 0;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.gqv-accent-blue:before{background:#3b82f6}.gqv-accent-green:before{background:#22c55e}.gqv-accent-purple:before{background:#a855f7}.gqv-accent-amber:before{background:#f59e0b}.gqv-stat-icon-wrapper{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;height:36px;justify-content:center;position:relative;width:36px}.blue-icon{background:#3b82f61f;color:#3b82f6}.green-icon{background:#22c55e1f;color:#22c55e}.purple-icon{background:#a855f71f;color:#a855f7}.amber-icon{background:#f59e0b1f;color:#f59e0b}.chat-icon-wrapper{background:#6366f11f;color:#6366f1}.gqv-pulse-ring{animation:gqv-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid #22c55e;border-radius:50%;inset:-4px;opacity:0;position:absolute}@keyframes gqv-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:0;transform:scale(1.4)}}.gqv-stat-value{color:#111827;color:var(--text-primary,#111827);font-size:28px;font-size:var(--text-2xl,28px);font-weight:700;font-weight:var(--font-bold,700);line-height:1;margin-top:4px;margin-top:var(--space-1,4px)}.gqv-stat-label{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600)}.gqv-stat-sublabel{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;font-size:var(--text-xs,11px)}.gqv-chat-activity-card{align-items:center;flex-direction:row;gap:12px;gap:var(--space-3,12px);grid-column:1/-1}.gqv-chat-activity-card:before{background:#6366f1}.gqv-chat-activity-card .gqv-stat-body{flex:1 1;min-width:0}.gqv-activity-badge{border-radius:999px;flex-shrink:0;font-size:12px;font-size:var(--text-xs,12px);font-weight:700;font-weight:var(--font-bold,700);letter-spacing:.02em;padding:4px 12px;white-space:nowrap}.activity-silent{background:#f3f4f6;color:#6b7280}.activity-quiet{background:#6366f11a;color:#6366f1}.activity-active{background:#22c55e1f;color:#16a34a}.activity-buzzing{background:#f59e0b1f;color:#d97706}.activity-fire{background:#ef44441f;color:#dc2626}.gqv-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;gap:var(--space-3,12px);justify-content:flex-end;padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.gqv-close-secondary{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:all .15s;transition:all var(--transition-fast,.15s)}.gqv-close-secondary:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);color:#111827;color:var(--text-primary,#111827)}.gqv-view-btn{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);gap:6px;padding:8px 20px;padding:var(--space-2,8px) var(--space-5,20px);transition:all .15s;transition:all var(--transition-fast,.15s)}.gqv-view-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb);transform:translateX(2px)}[data-theme=dark] .gqv-modal{background:#1f2937;background:var(--bg-primary,#1f2937);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .gqv-stat-card{background:#111827;background:var(--bg-secondary,#111827);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .gqv-close-btn{background:#374151;background:var(--bg-secondary,#374151);border-color:#4b5563;border-color:var(--border-color,#4b5563)}[data-theme=dark] .activity-silent{background:#ffffff0f;color:#9ca3af}@media (max-width:480px){.gqv-stats-grid{grid-template-columns:1fr}.gqv-chat-activity-card{grid-column:auto}.gqv-modal{animation:gqv-slide-up-mobile .24s cubic-bezier(.34,1.56,.64,1);border-radius:16px 16px 0 0;border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;bottom:0;left:0;max-width:100%;position:fixed;right:0}@keyframes gqv-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gqv-overlay{align-items:flex-end}}.groups-grid{grid-gap:20px;grid-gap:var(--space-5,20px);animation:fadeIn .3s ease-in;display:grid;gap:20px;gap:var(--space-5,20px);grid-template-columns:repeat(2,1fr)}.groups-grid .group-card{animation:slideIn .3s ease-out backwards}.groups-grid .group-card:first-child{animation-delay:.05s}.groups-grid .group-card:nth-child(2){animation-delay:.1s}.groups-grid .group-card:nth-child(3){animation-delay:.15s}.groups-grid .group-card:nth-child(4){animation-delay:.2s}.groups-grid .group-card:nth-child(5){animation-delay:.25s}.groups-grid .group-card:nth-child(6){animation-delay:.3s}.groups-empty-state{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:64px 32px;padding:var(--space-16,64px) var(--space-8,32px);text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--space-4,16px)}.groups-empty-state h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:24px;font-size:var(--text-2xl,24px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.groups-empty-state p{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:16px;font-size:var(--text-base,16px);margin:0}@media (max-width:1024px){.groups-grid{gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr}}@media (max-width:768px){.groups-grid{gap:12px;gap:var(--space-3,12px)}.groups-empty-state{padding:48px 16px;padding:var(--space-12,48px) var(--space-4,16px)}.empty-state-icon{font-size:48px}}.groups-page{background:#f8f9fa;background:var(--bg-primary,#f8f9fa)}.groups-layout{display:flex;height:calc(100vh - 80px);overflow:hidden}.groups-main-content{flex:1 1;height:100%;margin:0 auto;max-width:1125px;min-width:0;overflow-y:auto;padding:24px}@media (max-width:768px){.groups-layout{gap:0;height:calc(100vh - 70px)}.groups-main-content{padding:16px}}@media (max-width:480px){.groups-layout{height:calc(100vh - 60px)}.groups-main-content{padding:12px}}.base-modal-overlay{align-items:center;animation:baseModalFadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3500}@keyframes baseModalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.base-modal{animation:baseModalSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0003,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}[data-theme=dark] .base-modal{background:linear-gradient(145deg,#1e293b,#1e293bf2);border-color:#ffffff1a}@keyframes baseModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.base-modal.modal-wide{max-width:1000px}.base-modal.modal-extra-wide{max-width:1200px}.base-modal.modal-small{max-width:400px}.base-modal-close{align-items:center;background:#0000000d;background:var(--bg-secondary,#0000000d);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}.base-modal-close:hover{background:#ef4444;box-shadow:0 0 0 8px #ef444433,0 4px 12px #ef444466;color:#fff;transform:rotate(90deg) scale(1.1)}.base-modal-close:active{transform:rotate(90deg) scale(.95)}.base-modal-header{padding:28px 28px 0}.base-modal-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:28px;font-weight:800;line-height:1.2;margin:0 56px 12px 0}.base-modal-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:15px;font-weight:400;line-height:1.5;margin:0 0 24px}.base-modal-body{flex:1 1;overflow-y:auto;padding:0 28px 28px}.base-modal-body::-webkit-scrollbar{width:8px}.base-modal-body::-webkit-scrollbar-track{background:#0000;border-radius:10px}.base-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.base-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary,#9ca3af)}.base-modal-footer{background:linear-gradient(180deg,#0000,#00000005);border-radius:0 0 20px 20px;border-top:1px solid #00000014;border-top:1px solid var(--border-color,#00000014);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 28px}.base-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary,#3b82f6) 0,#2563eb 100%);border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f64d,0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.base-modal-btn-primary:before{background:linear-gradient(135deg,#0000,#fff3);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.base-modal-btn-primary:hover{box-shadow:0 8px 24px #3b82f666,0 4px 8px #00000026;transform:translateY(-2px) scale(1.02)}.base-modal-btn-primary:hover:before{opacity:1}.base-modal-btn-primary:active{transform:translateY(0) scale(.98)}.base-modal-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.base-modal-btn-secondary{background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.base-modal-btn-secondary:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-color:#9ca3af;border-color:var(--text-tertiary,#9ca3af);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.base-modal-btn-secondary:active{transform:translateY(0)}.base-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 14px #ef44444d,0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.base-modal-btn-danger:hover{box-shadow:0 8px 24px #ef444466,0 4px 8px #00000026;transform:translateY(-2px) scale(1.02)}.base-modal-btn-danger:active{transform:translateY(0) scale(.98)}.base-modal.loading{opacity:.7;pointer-events:none}.base-modal-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}@media (max-width:768px){.base-modal-overlay{padding:16px}.base-modal{border-radius:16px;max-height:95vh}.base-modal-body,.base-modal-footer,.base-modal-header{padding-left:20px;padding-right:20px}.base-modal-title{font-size:24px;margin-right:48px}.base-modal-subtitle{font-size:14px}.base-modal-close{height:36px;right:16px;top:16px;width:36px}.base-modal-footer{flex-direction:column-reverse}.base-modal-btn-danger,.base-modal-btn-primary,.base-modal-btn-secondary{justify-content:center;width:100%}.base-modal-footer{gap:8px}}@media (max-width:480px){.base-modal{border-radius:0;max-height:100vh}.base-modal-overlay{padding:0}}@media (prefers-reduced-motion:reduce){.base-modal,.base-modal-btn-danger,.base-modal-btn-primary,.base-modal-btn-secondary,.base-modal-close,.base-modal-overlay{animation:none;transition:none}.base-modal-btn-danger:hover,.base-modal-btn-primary:hover,.base-modal-close:hover{transform:none}}.gs-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:10px 16px}.gs-tabs{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding:4px}[data-theme=dark] .gs-tabs{background:#ffffff0d}.gs-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease;white-space:nowrap}.gs-tab:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.gs-tab-active,.gs-tab:hover{background:#fff;background:var(--bg-primary,#fff)}.gs-tab-active{box-shadow:0 2px 8px #00000014;color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600}[data-theme=dark] .gs-tab-active,[data-theme=dark] .gs-tab:hover{background:#ffffff1a}.gs-tab-badge{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.gs-panel{animation:gsPanelFadeIn .2s ease}@keyframes gsPanelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.gs-panel-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:15px;font-weight:700;margin:0 0 2px}.gs-panel-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.4;margin:0 0 12px}.gs-empty,.gs-loading{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:14px;padding:32px 0;text-align:center}.gs-member-list{display:flex;flex-direction:column;gap:2px}.gs-member-row{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s ease}.gs-member-row:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}[data-theme=dark] .gs-member-row:hover{background:#ffffff0d}.gs-member-info{align-items:center;display:flex;gap:12px;min-width:0}.gs-member-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary,#3b82f6),#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.gs-member-avatar img{height:100%;object-fit:cover;width:100%}.gs-member-avatar span{color:#fff;font-size:14px;font-weight:700}.gs-avatar-banned{background:linear-gradient(135deg,#ef4444,#dc2626);opacity:.7}.gs-member-details{align-items:center;display:flex;gap:8px;min-width:0}.gs-member-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-role-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.gs-role-admin{background:#f59e0b26;color:#d97706}.gs-role-mod{background:#3b82f626;color:#3b82f6}.gs-role-banned{background:#ef444426;color:#ef4444}.gs-member-actions{flex-shrink:0}.gs-action-btn,.gs-member-actions{align-items:center;display:flex;gap:4px}.gs-action-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:12px;font-weight:500;padding:6px 8px;transition:all .15s ease}.gs-action-btn:hover{transform:translateY(-1px)}.gs-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.gs-action-timeout:hover{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.gs-action-kick:hover{background:#f973161a;border-color:#f97316;color:#ea580c}.gs-action-ban:hover{background:#ef44441a;border-color:#ef4444;color:#dc2626}.gs-action-promote:hover{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.gs-action-demote:hover{background:#ef44441a;border-color:#ef4444;color:#dc2626}.gs-action-unban{background:#22c55e1a;border-color:#22c55e;color:#16a34a;font-weight:600;padding:6px 14px}.gs-action-unban:hover{background:#22c55e;color:#fff}.gs-timeout-picker{align-items:center;animation:gsPanelFadeIn .15s ease;display:flex;flex-wrap:wrap;gap:3px}.gs-timeout-option{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:4px;color:#d97706;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .15s ease}.gs-timeout-option:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.gs-timeout-cancel{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;padding:4px}.gs-timeout-cancel:hover{background:#ef44441a;color:#ef4444}.gs-toggle-row{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px}[data-theme=dark] .gs-toggle-row{background:#ffffff0d;border-color:#ffffff1a}.gs-toggle-info{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:15px;font-weight:500;gap:10px}.gs-toggle{background:#d1d5db;background:var(--border-color,#d1d5db);border:none;border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .25s ease;width:48px}.gs-toggle-on{background:#3b82f6;background:var(--primary,#3b82f6)}.gs-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;height:22px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:22px}.gs-toggle-on .gs-toggle-thumb{transform:translateX(22px)}.gs-banner-upload{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px 16px;text-align:center;transition:all .2s ease}.gs-banner-upload:hover{background:#3b82f60d;background:var(--accent-color-alpha,#3b82f60d);border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);color:#3b82f6;color:var(--accent-color,#3b82f6)}.gs-banner-upload.gs-uploading{opacity:.7;pointer-events:none}.gs-banner-hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px}.gs-banner-preview{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;position:relative}.gs-banner-preview-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;height:130px;overflow:hidden;position:relative}.gs-banner-hero-overlay{background:linear-gradient(180deg,#0000004d 0,#0009);inset:0;pointer-events:none;position:absolute;z-index:1}.gs-banner-hero-content{align-items:center;display:flex;gap:12px;left:16px;position:absolute;top:16px;z-index:2}.gs-banner-hero-icon{align-items:center;border-radius:50%;box-shadow:0 2px 6px #0000004d;display:flex;flex-shrink:0;font-size:21px;height:42px;justify-content:center;overflow:hidden;width:42px}.gs-banner-hero-info{display:flex;flex-direction:column;gap:3px}.gs-banner-hero-name{color:#fff;font-size:18px;font-weight:700;line-height:1.2;text-shadow:0 1px 3px #00000080}.gs-banner-hero-meta{align-items:center;color:#ffffffd9;display:flex;font-size:15px;gap:6px;text-shadow:0 1px 2px #0006}.gs-banner-hero-sep{opacity:.6}.gs-banner-hero-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 4px #4ade80,0 0 8px #4ade8080;height:7px;width:7px}.gs-banner-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .15s ease;width:32px}.gs-banner-remove:hover{background:#ef4444}.gs-banner-actions{align-items:center;display:flex;gap:8px;margin-top:6px}.gs-banner-replace{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:7px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 11px;transition:all .15s ease}.gs-banner-replace:hover{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);color:#3b82f6;color:var(--accent-color,#3b82f6)}.gs-spinner{animation:gsSpinnerRotate 1s linear infinite}@keyframes gsSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gs-section-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:1px;margin:14px 0}[data-theme=dark] .gs-section-divider{background:#ffffff1a}.gs-avatar-section{align-items:center;display:flex;gap:14px}.gs-avatar-preview{flex-shrink:0}.gs-avatar-image-wrapper{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;box-shadow:0 2px 6px #0000001a;height:56px;overflow:hidden;position:relative;width:56px}.gs-avatar-image{height:100%;object-fit:cover;width:100%}.gs-avatar-remove{align-items:center;background:#0009;border:none;border-radius:50%;bottom:1px;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:1px;transition:background .15s ease;width:22px}.gs-avatar-remove:hover{background:#ef4444}.gs-avatar-placeholder{align-items:center;border:2px dashed #d1d5db;border:2px dashed var(--border-color,#d1d5db);border-radius:50%;box-shadow:0 2px 6px #00000014;display:flex;height:56px;justify-content:center;width:56px}.gs-avatar-emoji{font-size:24px;line-height:1}.gs-avatar-controls{display:flex;flex-direction:column;gap:8px}.gs-avatar-uploading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:8px}.gs-color-picker-section{align-items:center;display:flex;gap:12px}.gs-color-current{border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;box-shadow:0 2px 6px #0000001f;flex-shrink:0;height:32px;width:32px}[data-theme=dark] .gs-color-current{border-color:#ffffff26}.gs-color-grid{display:flex;flex-wrap:wrap;gap:8px}.gs-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;outline:none;padding:0;transition:transform .12s ease,box-shadow .12s ease;width:24px}.gs-color-swatch:hover{box-shadow:0 2px 8px #00000040;transform:scale(1.15)}.gs-color-swatch.gs-color-active{border-color:#fff;box-shadow:0 2px 8px #0000004d;outline:2px solid #374151;outline:2px solid var(--text-primary,#374151);outline-offset:1px;transform:scale(1.1)}@media (max-width:768px){.gs-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.gs-tab{font-size:12px;padding:8px 10px}.gs-tab span{display:none}.gs-member-row{align-items:flex-start;flex-direction:column;gap:8px}.gs-member-actions{flex-wrap:wrap;margin-left:48px}.gs-avatar-section{align-items:flex-start;flex-direction:column}}.group-detail-header{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;width:100%}.group-detail-header.has-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0000}.group-banner-overlay{background:linear-gradient(180deg,#00000059 0,#0000008c);inset:0;pointer-events:none;position:absolute;z-index:1}.has-banner .group-header-actions,.has-banner .group-header-content{position:relative;z-index:2}.has-banner .group-detail-title,.has-banner .group-online-status,.has-banner .member-count-detail,.has-banner .online-text,.has-banner .status-separator{color:#fff;text-shadow:0 1px 3px #0006}.has-banner .btn-settings{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-color:#ffffff4d;color:#fff}.has-banner .btn-settings:hover{background:#ffffff59;border-color:#ffffff80;color:#fff}.group-detail-header .group-header-content{padding:24px;padding:var(--space-6,24px)}.has-banner .group-header-content{padding:32px 24px 16px;padding:var(--space-8,32px) var(--space-6,24px) var(--space-4,16px)}.group-header-content{align-items:center;display:flex;gap:16px;gap:var(--space-4,16px);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.group-icon-large{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;font-size:40px;height:80px;height:var(--group-icon-size-lg,80px);justify-content:center;width:80px;width:var(--group-icon-size-lg,80px)}.group-header-info{flex:1 1;min-width:0}.group-detail-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:30px;font-size:var(--text-3xl,30px);font-weight:700;font-weight:var(--font-bold,700);line-height:1.25;line-height:var(--leading-tight,1.25);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.group-online-status{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:8px;gap:var(--space-2,8px)}.online-indicator{background:#4ade80;border-radius:50%;box-shadow:0 0 4px #4ade80,0 0 10px #4ade8080,0 0 20px #4ade8040;height:8px;width:8px}.member-count-detail{font-weight:500;font-weight:var(--font-medium,500)}.status-separator{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.online-text{font-weight:500;font-weight:var(--font-medium,500)}.group-header-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);padding:0 24px 24px;padding:0 var(--space-6,24px) var(--space-6,24px)}.btn-action{align-items:center;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:all .15s;transition:all var(--transition-fast,.15s)}.btn-action:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.btn-join{padding:12px 24px;padding:var(--space-3,12px) var(--space-6,24px)}@media (max-width:768px){.group-header-content{align-items:flex-start;flex-direction:row}.group-icon-large{font-size:30px;height:60px;width:60px}.group-detail-title{font-size:24px;font-size:var(--text-2xl,24px)}.group-header-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}}.join-action{align-items:flex-end;display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.join-error{color:#ef4444;color:var(--error,#ef4444);font-size:14px;font-size:var(--text-sm,14px);margin:0}.btn-join:disabled{cursor:not-allowed;opacity:.6}.btn-settings{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;height:38px;justify-content:center;min-width:38px;padding:8px;padding:var(--space-2,8px);transition:all .2s ease;width:38px}.btn-settings svg{flex-shrink:0;height:18px;width:18px}.btn-settings:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6);transform:rotate(45deg)}.group-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);margin-bottom:24px;margin-bottom:var(--space-6,24px);padding-bottom:16px;padding-bottom:var(--space-4,16px)}.group-tab,.group-tabs{display:flex;gap:8px;gap:var(--space-2,8px)}.group-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:16px;font-size:var(--text-base,16px);font-weight:500;font-weight:var(--font-medium,500);margin-bottom:-2px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);position:relative;transition:all .15s;transition:all var(--transition-fast,.15s)}.group-tab:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px 8px 0 0;border-radius:var(--radius-lg,8px) var(--radius-lg,8px) 0 0;color:#1f2937;color:var(--text-primary,#1f2937)}.group-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600;font-weight:var(--font-semibold,600)}.tab-icon{font-size:18px}@media (max-width:768px){.group-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.group-tab{white-space:nowrap}}.post-composer{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-sm);display:flex;gap:12px;gap:var(--space-3,12px);margin-bottom:24px;margin-bottom:var(--space-6,24px);padding:16px;padding:var(--space-4,16px);width:100%}.composer-avatar{flex-shrink:0}.avatar-placeholder{border-radius:50%;font-size:20px;height:40px;width:40px}.composer-form{display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.composer-textarea{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:var(--text-primary);font-family:inherit;font-size:16px;font-size:var(--text-base,16px);min-height:80px;padding:12px;padding:var(--space-3,12px);resize:vertical;transition:all .15s;transition:all var(--transition-fast,.15s);width:100%}.composer-textarea:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.image-previews{grid-gap:8px;grid-gap:var(--space-2,8px);display:grid;gap:8px;gap:var(--space-2,8px);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-lg,8px)}.remove-image{background:#000000b3;padding:0;transition:all .15s;transition:all var(--transition-fast,.15s)}.remove-image:hover{background:#ef4444e6}.composer-toolbar{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding-top:8px;padding-top:var(--space-2,8px)}.toolbar-actions{display:flex;gap:8px;gap:var(--space-2,8px);position:relative}.toolbar-button{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;transition:all .15s;transition:all var(--transition-fast,.15s);width:36px}.toolbar-button:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa)}.toolbar-button svg{flex-shrink:0;height:18px;min-width:18px;width:18px}.emoji-picker{grid-gap:4px;grid-gap:var(--space-1,4px);animation:slideDown .2s ease-out;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:var(--shadow-lg);display:grid;gap:4px;gap:var(--space-1,4px);grid-template-columns:repeat(5,1fr);left:0;margin-top:8px;margin-top:var(--space-2,8px);padding:8px;padding:var(--space-2,8px);position:absolute;top:100%;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-option{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md,6px);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .15s;transition:all var(--transition-fast,.15s);width:32px}.emoji-option:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);transform:scale(1.2)}.toolbar-right{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.char-count{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:var(--text-xs,12px)}.btn-post{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:all .25s;transition:all var(--transition-base,.25s)}.btn-post:hover:not(:disabled){background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-post:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.post-composer{flex-direction:column;gap:12px;gap:var(--space-3,12px)}.composer-textarea{min-height:100px}.toolbar-right{justify-content:space-between;width:100%}.btn-post{flex:1 1}}.comments-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:12px;margin-top:var(--space-3,12px);padding-top:12px;padding-top:var(--space-3,12px)}.view-all-comments-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:block;font-size:12px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2,8px);padding:4px 0;transition:color .15s;transition:color var(--transition-fast,.15s)}.view-all-comments-btn:hover{color:#3b82f6;color:var(--primary,#3b82f6)}.comments-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.comments-list.expanded{max-height:400px;overflow-y:auto;padding-right:4px}.comments-list.expanded::-webkit-scrollbar{width:4px}.comments-list.expanded::-webkit-scrollbar-track{background:#0000}.comments-list.expanded::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:4px}.comment-item{display:flex;flex-direction:column}.comment{align-items:flex-start;display:flex;gap:8px}.comment-avatar{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;overflow:hidden;width:28px}.comment-avatar.small{font-size:9px;height:22px;width:22px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-content-wrapper{flex:1 1;min-width:0}.comment-bubble{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:14px;display:inline-block;max-width:100%;padding:6px 10px}.comment-author{display:block;font-size:11px;font-weight:600;margin-bottom:1px}.comment-author,.comment-text{color:#1f2937;color:var(--text-primary,#1f2937)}.comment-text{word-wrap:break-word;font-size:12px;line-height:1.4;margin:0}.comment-meta{align-items:center;display:flex;gap:8px;margin-top:1px;padding-left:6px}.comment-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px}.comment-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:3px;padding:1px 4px;transition:all .15s;transition:all var(--transition-fast,.15s)}.comment-action-btn:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);color:#3b82f6;color:var(--primary,#3b82f6)}.reply-form{display:flex;gap:6px;margin-top:4px}.reply-input{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:11px;padding:4px 10px;transition:all .15s;transition:all var(--transition-fast,.15s)}.reply-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 2px #3b82f61a;outline:none}.reply-submit{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .25s;transition:all var(--transition-base,.25s)}.reply-submit:hover:not(:disabled){background:#2563eb}.reply-submit:disabled{cursor:not-allowed;opacity:.5}.replies-section{margin-left:36px;margin-top:2px}.view-replies-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:4px;padding:2px 0;transition:color .15s;transition:color var(--transition-fast,.15s)}.view-replies-btn:hover{color:#3b82f6;color:var(--primary,#3b82f6)}.replies-list{flex-direction:column;margin-top:4px}.comment-reply,.replies-list{display:flex;gap:6px;position:relative}.comment-reply{align-items:flex-start;padding-left:12px}.reply-thread-line{border-radius:1px;bottom:0;top:0;width:2px}.reply-thread-line,.reply-thread-line:before{background:#e5e7eb;background:var(--border-color,#e5e7eb);left:0;position:absolute}.reply-thread-line:before{content:"";height:2px;top:11px;width:8px}.comment-form{display:flex;gap:8px;margin-top:12px;margin-top:var(--space-3,12px)}.comment-input{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:12px;padding:6px 12px;transition:all .15s;transition:all var(--transition-fast,.15s)}.comment-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-submit{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .25s;transition:all var(--transition-base,.25s)}.comment-submit:hover:not(:disabled){background:#2563eb}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.comment-error{color:#ef4444;font-size:10px;margin-top:4px}@media (max-width:768px){.comment-form,.reply-form{flex-direction:column}.comment-submit,.reply-submit{align-self:flex-end}.replies-section{margin-left:24px}}.group-post{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:20px;padding:var(--space-5,20px);transition:all .25s;transition:all var(--transition-base,.25s);width:100%}.group-post:hover{box-shadow:var(--shadow-md)}.group-post.pinned{background:#3b82f60d;border-left:4px solid #3b82f6;border-left:4px solid var(--primary,#3b82f6)}.pin-indicator{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600;font-weight:var(--font-semibold,600);gap:4px;gap:var(--space-1,4px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.post-author-info{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.author-avatar{flex-shrink:0;height:44px;position:relative;width:44px}.author-avatar img,.avatar-placeholder{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);display:flex;font-size:16px;font-weight:600;font-weight:var(--font-semibold,600);justify-content:center}.online-dot{background:#4caf50;background:var(--status-online,#4caf50);border:2px solid var(--card-bg);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.author-details{display:flex;flex-direction:column;gap:2px}.author-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;font-weight:var(--font-semibold,600)}.post-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;gap:8px;gap:var(--space-2,8px)}.meta-separator{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.user-type{border-radius:12px;font-size:10px;font-weight:500;font-weight:var(--font-medium,500);padding:2px 8px}.user-type.parent{background:#3b82f61a;color:#3b82f6;color:var(--primary,#3b82f6)}.user-type.learner{background:#4caf501a;color:#4caf50}.post-menu-wrapper{position:relative}.post-menu-button{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;transition:all .15s;transition:all var(--transition-fast,.15s);width:32px}.post-menu-button:hover{background:var(--bg-secondary);color:#1f2937;color:var(--text-primary,#1f2937)}.post-menu-dropdown{animation:menuFadeIn .15s ease-out;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item{background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:12px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;transition:background .15s;transition:background var(--transition-fast,.15s);width:100%}.menu-item:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.menu-item.danger{color:#c32222}.menu-item.danger:hover{background:#fdeded}.edited-badge{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px;font-style:italic}.edit-form{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.edit-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:14px;line-height:1.625;line-height:var(--leading-relaxed,1.625);padding:12px;padding:var(--space-3,12px);resize:vertical;width:100%}.edit-textarea:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626;outline:none}.edit-actions{gap:8px;gap:var(--space-2,8px);justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:6px;border-radius:var(--radius-md,6px);cursor:pointer;font-size:12px;font-weight:600;font-weight:var(--font-semibold,600);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:all .15s;transition:all var(--transition-fast,.15s)}.btn-cancel{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-cancel:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb)}.btn-save{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.btn-save:hover{background:#2563eb}.btn-save:disabled{cursor:not-allowed;opacity:.5}.comments-paused-notice{background:#fcf6e8;border:1px solid #f0e0c2;border-radius:8px;border-radius:var(--radius-lg,8px);color:#7a5c1f;font-size:12px;margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.group-post.loading{opacity:.6;pointer-events:none}.post-content{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.post-text{word-wrap:break-word;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;line-height:1.625;line-height:var(--leading-relaxed,1.625);margin:0 0 12px;margin:0 0 var(--space-3,12px) 0;white-space:pre-wrap}.post-images{grid-gap:4px;border-radius:8px;border-radius:var(--radius-lg,8px);display:grid;gap:4px;margin-bottom:12px;margin-bottom:var(--space-3,12px);overflow:hidden}.post-images.count-1{grid-template-columns:1fr}.post-images.count-2,.post-images.count-3{grid-template-columns:1fr 1fr}.post-images.count-3{grid-template-rows:auto auto}.post-images.count-3 .post-image-btn:first-child{grid-column:1/-1}.post-images.count-4{grid-template-columns:1fr 1fr}.post-image-btn{all:unset;background:#111;background:var(--bg-secondary,#111);border-radius:4px;cursor:zoom-in;display:block;overflow:hidden;position:relative}.post-image-btn:after{background:#0000;content:"";inset:0;pointer-events:none;position:absolute;transition:background .2s ease}.post-image-btn:hover:after{background:#00000014}.post-images.count-1 .post-image-btn{align-items:center;border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;justify-content:center}.post-images.count-1 .post-image{border-radius:8px;border-radius:var(--radius-lg,8px);display:block;max-height:420px;object-fit:contain;transition:transform .3s ease;width:100%}.post-images:not(.count-1) .post-image-btn{align-items:center;aspect-ratio:4/3;display:flex;justify-content:center}.post-images:not(.count-1) .post-image{display:block;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.post-image-btn:hover .post-image{transform:scale(1.02)}.post-image-lightbox-overlay{align-items:center;animation:postLightboxFadeIn .2s ease;background:#000c;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4000}@keyframes postLightboxFadeIn{0%{opacity:0}to{opacity:1}}.post-image-lightbox{animation:postLightboxScaleIn .25s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,var(--card-bg) 0,#0a0a12fa 100%);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 30px 70px #000c;cursor:default;display:flex;flex-direction:column;max-height:92vh;max-width:940px;overflow:hidden;position:relative;width:100%}@keyframes postLightboxScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-image-lightbox-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .2s ease,transform .2s ease;width:36px;z-index:10}.post-image-lightbox-close:hover{background:#ffffff40;transform:rotate(90deg)}.post-image-lightbox-stage{align-items:center;background:#000;display:flex;justify-content:center;min-height:300px;position:relative}.post-image-lightbox-img{display:block;max-height:72vh;object-fit:contain;width:100%}.post-image-lightbox-nav{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:44px;z-index:10}.post-image-lightbox-nav:hover{background:#ffffff40}.post-image-lightbox-nav.prev{left:14px}.post-image-lightbox-nav.next{right:14px}.post-image-lightbox-counter{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;padding:10px;text-align:center}.post-image-lightbox-thumbs{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:8px 16px 14px}.post-image-lightbox-thumb{all:unset;border:2px solid #0000;border-radius:8px;cursor:pointer;flex:0 0 auto;height:48px;opacity:.6;overflow:hidden;transition:border-color .2s ease,opacity .2s ease;width:64px}.post-image-lightbox-thumb:hover{opacity:.9}.post-image-lightbox-thumb.active{border-color:var(--accent-color);opacity:1}.post-image-lightbox-thumb img{display:block;height:100%;object-fit:cover;width:100%}.resource-card{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);overflow:hidden;transition:all .25s;transition:all var(--transition-base,.25s)}.resource-card:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:var(--shadow-md)}.resource-thumbnail{height:150px;object-fit:cover;width:100%}.resource-info{padding:16px;padding:var(--space-4,16px)}.resource-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.resource-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:0 0 12px;margin:0 0 var(--space-3,12px) 0}.resource-view-button{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-weight:var(--font-semibold,600);padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);transition:all .25s;transition:all var(--transition-base,.25s)}.resource-view-button:hover{background:#2563eb}.video-embed{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;border-radius:var(--radius-lg,8px);overflow:hidden}.video-placeholder,.video-placeholder-default{align-items:center;aspect-ratio:16/9;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .25s;transition:all var(--transition-base,.25s)}.video-placeholder:hover{opacity:.9}.video-placeholder img{height:100%;object-fit:cover;width:100%}.video-placeholder-default{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;display:flex;font-size:22px;height:60px;justify-content:center;padding-left:4px;position:absolute;transition:all .25s;transition:all var(--transition-base,.25s);width:60px}.play-button:hover{background:#fff;transform:scale(1.1)}.post-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-between;padding-top:4px}.action-button,.post-actions{align-items:center;display:flex}.action-button{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:10px;font-weight:500;font-weight:var(--font-medium,500);gap:2px;padding:1px 4px;transition:all .15s;transition:all var(--transition-fast,.15s)}.action-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.action-button.liked{color:#ef4444}.action-button.liked .action-icon.filled{fill:#ef4444;stroke:#ef4444}.action-icon{flex-shrink:0}.pin-indicator{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.comments-paused-notice,.menu-item,.pin-indicator{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.user-type{align-items:center;display:inline-flex;gap:4px}@media (max-width:768px){.group-post{padding:16px;padding:var(--space-4,16px)}.post-image-lightbox-overlay{padding:10px}.post-image-lightbox{border-radius:14px;max-height:95vh}.post-image-lightbox-nav{height:36px;width:36px}.post-image-lightbox-nav.prev{left:8px}.post-image-lightbox-nav.next{right:8px}.post-image-lightbox-thumbs{padding:6px 10px 10px}.post-image-lightbox-thumb{height:40px;width:52px}}.ged-overlay{align-items:center;animation:gedFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes gedFadeIn{0%{opacity:0}to{opacity:1}}.ged-modal{animation:gedSlideUp .25s ease;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl,0 20px 60px #00000026);display:flex;flex-direction:column;gap:20px;gap:var(--space-5,20px);max-height:85vh;max-width:560px;overflow-y:auto;padding:24px;padding:var(--space-6,24px);width:90%}@keyframes gedSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ged-header{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3,12px);justify-content:space-between}.ged-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:700;font-weight:var(--font-bold,700);line-height:1.3;margin:0}.ged-close{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.ged-close:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.ged-badge{align-self:flex-start;border-radius:999px;border-radius:var(--radius-full,999px);display:inline-flex;font-size:12px;font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.02em;padding:4px 12px}.ged-badge.past{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280)}.ged-badge.attending{background:#3b82f62e;color:#93c5fd}.ged-details{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr}.ged-detail-item{align-items:flex-start;display:flex;gap:10px}.ged-detail-item>svg{color:#3b82f6;color:var(--primary,#3b82f6);flex-shrink:0;margin-top:2px}.ged-detail-item>div{display:flex;flex-direction:column;gap:1px}.ged-detail-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.ged-detail-label,.ged-detail-value{font-weight:500;font-weight:var(--font-medium,500)}.ged-detail-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px)}.ged-detail-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.ged-link{color:#3b82f6;color:var(--primary,#3b82f6);font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);text-decoration:none}.ged-link:hover{text-decoration:underline}.ged-description{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding-top:16px;padding-top:var(--space-4,16px)}.ged-description h3{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px}.ged-description h3,.ged-description p{font-size:14px;font-size:var(--text-sm,14px)}.ged-description p{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.6;margin:0;white-space:pre-wrap}.ged-attendee-list{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding-top:16px;padding-top:var(--space-4,16px)}.ged-attendee-list h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 10px}.ged-attendees{display:flex;flex-wrap:wrap;gap:6px}.ged-attendee-chip{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:999px;border-radius:var(--radius-full,999px);color:#1f2937;color:var(--text-primary,#1f2937);display:inline-flex;font-size:12px;font-weight:500;font-weight:var(--font-medium,500);padding:4px 10px}.ged-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;gap:var(--space-3,12px);justify-content:flex-end;padding-top:16px;padding-top:var(--space-4,16px)}.ged-delete-btn{background:#0000;border:1px solid #dc2626;border:1px solid var(--error,#dc2626);border-radius:8px;border-radius:var(--radius-lg,8px);color:#dc2626;color:var(--error,#dc2626);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);padding:8px 16px;transition:all .15s}.ged-delete-btn:hover{background:#dc2626;background:var(--error,#dc2626);color:#fff}.ged-rsvp-btn{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);padding:10px 24px;transition:all .15s}.ged-rsvp-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.ged-rsvp-btn.attending{background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6)}.ged-rsvp-btn.attending:hover{border-color:#dc2626;border-color:var(--error,#dc2626);color:#dc2626;color:var(--error,#dc2626)}.ged-rsvp-btn.full{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:not-allowed;opacity:.5}@media (max-width:640px){.ged-modal{max-height:90vh;padding:16px;padding:var(--space-4,16px);width:95%}.ged-details{grid-template-columns:1fr}.ged-actions{flex-direction:column-reverse}.ged-actions button{text-align:center;width:100%}}.feed-event-card{-webkit-appearance:none;appearance:none;background:#1e2235;background:var(--bg-primary,#1e2235);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:8px;border-radius:var(--radius-lg,8px);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:8px;max-width:100%;min-width:100%;padding:12px;text-align:left;transition:all .15s;transition:all var(--transition-fast,.15s)}.feed-event-card:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f626}.feed-event-card.attending{border-left:3px solid #3b82f6;border-left:3px solid var(--primary,#3b82f6)}.feed-event-top{align-items:center;display:flex;gap:10px}.feed-event-date{align-items:center;background:#3b82f62e;border-radius:6px;border-radius:var(--radius-md,6px);color:#93c5fd;display:flex;flex-direction:column;flex-shrink:0;line-height:1;min-width:40px;padding:4px 8px}.feed-event-month{font-size:10px;font-weight:700;text-transform:uppercase}.feed-event-day{font-size:18px;font-weight:700}.feed-event-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.feed-event-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-event-meta{display:flex;flex-wrap:wrap;gap:8px}.feed-event-meta span{align-items:center;color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:inline-flex;font-size:11px;gap:3px}.feed-event-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.feed-event-footer{align-items:center;border-top:1px solid #ffffff0f;border-top:1px solid var(--border-color,#ffffff0f);display:flex;justify-content:space-between;padding-top:6px}.feed-event-attendees{align-items:center;display:inline-flex;gap:4px}.feed-event-attendees,.feed-event-rsvp{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.feed-event-rsvp{background:#ffffff0d;border-radius:999px;border-radius:var(--radius-full,999px);font-weight:600;padding:2px 8px}.feed-event-rsvp.going{background:#34d3991f;color:#34d399}.grd-overlay{align-items:center;animation:grdFadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}@keyframes grdFadeIn{0%{opacity:0}to{opacity:1}}.grd-modal{animation:grdSlideUp .25s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 20px 60px #0003;box-shadow:var(--shadow-xl,0 20px 60px #0003);max-height:85vh;max-width:600px;overflow-y:auto;width:100%}@keyframes grdSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.grd-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:20px 20px 0;padding:var(--space-5,20px) var(--space-5,20px) 0}.grd-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.3;margin:0}.grd-close{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;transition:all var(--transition-fast,.15s);width:32px}.grd-close:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.grd-close:hover,.grd-image{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.grd-image{align-items:center;border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;justify-content:center;margin:16px 20px 0;margin:var(--space-4,16px) var(--space-5,20px) 0;max-height:300px;overflow:hidden}.grd-image img{height:100%;max-height:300px;object-fit:contain;width:100%}.grd-image.placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af);height:120px}.grd-details{grid-gap:16px;grid-gap:var(--space-4,16px);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:1fr 1fr;padding:20px;padding:var(--space-5,20px)}.grd-detail-item{align-items:flex-start;display:flex;gap:10px}.grd-detail-item>svg{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;margin-top:2px}.grd-detail-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.grd-detail-label,.grd-detail-value{display:block;font-weight:500;font-weight:var(--font-medium,500)}.grd-detail-value{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px)}.grd-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.grd-tag{background:#3b82f61a;background:var(--accent-color-alpha,#3b82f61a);border-radius:999px;border-radius:var(--radius-full,999px);color:#3b82f6;color:var(--accent-color,#3b82f6);font-size:11px;padding:2px 8px;text-transform:capitalize}.grd-attachments{display:flex;flex-direction:column;gap:4px;margin-top:2px}.grd-attachment-link{align-items:center;color:#3b82f6;color:var(--accent-color,#3b82f6);display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;text-decoration:none}.grd-attachment-link:hover{text-decoration:underline}.grd-description{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.grd-description h3{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px}.grd-description h3,.grd-description p{font-size:14px;font-size:var(--text-sm,14px)}.grd-description p{color:#6b7280;color:var(--text-secondary,#6b7280);line-height:1.6;margin:0;white-space:pre-wrap}.grd-gallery{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.grd-gallery h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 12px}.grd-gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grd-gallery-item{aspect-ratio:1;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;border-radius:var(--radius-md,6px);overflow:hidden}.grd-gallery-item img{height:100%;object-fit:cover;transition:transform .15s;transition:transform var(--transition-fast,.15s);width:100%}.grd-gallery-item:hover img{transform:scale(1.05)}.grd-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.grd-delete-btn{background:none;border:1px solid #dc2626;border:1px solid var(--error,#dc2626);border-radius:6px;border-radius:var(--radius-md,6px);color:#dc2626;color:var(--error,#dc2626);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);padding:8px 16px;transition:all .15s;transition:all var(--transition-fast,.15s)}.grd-delete-btn:hover{background:#dc2626;background:var(--error,#dc2626);color:#fff}.grd-edit-btn{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);padding:8px 16px;transition:all .15s;transition:all var(--transition-fast,.15s)}.grd-edit-btn:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.grd-download-btn{align-items:center;background:#3b82f6;background:var(--accent-color,#3b82f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;padding:8px 16px;text-decoration:none;transition:filter .15s;transition:filter var(--transition-fast,.15s)}.grd-download-btn:hover{filter:brightness(.9)}@media (max-width:640px){.grd-modal{max-height:92vh}.grd-details{grid-template-columns:1fr}.grd-actions{flex-direction:column-reverse}.grd-actions>*{justify-content:center;text-align:center;width:100%}}.feed-resource-card{-webkit-appearance:none;appearance:none;background:#1e2235;background:var(--bg-primary,#1e2235);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:8px;border-radius:var(--radius-lg,8px);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;max-height:125px;max-width:200px;min-width:180px;overflow:hidden;text-align:left;transition:all .15s;transition:all var(--transition-fast,.15s)}.feed-resource-card:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.feed-resource-thumb{align-items:center;background:#252a40;background:var(--bg-secondary,#252a40);color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;height:100px;justify-content:center;overflow:hidden}.feed-resource-thumb img{height:100%;object-fit:cover;width:100%}.feed-resource-info{display:flex;flex-direction:column;gap:2px;padding:10px}.feed-resource-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:13px;font-weight:600}.feed-resource-author,.feed-resource-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-resource-author{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.group-feed{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4,16px);width:100%}.feed-left{display:flex;flex:1 1;flex-direction:column;min-width:0}.feed-right{flex:0 0 360px;gap:16px;gap:var(--space-4,16px);margin-left:8px;position:-webkit-sticky;position:sticky;top:0;width:360px}.feed-right,.posts-list{display:flex;flex-direction:column}.feed-carousel{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:var(--shadow-sm);height:200px;padding:12px;width:100%}.feed-carousel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3,12px)}.feed-carousel-title{align-items:center;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;font-weight:var(--font-semibold,600);gap:6px}.feed-carousel-title svg{color:#3b82f6;color:var(--primary,#3b82f6)}.feed-carousel-nav{display:flex;gap:4px}.carousel-arrow{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:6px;border-radius:var(--radius-md,6px);color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;transition:all var(--transition-fast,.15s);width:28px}.carousel-arrow:hover{background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.feed-carousel-track{-ms-overflow-style:none;display:flex;gap:12px;gap:var(--space-3,12px);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.feed-carousel-track::-webkit-scrollbar{display:none}.feed-carousel-track>*{scroll-snap-align:start}.feed-empty-state{background:var(--card-bg);border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);padding:64px 32px;padding:var(--space-16,64px) var(--space-8,32px);text-align:center;width:100%}.feed-empty-state h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 8px;margin:0 0 var(--space-2,8px) 0}.feed-empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;font-size:var(--text-base,16px);margin:0}.feed-error{align-items:center;background:#fce8e8;border:1px solid #f4bebe;border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.feed-error p{margin:0}.feed-error button,.feed-error p{color:#981b1b;font-size:14px;font-size:var(--text-sm,14px)}.feed-error button{background:none;border:none;cursor:pointer;font-weight:600;font-weight:var(--font-semibold,600);white-space:nowrap}.feed-error button:hover{text-decoration:underline}@media (max-width:1200px){.group-feed{flex-direction:column}.feed-left{flex:none;width:100%}.feed-left .feed-empty-state,.feed-left .group-post,.feed-left .post-composer{width:100%}.feed-right{flex-direction:row;gap:16px;gap:var(--space-4,16px);order:-1;position:static;width:100%}.feed-right .feed-carousel{flex:1 1;min-width:0}.feed-empty-state{width:100%}}@media (max-width:640px){.feed-right{flex-direction:column}}.group-events{display:flex;flex-direction:column;gap:20px;gap:var(--space-5,20px)}.group-events-header{align-items:center;display:flex;justify-content:space-between}.group-events-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.group-events-header-actions{align-items:center;display:flex;gap:8px}.my-events-btn{align-items:center;background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:8px;border-radius:var(--radius-lg,8px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;padding:8px 14px;transition:all .15s;transition:all var(--transition-fast,.15s)}.my-events-btn:hover{background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);color:#fff;color:var(--text-primary,#fff)}.my-events-btn.active,.my-events-btn:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.my-events-btn.active{background:#3b82f626;color:#3b82f6;color:var(--primary,#3b82f6)}.create-event-btn{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;padding:8px 16px;transition:background .15s;transition:background var(--transition-fast,.15s)}.create-event-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.group-events-empty,.group-events-loading{color:#6b7280;color:var(--text-secondary,#6b7280);padding:32px;padding:var(--space-8,32px);text-align:center}.group-events-empty svg{margin-bottom:12px;opacity:.35}.group-events-empty p{font-size:18px;font-size:var(--text-lg,18px);font-weight:500;font-weight:var(--font-medium,500);margin:0 0 4px}.group-events-empty span,.group-events-error{font-size:14px;font-size:var(--text-sm,14px)}.group-events-error{align-items:center;background:#fef2f2;background:var(--error-bg,#fef2f2);border-radius:8px;border-radius:var(--radius-lg,8px);color:#dc2626;color:var(--error,#dc2626);display:flex;justify-content:space-between;padding:10px 14px}.group-events-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px}.events-section-title{font-size:16px;font-size:var(--text-base,16px);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 12px;margin:0 0 var(--space-3,12px)}.events-section-title,.past-events-toggle{color:#6b7280;color:var(--text-secondary,#6b7280)}.past-events-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;padding:6px 0}.past-events-toggle:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.events-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.events-grid.past{opacity:.7}button.group-event-card{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;text-align:left}.group-event-card{background:#1e2235;background:var(--bg-primary,#1e2235);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:12px;border-radius:var(--radius-xl,12px);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px);position:relative;transition:box-shadow .15s,border-color .15s;transition:box-shadow var(--transition-fast,.15s),border-color var(--transition-fast,.15s)}.group-event-card:hover{border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md,0 4px 12px #00000014)}.group-event-card.attending{border-left:3px solid #3b82f6;border-left:3px solid var(--primary,#3b82f6)}.group-event-card.past{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.event-card-header{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3,12px)}.event-date-badge{align-items:center;background:#3b82f62e;border-radius:8px;border-radius:var(--radius-lg,8px);color:#93c5fd;display:flex;flex-direction:column;line-height:1;min-width:48px;padding:6px 10px}.event-month{font-size:11px;font-weight:700;text-transform:uppercase}.event-day{font-size:20px;font-weight:700}.event-card-info{flex:1 1;min-width:0}.event-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-size:var(--text-base,16px);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.3;margin:0 0 4px}.event-meta{display:flex;flex-wrap:wrap;gap:10px}.event-meta-item{align-items:center;display:inline-flex;font-size:12px;gap:4px}.event-description,.event-meta-item{color:#6b7280;color:var(--text-secondary,#6b7280)}.event-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;font-size:var(--text-sm,14px);line-height:1.5;margin:0;overflow:hidden}.event-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding-top:8px;padding-top:var(--space-2,8px)}.event-attendees{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:inline-flex;font-size:13px;gap:5px}.event-card-actions{align-items:center;display:flex;gap:8px}.event-edit-btn{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .15s;transition:all var(--transition-fast,.15s);width:30px}.event-edit-btn:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6)}.event-delete-btn{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .15s;transition:all var(--transition-fast,.15s);width:30px}.event-delete-btn:hover{background:#fef2f2;background:var(--error-bg,#fef2f2);border-color:#dc2626;border-color:var(--error,#dc2626);color:#dc2626;color:var(--error,#dc2626)}.event-rsvp-btn{background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary,#3b82f6);border-radius:8px;border-radius:var(--radius-lg,8px);color:#3b82f6;color:var(--primary,#3b82f6);cursor:pointer;font-size:13px;font-weight:500;font-weight:var(--font-medium,500);padding:6px 16px;transition:all .15s;transition:all var(--transition-fast,.15s)}.event-rsvp-btn.attending,.event-rsvp-btn:hover{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.event-rsvp-btn.attending:hover{background:#dc2626;background:var(--error,#dc2626);border-color:#dc2626;border-color:var(--error,#dc2626)}.event-rsvp-btn.full{cursor:not-allowed;opacity:.5}.event-type-badge{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:999px;border-radius:var(--radius-full,999px);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:500;font-weight:var(--font-medium,500);padding:2px 8px;position:absolute;right:12px;text-transform:capitalize;top:12px}.event-creator{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}@media (max-width:640px){.events-grid{grid-template-columns:1fr}.group-events-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.group-events-header-actions{flex-wrap:wrap}.create-event-btn,.my-events-btn{flex:1 1;justify-content:center}}.group-resources{display:flex;flex-direction:column;gap:20px;gap:var(--space-5,20px)}.group-resources-header{align-items:center;display:flex;justify-content:space-between}.group-resources-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.upload-resource-btn{align-items:center;background:#3b82f6;background:var(--accent-color,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:6px;padding:8px 16px;transition:background .15s;transition:background var(--transition-fast,.15s)}.upload-resource-btn:hover{filter:brightness(.9)}.group-resources-empty,.group-resources-loading{color:#6b7280;color:var(--text-secondary,#6b7280);padding:32px;padding:var(--space-8,32px);text-align:center}.group-resources-empty svg{margin-bottom:12px;opacity:.35}.group-resources-empty p{font-size:18px;font-size:var(--text-lg,18px);font-weight:500;font-weight:var(--font-medium,500);margin:0 0 4px}.group-resources-empty span,.group-resources-error{font-size:14px;font-size:var(--text-sm,14px)}.group-resources-error{align-items:center;background:#fef2f2;background:var(--error-bg,#fef2f2);border-radius:8px;border-radius:var(--radius-lg,8px);color:#dc2626;color:var(--error,#dc2626);display:flex;justify-content:space-between;padding:10px 14px}.group-resources-error button{background:none;border:none;color:inherit;cursor:pointer}.resources-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-resource-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s,transform .15s;transition:box-shadow var(--transition-fast,.15s),border-color var(--transition-fast,.15s),transform var(--transition-fast,.15s)}.group-resource-card:hover{border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-2px)}.resource-card-image{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);display:flex;height:180px;justify-content:center;overflow:hidden}.resource-card-image img{height:100%;object-fit:contain;width:100%}.resource-card-image.placeholder{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.resource-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;padding:var(--space-4,16px)}.resource-card-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-size:var(--text-base,16px);font-weight:600;font-weight:var(--font-semibold,600);line-height:1.3;margin:0}.resource-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:14px;font-size:var(--text-sm,14px);line-height:1.5;margin:0;overflow:hidden}.resource-card-tags{display:flex;flex-wrap:wrap;gap:4px}.resource-tag{background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:999px;border-radius:var(--radius-full,999px);color:#3b82f6;color:var(--primary,#3b82f6);font-size:11px;padding:2px 8px;text-transform:capitalize}.resource-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.resource-card-meta{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.resource-card-actions{align-items:center;display:flex;gap:6px}.resource-delete-btn,.resource-download-btn,.resource-edit-btn{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:inline-flex;height:28px;justify-content:center;text-decoration:none;transition:all .15s;transition:all var(--transition-fast,.15s);width:28px}.resource-delete-btn svg,.resource-download-btn svg,.resource-edit-btn svg{stroke:currentColor;flex-shrink:0;height:14px;width:14px}.resource-download-btn:hover{background:#eff6ff;background:var(--primary-light,#eff6ff);border-color:#3b82f6;border-color:var(--primary,#3b82f6);color:#3b82f6;color:var(--primary,#3b82f6)}.resource-edit-btn:hover{background:#fffbeb;background:var(--warning-bg,#fffbeb);border-color:#d97706;border-color:var(--warning,#d97706);color:#d97706;color:var(--warning,#d97706)}.resource-delete-btn:hover{background:#fef2f2;background:var(--error-bg,#fef2f2);border-color:#dc2626;border-color:var(--error,#dc2626);color:#dc2626;color:var(--error,#dc2626)}.group-resource-upload-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.group-resource-upload-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl,0 20px 60px #00000026);max-height:85vh;max-width:560px;overflow-y:auto;padding:24px;padding:var(--space-6,24px);position:relative;width:100%}.group-resource-upload-modal h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:20px;font-size:var(--text-xl,20px);font-weight:700;font-weight:var(--font-bold,700);margin:0 0 16px;margin:0 0 var(--space-4,16px)}.group-resource-upload-modal .modal-close-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:22px;line-height:1;position:absolute;right:16px;top:16px}.upload-error{background:#fef2f2;background:var(--error-bg,#fef2f2);border-radius:8px;border-radius:var(--radius-lg,8px);color:#dc2626;color:var(--error,#dc2626);font-size:14px;font-size:var(--text-sm,14px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:10px 14px}.resource-upload-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.resource-upload-form .form-row label{color:#1f2937;color:var(--text-primary,#1f2937);display:flex;flex-direction:column;font-size:14px;font-size:var(--text-sm,14px);font-weight:500;font-weight:var(--font-medium,500);gap:4px}.resource-upload-form input[type=text],.resource-upload-form textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px);padding:10px 12px;transition:border-color .15s;transition:border-color var(--transition-fast,.15s)}.resource-upload-form input[type=text]:focus,.resource-upload-form textarea:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.upload-sections-row{display:flex;gap:16px;gap:var(--space-4,16px)}.upload-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.upload-section-header{align-items:center;display:flex;justify-content:space-between}.upload-section-header strong{font-size:14px;font-size:var(--text-sm,14px)}.upload-section-header .hint{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.file-btn{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:background .15s;transition:background var(--transition-fast,.15s)}.file-btn:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}.upload-preview-grid{display:flex;flex-wrap:wrap;gap:8px}.upload-preview-thumb{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);height:60px;overflow:hidden;position:relative;width:60px}.upload-preview-thumb img{height:100%;object-fit:cover;width:100%}.upload-preview-thumb .remove-x{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;line-height:1;position:absolute;right:2px;top:2px;width:18px}.upload-progress-bar{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb);bottom:0;height:3px;left:0;position:absolute;right:0}.upload-progress-bar>div{background:#3b82f6;background:var(--primary,#3b82f6);height:100%;transition:width .2s}.upload-file-list{display:flex;flex-direction:column;gap:6px}.upload-file-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:6px;border-radius:var(--radius-md,6px);display:flex;font-size:12px;justify-content:space-between;overflow:hidden;padding:6px 8px;position:relative}.upload-file-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-item button{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex-shrink:0;font-size:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;padding-top:var(--space-2,8px)}.cancel-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-lg,8px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-size:var(--text-sm,14px);padding:8px 20px;transition:background .15s;transition:background var(--transition-fast,.15s)}.cancel-btn:hover{background:#e5e7eb;background:var(--bg-tertiary,#e5e7eb)}.submit-btn{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:8px;border-radius:var(--radius-lg,8px);cursor:pointer;font-size:14px;font-size:var(--text-sm,14px);font-weight:var(--font-medium,500);padding:8px 20px;transition:background .15s;transition:background var(--transition-fast,.15s)}.submit-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.resources-grid{grid-template-columns:1fr}.group-resources-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.upload-resource-btn{justify-content:center}.upload-sections-row{flex-direction:column}.group-resource-upload-modal{max-height:90vh}}.live-chat-sidebar{background:var(--card-bg);border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);box-shadow:-2px 0 12px #00000014;display:flex;flex-direction:column;height:100%;width:100%}.live-chat-sidebar.minimized{border-left:none}.chat-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);cursor:pointer;display:flex;justify-content:space-between;padding:16px;padding:var(--space-4,16px);transition:background .15s;transition:background var(--transition-fast,.15s);-webkit-user-select:none;user-select:none}.chat-header:hover{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa)}.minimized .chat-header{border-bottom:none;border-radius:12px 0 0 0}.chat-toggle{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.chat-title,.chat-toggle{align-items:center;display:flex}.chat-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-size:var(--text-base,16px);font-weight:600;font-weight:var(--font-semibold,600);gap:8px;gap:var(--space-2,8px)}.chat-icon{font-size:20px}.online-members-count{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500);gap:4px;gap:var(--space-1,4px)}.online-dot-small{animation:pulse 2s ease-in-out infinite;background:#4caf50;background:var(--status-online,#4caf50);border-radius:50%;height:6px;width:6px}.chat-messages{flex:1 1;gap:12px;gap:var(--space-3,12px);overflow-y:auto;padding:16px;padding:var(--space-4,16px)}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{gap:4px;gap:var(--space-1,4px);max-width:85%}.chat-message.own-message{align-items:flex-end;align-self:flex-end}.chat-message.pending-message{opacity:.6}.message-author{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-size:var(--text-xs,12px);font-weight:600;font-weight:var(--font-semibold,600);padding-left:4px;padding-left:var(--space-1,4px)}.chat-message-row{align-items:flex-start;display:flex;gap:8px}.chat-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary,#3b82f6),#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;overflow:hidden;width:24px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-avatar span{color:#fff;font-size:11px;font-weight:700;line-height:1}.chat-message-content{display:flex;flex-direction:column;gap:2px;min-width:0}.message-bubble{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:16px;max-width:100%;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.own-message .message-bubble{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.message-text{word-wrap:break-word;font-size:14px;font-size:var(--text-sm,14px);line-height:1.5;line-height:var(--leading-normal,1.5);margin:0}.own-message .message-text{color:#fff}.message-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:10px;padding:0 8px;padding:0 var(--space-2,8px)}.chat-input-form{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;gap:var(--space-2,8px);padding:16px;padding:var(--space-4,16px)}.chat-input{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:var(--text-primary);flex:1 1;font-size:14px;font-size:var(--text-sm,14px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:all .15s;transition:all var(--transition-fast,.15s)}.chat-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.chat-send-button{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .25s;transition:all var(--transition-base,.25s);width:36px}.chat-send-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.chat-send-button:disabled{cursor:not-allowed;opacity:.5}.chat-empty-state{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px;padding:var(--space-6,24px);text-align:center}.chat-empty-state p{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:14px;font-size:var(--text-sm,14px);margin:0}.group-detail-page{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.group-detail-layout{background:#1a1a2e;flex:1 1;min-height:0;overflow:hidden;position:relative}.group-detail-main{background:var(--bg-primary);bottom:0;display:flex;flex-direction:column;left:240px;overflow:hidden;position:absolute;right:340px;top:0;transition:left .25s cubic-bezier(.4,0,.2,1),right .4s cubic-bezier(.4,0,.2,1)}.group-detail-main.chat-minimized,.group-detail-main.no-chat{right:0}.chat-container{bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:70px;width:340px;z-index:40}.chat-container-minimized{border-radius:12px 0 0 0;box-shadow:-2px -4px 16px #0000001f;height:52px;overflow:hidden;top:auto;width:280px}.group-detail-sticky-header{background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 4px 16px #0003;flex-shrink:0;padding:24px 24px 0;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.group-detail-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px 24px 24px;scrollbar-gutter:stable}.sidebar-is-collapsed .group-detail-main{left:72px}.coming-soon{border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:18px;font-size:var(--text-lg,18px);padding:48px;padding:var(--space-12,48px)}.coming-soon,.group-locked-content{background:var(--card-bg);text-align:center}.group-locked-content{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:48px 24px}.group-locked-content h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:700;margin:0}.group-locked-content p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0;max-width:320px}@media (max-width:1024px){.group-detail-main{display:flex;flex-direction:column;height:100%;left:auto;overflow:hidden;position:static;right:auto}.group-detail-sticky-header{padding:16px 16px 0}.group-detail-content{padding:12px 16px 16px}}@media (max-width:768px){.group-detail-layout{flex-wrap:nowrap;height:calc(100vh - 70px);overflow:hidden}.group-detail-main{height:100%}.group-detail-sticky-header{padding:12px 12px 0}.group-detail-content{padding:10px 12px 12px}}@media (max-width:480px){.group-detail-layout{height:calc(100vh - 60px)}.group-detail-sticky-header{padding:10px 10px 0}.group-detail-content{padding:8px 10px 10px}}.variation-builder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:20px}.variation-builder h4{color:var(--text-primary);font-size:16px;margin:0 0 8px}.variation-hint{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.add-variation-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.variation-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;min-width:200px;padding:8px 12px}.variation-input:focus{border-color:var(--primary-color);outline:none}.add-variation-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.add-variation-btn:hover{background:var(--primary-hover)}.current-variations{margin-bottom:20px}.current-variations h5{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.variation-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.variation-item strong{color:var(--text-primary);margin-right:8px}.remove-variation-btn{background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.remove-variation-btn:hover{background:#c82333}.variant-combinations{margin-top:20px}.variant-combinations h5{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.variant-table{border-collapse:collapse;font-size:14px;width:100%}.variant-table thead{background:var(--bg-secondary)}.variant-table th{border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}.variant-table td,.variant-table th{color:var(--text-primary);padding:10px 12px}.variant-table td{border-bottom:1px solid var(--border-color)}.variant-table tbody tr:hover{background:#00000005;background:var(--bg-hover,#00000005)}.variant-inventory-input,.variant-price-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;max-width:120px;padding:6px 10px;width:100%}.variant-inventory-input:focus,.variant-price-input:focus{border-color:var(--primary-color);outline:none}.marketplace-listing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.marketplace-listing-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;max-height:min(86vh,900px);overflow:hidden;width:min(980px,100%)}.marketplace-listing-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.marketplace-listing-modal-header h2{color:var(--text-primary);font-size:18px;margin:0}.marketplace-listing-modal-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px;line-height:1}.marketplace-listing-modal-body{overflow:auto;padding:18px}.marketplace-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.marketplace-form-group{display:flex;flex-direction:column;gap:8px}.marketplace-form-group.full{grid-column:1/-1}.marketplace-form-group label{color:var(--text-secondary);font-size:12px}.marketplace-form-group input,.marketplace-form-group select,.marketplace-form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.marketplace-form-group textarea{min-height:110px;resize:vertical}.marketplace-image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:10px}.marketplace-image-tile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.marketplace-image-tile img{display:block;height:110px;object-fit:cover;width:100%}.marketplace-image-actions{display:flex;gap:8px;padding:10px}.marketplace-image-actions button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px}.marketplace-image-actions button:hover{border-color:var(--accent-color);color:var(--accent-color)}.marketplace-primary-badge{background:#000000a6;border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 8px;position:absolute;top:8px}.marketplace-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 18px}.marketplace-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:10px 14px}.marketplace-btn.primary{background:var(--accent-color);border:none;color:#fff}.marketplace-btn:disabled{cursor:not-allowed;opacity:.6}.marketplace-hint{color:var(--text-secondary);font-size:13px;margin:8px 0 0}@media (max-width:860px){.marketplace-form-grid{grid-template-columns:1fr}}.shopping-cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:1000}.shopping-cart-panel{background:var(--card-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:min(420px,92vw)}.shopping-cart-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.shopping-cart-header h2{color:var(--text-primary);font-size:18px;margin:0}.shopping-cart-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.shopping-cart-body{flex:1 1;overflow:auto;padding:14px 16px}.cart-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;margin-bottom:12px;padding:12px}.cart-item-title{color:var(--text-primary);font-weight:700;margin:0 0 6px}.cart-item-meta{color:var(--text-secondary);font-size:13px;margin-bottom:10px}.cart-item-actions{gap:10px;justify-content:space-between}.cart-item-actions,.cart-qty{align-items:center;display:flex}.cart-qty{gap:8px}.cart-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:8px 10px}.cart-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cart-remove{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-weight:700}.cart-remove:hover{color:var(--accent-color)}.shopping-cart-footer{border-top:1px solid var(--border-color);padding:16px}.cart-summary{align-items:center;color:var(--text-primary);display:flex;font-weight:700;justify-content:space-between;margin-bottom:12px}.cart-checkout{background:var(--accent-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px 14px;width:100%}.cart-checkout:disabled{cursor:not-allowed;opacity:.6}.marketplace-page{margin:0 auto;max-width:1200px;padding:40px 20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.secondary-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:12px 18px;transition:transform .2s,border-color .2s,color .2s,background-color .2s}.secondary-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.page-header h1{color:var(--text-primary);font-size:36px}.page-subtitle{color:var(--text-secondary);font-size:18px;margin-top:10px}.create-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .3s}.create-btn:hover{opacity:.9}.create-form-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.create-form{display:flex;flex-direction:column;gap:15px}.create-form h3{color:var(--text-primary);margin-bottom:10px}.create-form input,.create-form select,.create-form textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px}.create-form textarea{resize:vertical}.form-row{grid-gap:15px;gap:15px}.submit-btn{background-color:var(--accent-color);border-radius:6px;color:#fff;font-weight:500;margin-top:10px;padding:12px 24px}.submit-btn:hover{opacity:.9}.filters-section{margin-bottom:30px}.filter-select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;min-width:200px;padding:12px}.listings-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.listing-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s}.listing-image-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:14px}.listing-image{display:block;height:180px}.listing-card:hover{animation:marketplaceCardGlow 1.4s ease-in-out infinite;border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}@keyframes marketplaceCardGlow{0%{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 18px var(--accent-color-alpha)}to{box-shadow:0 0 0 #0000}}.listing-header{align-items:center;margin-bottom:15px}.listing-header h3{color:var(--text-primary);font-size:20px}.listing-type{border-radius:20px;font-size:12px;font-weight:500;padding:6px 14px}.listing-type.product{background-color:#e8f5e9;color:#2e7d32}.listing-type.service{background-color:#fff3e0;color:#e65100}.listing-description{-webkit-line-clamp:3;color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.listing-details{gap:10px;margin-bottom:15px}.price{color:var(--accent-color);font-size:24px;font-weight:700}.category,.location{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.stock-badge{border-radius:8px;display:inline-block;font-weight:700;letter-spacing:.3px;margin-bottom:10px;padding:5px 12px}.stock-badge.low-stock{background:#fbbf2426;border:1px solid #fbbf244d;color:#f59e0b}.stock-badge.sold-out{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.listing-footer{border-top:1px solid var(--border-color);padding-top:15px}.seller{display:block;margin-bottom:8px}.contact-info,.seller{color:var(--text-secondary);font-size:14px}.contact-info strong{color:var(--text-primary);margin-right:5px}.listing-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:12px}.listing-action-btn{background:var(--accent-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;padding:10px 14px}.listing-action-btn:hover{opacity:.92}.listing-report-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:16px;margin-left:8px;padding:8px 12px;transition:all .2s}.listing-report-btn:hover{background:#ff00001a;border-color:#ef4444;transform:scale(1.1)}.loading{padding:40px}.auth-prompt{background:linear-gradient(135deg,#667eea,#764ba2)}.auth-link-btn{background-color:#fff;color:#667eea}@media (max-width:768px){.marketplace-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.page-header{align-items:flex-start;flex-direction:column;gap:clamp(.75rem,3vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.page-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.create-btn,.page-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.create-btn{min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.create-form-container{padding:clamp(1rem,4vw,1.25rem)}.create-form input,.create-form select,.create-form textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.form-row{grid-template-columns:1fr}.submit-btn{padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem)}.filter-select,.submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;width:100%}.filter-select{min-width:auto;padding:clamp(.625rem,2.5vw,.75rem)}.listings-grid{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.listing-card{padding:clamp(1rem,4vw,1.25rem)}.listing-header h3,.price{font-size:clamp(1.125rem,4.5vw,1.25rem)}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.marketplace-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.page-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.create-form-container,.listing-card{padding:clamp(.875rem,3.5vw,1rem)}}.marketplace-toolbar{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.toolbar-row{flex-wrap:wrap;gap:12px}.price-filter,.toolbar-row{align-items:center;display:flex}.price-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:8px;padding:8px 12px}.price-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px;width:100px}.price-separator{color:var(--text-secondary);font-weight:500}.apply-price-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:opacity .2s}.apply-price-btn:hover{opacity:.9}.clear-filters-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s}.clear-filters-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.toolbar-info{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:8px}.listing-count{color:var(--text-secondary);font-size:14px;font-weight:500}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:var(--accent-color);border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.filter-chip button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;margin-left:4px;opacity:.8;padding:0;transition:opacity .2s}.filter-chip button:hover{opacity:1}.skeleton-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-card{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--card-bg) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:12px;height:400px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.load-more-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:40px}.load-more-button{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:14px 32px;transition:all .3s}.load-more-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-2px)}.load-more-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.price-filter,.toolbar-row{align-items:stretch;flex-direction:column}.apply-price-btn,.clear-filters-btn,.price-input{width:100%}.toolbar-info{align-items:flex-start;flex-direction:column}.filter-chips,.load-more-button{width:100%}}.featured-section{border-bottom:2px solid var(--border-color);margin-bottom:40px;padding-bottom:30px}.featured-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:20px}.featured-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-x:auto;padding-bottom:10px}.featured-card{border:2px solid var(--accent-color);box-shadow:0 4px 12px #00000026;position:relative;transform:translateY(0);transition:all .3s ease}.featured-card:hover{border-color:var(--accent-color);box-shadow:0 8px 20px #00000040;transform:translateY(-8px)}.featured-badge{background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 2px 8px #ffd70066;color:#000;font-size:12px;font-weight:700;left:10px;letter-spacing:.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:10px;z-index:2}@media (max-width:768px){.featured-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.featured-title{font-size:20px}}.condition-badge{border-radius:12px;display:inline-block;letter-spacing:.5px;margin-top:6px;padding:4px 10px;text-transform:uppercase}.condition-new{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.condition-like-new{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.condition-good{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.condition-fair{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.condition-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.condition-filter label{color:var(--text-primary);font-size:14px;font-weight:500}.condition-filter select{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.condition-filter select:focus,.condition-filter select:hover{border-color:var(--accent-color)}.condition-filter select:focus{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.seller-link{color:#6366f1;color:var(--primary,#6366f1);font-weight:600;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.seller-link:hover{color:#818cf8;color:var(--primary-light,#818cf8);text-decoration:underline}.advanced-filters-section{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.filter-checkbox{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.filter-checkbox:hover{background:#ffffff14;border-color:#ffffff26}.filter-checkbox input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.filter-checkbox span{color:#fffc;font-size:14px;font-weight:500}@media (max-width:768px){.advanced-filters-section{align-items:stretch;flex-direction:column}.filter-checkbox{width:100%}}.marketplace-filters-section{margin-bottom:30px;width:100%}.marketplace-search-bar{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.marketplace-search-field{flex:1 1;width:100%}.marketplace-search-wrapper{display:block;height:48px;position:relative;width:100%}.marketplace-search-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:14px;height:100%;left:0;padding:12px 48px 12px 16px!important;position:absolute!important;top:0;transition:all .25s;width:100%;z-index:1}.marketplace-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.marketplace-search-input::placeholder{color:var(--text-secondary)}.marketplace-filter-icon-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;left:auto!important;padding:0;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease;width:32px;z-index:10!important}.marketplace-filter-icon-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.marketplace-filter-icon-btn svg{display:block;flex-shrink:0;height:18px;width:18px}.marketplace-filter-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding:16px;width:100%}.marketplace-filter-panel .filter-select{flex:1 1;min-width:200px}.category{align-items:center;display:inline-flex;gap:.375rem}.category-icon{flex-shrink:0}.product-gallery{display:flex;flex-direction:column;gap:12px}.gallery-main{align-items:center;aspect-ratio:1/1;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.gallery-main.no-image{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:default;font-size:14px}.gallery-main-img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.gallery-main:hover .gallery-main-img{transform:scale(1.02)}.gallery-nav{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,background .2s;width:40px}.gallery-main:hover .gallery-nav{opacity:1}.gallery-nav:hover{background:#000c}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.gallery-counter{background:#0009;border-radius:12px;bottom:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:12px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.thumbnail{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:64px;overflow:hidden;padding:0;transition:border-color .2s,transform .2s;width:64px}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#6366f1;border-color:var(--primary,#6366f1)}.thumbnail img{height:100%;object-fit:cover;width:100%}.gallery-zoom-overlay{background:#000000f2;bottom:0;cursor:zoom-out;left:0;position:fixed;right:0;top:0;z-index:9999}.gallery-zoom-overlay,.zoom-close{align-items:center;display:flex;justify-content:center}.zoom-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:44px;position:absolute;right:20px;top:20px;transition:background .2s;width:44px}.zoom-close:hover{background:#fff3}.zoomed-image{border-radius:8px;cursor:default;max-height:85vh;max-width:90vw;object-fit:contain}.zoom-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:50px}.zoom-nav:hover{background:#fff3}.zoom-nav.prev{left:20px}.zoom-nav.next{right:20px}@media (max-width:768px){.thumbnail{height:56px;width:56px}.gallery-nav{font-size:20px;height:36px;opacity:1;width:36px}.zoom-nav{font-size:24px;height:44px;width:44px}}.report-modal-overlay{animation:fadeIn .2s ease-out;background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.report-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 10px 40px #0003;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.report-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:600;margin:0}.report-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.report-modal-close:hover:not(:disabled){background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.report-modal-close:disabled{cursor:not-allowed;opacity:.5}.report-modal-body{padding:24px}.report-target-title{background:#eff6ff;background:var(--info-bg,#eff6ff);border-left:3px solid #3b82f6;border-left:3px solid var(--info-border,#3b82f6);border-radius:6px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;margin:0 0 20px;padding:12px}.report-target-title strong{color:#1e40af;color:var(--info-text,#1e40af)}.report-form-group{margin-bottom:20px}.report-form-group label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.report-form-group .required{color:#dc2626;color:var(--error-color,#dc2626)}.report-form-group select,.report-form-group textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.report-form-group select:focus,.report-form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.report-form-group select:disabled,.report-form-group textarea:disabled{background:#f9fafb;background:var(--disabled-bg,#f9fafb);cursor:not-allowed;opacity:.6}.report-form-group textarea{min-height:100px;resize:vertical}.char-count{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.85rem}.report-modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.report-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.report-btn-cancel{background:#f3f4f6;background:var(--secondary-bg,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.report-btn-cancel:hover:not(:disabled){background:#e5e7eb;background:var(--secondary-hover,#e5e7eb)}.report-btn-submit{background:#dc2626;background:var(--error-color,#dc2626);color:#fff}.report-btn-submit:hover:not(:disabled){background:#b91c1c;background:var(--error-hover,#b91c1c)}.report-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.report-modal{max-height:95vh;width:95%}.report-modal-header{padding:16px 20px}.report-modal-header h2{font-size:1.25rem}.report-modal-body{padding:20px}.report-modal-actions{flex-direction:column-reverse}.report-btn{width:100%}}.review-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff0d;border-radius:12px;padding:20px}.review-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.review-user{gap:12px}.review-avatar,.review-user{align-items:center;display:flex}.review-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.review-meta{display:flex;flex-direction:column;gap:2px}.review-name{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.review-date{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.review-rating{align-items:center;display:flex;gap:4px}.review-product{color:#6366f1;color:var(--primary,#6366f1);font-size:12px;margin-bottom:8px}.review-title{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0 0 8px}.review-body{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;line-height:1.6;margin:0}.review-footer{border-top:1px solid #ffffff0d;margin-top:16px;padding-top:12px}.helpful-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.helpful-btn:hover:not(:disabled){background:#6366f11a;color:#6366f1;color:var(--primary,#6366f1)}.helpful-btn.voted{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.helpful-btn:disabled{cursor:default}.product-detail-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.product-error,.product-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.product-error h2{color:#fff;color:var(--text-primary,#fff);font-size:24px}.product-error p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.back-btn{background:#6366f1;background:var(--primary,#6366f1);display:inline-block;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.back-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.product-breadcrumb{align-items:center;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:24px}.product-breadcrumb a{color:#6366f1;color:var(--primary,#6366f1);text-decoration:none;transition:color .2s}.product-breadcrumb a:hover{color:#818cf8;color:var(--primary-light,#818cf8)}.product-breadcrumb .separator{color:#4a4a5a;color:var(--text-muted,#4a4a5a)}.product-breadcrumb .current{color:#fff;color:var(--text-primary,#fff);font-weight:500}.product-detail-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:48px}.product-gallery-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.product-info-section{display:flex;flex-direction:column}.product-header{justify-content:space-between;margin-bottom:8px}.product-header,.product-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.report-listing-btn{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.report-listing-btn:hover{background:#ef44441a;border-color:#ef4444}.buyer-protection-badge{align-items:center;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e4d;border-radius:12px;display:flex;gap:12px;margin:12px 0;padding:14px 18px}.protection-icon{color:#22c55e;flex-shrink:0}.protection-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.protection-text strong{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.protection-text span{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.protection-link{color:#22c55e;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;white-space:nowrap}.protection-link:hover{color:#16a34a}.product-type-badge{align-items:center;background:#6366f126;border-radius:20px;color:#6366f1;color:var(--primary,#6366f1);display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.product-type-badge.service{background:#22c55e26;color:#22c55e}.product-category{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:20px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;padding:6px 12px}.product-title{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:700;line-height:1.2;margin:0}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#6366f1;color:var(--primary,#6366f1);font-size:36px;font-weight:800}.product-description{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;padding:20px}.product-description h3{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.product-description p{color:#fff;color:var(--text-primary,#fff);line-height:1.7;margin:0}.seller-info-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.seller-info{align-items:center;display:flex;font-size:14px;gap:8px}.seller-label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.seller-name{color:#fff;color:var(--text-primary,#fff);font-weight:500}.visit-store-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.visit-store-btn:hover{background:#6366f133;border-color:#6366f1;border-color:var(--primary,#6366f1);transform:translateY(-1px)}.stock-status{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.stock-status.in-stock{background:#22c55e26;color:#22c55e}.stock-status.out-of-stock{background:#ef444426;color:#ef4444}.quantity-selector{align-items:center;display:flex;gap:16px}.quantity-selector label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;font-weight:500}.quantity-controls{align-items:center;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:8px;display:flex;overflow:hidden}.quantity-controls button{background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:20px;height:40px;transition:background .2s;width:40px}.quantity-controls button:hover:not(:disabled){background:#6366f126}.quantity-controls button:disabled{cursor:not-allowed;opacity:.4}.quantity-value{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;min-width:48px;text-align:center}.product-actions{display:flex;gap:12px;margin-top:8px}.add-to-cart-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:16px 32px;transition:transform .2s,box-shadow .2s}.add-to-cart-btn:hover:not(:disabled){box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.add-to-cart-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-cart-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:2px solid #6366f1;border:2px solid var(--primary,#6366f1);border-radius:12px;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px;transition:background .2s}.view-cart-btn:hover{background:#6366f11a}.related-products{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:48px}.related-products h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;font-weight:700;margin:0 0 24px}.related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.related-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.related-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.related-image{aspect-ratio:1/1;object-fit:cover;width:100%}.related-info{padding:16px}.related-info h4{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-price{color:#6366f1;color:var(--primary,#6366f1);font-size:16px;font-weight:700}@media (max-width:1024px){.product-detail-content{gap:32px;grid-template-columns:1fr}.product-gallery-section{position:static}}@media (max-width:640px){.product-detail-page{padding:16px}.product-title{font-size:24px}.product-price{font-size:28px}.product-actions{flex-direction:column}.add-to-cart-btn,.view-cart-btn{width:100%}}.product-reviews-section{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:48px}.reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.reviews-header h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;font-weight:700;margin:0}.rating-summary{align-items:center;display:flex;gap:12px}.write-review-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.write-review-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.no-reviews{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:16px;padding:48px 24px;text-align:center}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-modal{max-width:600px;width:90%}.review-modal .modal-header{border-bottom:1px solid #ffffff1a;padding:24px}.review-modal .modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:700;margin:0}.review-modal .modal-body{padding:24px}.review-modal .form-group{margin-bottom:20px}.review-modal .form-group label{color:#fff;color:var(--text-primary,#fff);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.review-modal .rating-input{display:flex;gap:8px}.review-modal .star-btn{background:#0000;border:none;color:#4a4a5a;cursor:pointer;padding:4px;transition:all .2s}.review-modal .star-btn.active{color:#fbbf24}.review-modal .star-btn:hover{transform:scale(1.1)}.review-modal input,.review-modal textarea{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.review-modal input:focus,.review-modal textarea:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);outline:none}.review-modal textarea{min-height:120px;resize:vertical}.review-modal small{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);display:block;font-size:12px;margin-top:4px}.review-modal .modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:24px}.review-modal .btn-primary,.review-modal .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.review-modal .btn-secondary{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;color:#fff;color:var(--text-primary,#fff)}.review-modal .btn-secondary:hover:not(:disabled){background:#ffffff0d}.review-modal .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.review-modal .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.review-modal .btn-primary:disabled,.review-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.reviews-header{align-items:flex-start;flex-direction:column}.review-modal{width:95%}.review-modal .modal-footer{flex-direction:column}.review-modal .btn-primary,.review-modal .btn-secondary{width:100%}}.storefront-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.storefront-error,.storefront-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.storefront-loading .spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top:4px solid var(--primary,#6366f1);height:48px;width:48px}.storefront-error{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.storefront-error h2{color:#fff;color:var(--text-primary,#fff);font-size:24px;margin:0}.storefront-error svg{color:#4a4a5a;color:var(--text-muted,#4a4a5a)}.storefront-back-btn{align-items:center;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:10px 18px;transition:all .2s}.storefront-back-btn:hover{background:#ffffff0d;border-color:#6366f1;border-color:var(--primary,#6366f1)}.back-to-marketplace-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.back-to-marketplace-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.storefront-header{margin-bottom:48px}.seller-info-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:32px;padding:32px}.seller-avatar-large{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.seller-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#fff;font-size:48px;font-weight:700}.seller-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.store-name{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:700;line-height:1.2;margin:0}.seller-rating{align-items:center;display:flex;gap:12px}.review-count{font-size:14px}.review-count,.store-bio{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.store-bio{font-size:16px;line-height:1.6;margin:0;max-width:600px}.seller-stats{display:flex;flex-wrap:wrap;gap:24px;margin-top:8px}.stat-item{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;gap:8px}.stat-item svg,.stat-item.premium-badge{color:#6366f1;color:var(--primary,#6366f1)}.stat-item.premium-badge{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:20px;font-weight:600;padding:6px 12px}.stat-item.premium-badge svg{color:#fbbf24}.storefront-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;font-weight:500}.filter-group select{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:14px;padding:10px 16px;transition:border-color .2s}.filter-group select:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);outline:none}.storefront-listings{margin-top:32px}.listings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.no-listings{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px;text-align:center}.no-listings svg{color:#4a4a5a;color:var(--text-muted,#4a4a5a)}.no-listings h3{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:600;margin:0}.no-listings p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;margin:0}@media (max-width:768px){.storefront-page{padding:16px}.seller-info-card{align-items:center;flex-direction:column;padding:24px;text-align:center}.seller-avatar-large{height:100px;width:100px}.avatar-placeholder{font-size:40px}.store-name{font-size:24px}.store-bio{max-width:100%}.seller-stats{justify-content:center}.storefront-filters{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.listings-grid{grid-template-columns:1fr}}.listing-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:all .3s}.listing-card:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.listing-card-link{color:inherit;display:block;text-decoration:none}.listing-image-wrap{background:#0003;height:200px;overflow:hidden;width:100%}.listing-image{height:100%;object-fit:cover;transition:transform .3s;width:100%}.listing-card:hover .listing-image{transform:scale(1.05)}.listing-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 8px}.listing-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;flex:1 1;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis}.listing-type{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.listing-type.product{background:#667eea33;color:#667eea}.listing-type.service{background:#10b98133;color:#10b981}.listing-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:13px;margin:0 0 12px;overflow:hidden;padding:0 16px;text-overflow:ellipsis}.listing-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:0 16px 16px}.listing-details .price{color:#10b981;font-size:20px;font-weight:700}.listing-details .category{color:#ffffff80;font-size:12px}.condition-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px}.condition-badge.condition-new{background:#10b98133;color:#10b981}.condition-badge.condition-like-new{background:#3b82f633;color:#3b82f6}.condition-badge.condition-good{background:#fbbf2433;color:#fbbf24}.condition-badge.condition-fair{background:#ef444433;color:#ef4444}.stock-badge{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px}.stock-badge.sold-out{background:#ef4444e6;color:#fff}.stock-badge.low-stock{background:#fbbf24e6;color:#fff}.order-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff0d;border-radius:12px;display:block;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.order-id{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600}.order-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.order-status.status-pending{background:#eab30826;color:#eab308}.order-status.status-paid{background:#3b82f626;color:#3b82f6}.order-status.status-processing{background:#a855f726;color:#a855f7}.order-status.status-shipped{background:#22c55e26;color:#22c55e}.order-status.status-delivered{background:#22c55e40;color:#22c55e}.order-status.status-cancelled{background:#ef444426;color:#ef4444}.order-card-body{display:flex;gap:16px;margin-bottom:16px}.order-image{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.order-image img{height:100%;object-fit:cover;width:100%}.item-count{background:#000000b3;border-radius:10px;bottom:4px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px}.order-details{flex:1 1;min-width:0}.order-items{color:#fff;color:var(--text-primary,#fff);font-size:14px;margin:0 0 4px}.order-buyer,.order-tracking{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;margin:0}.order-card-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:16px}.order-date{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px}.order-total{color:#6366f1;color:var(--primary,#6366f1);font-size:18px;font-weight:700}.orders-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.orders-container{display:flex;flex-direction:column;gap:24px}.orders-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.orders-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0}.orders-subtitle{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);margin:4px 0 0}.back-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 20px;text-decoration:none;transition:background .2s}.back-btn:hover{background:#6366f11a}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.empty-state p{margin-bottom:20px}.shop-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s}.shop-btn:hover{transform:translateY(-2px)}@media (max-width:640px){.orders-page{padding:16px}.orders-header{flex-direction:column}.orders-grid{grid-template-columns:1fr}}.order-confirmation-page{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.confirmation-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:20px;max-width:800px;padding:40px;width:100%}.confirmation-error,.confirmation-loading{color:#fff;padding:60px 20px;text-align:center}.confirmation-error h2{font-size:24px;margin:0 0 16px}.confirmation-error p{color:#ffffffb3;margin:0 0 24px}.confirmation-header{border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding-bottom:32px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 32px #10b98166;color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.confirmation-header h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.confirmation-message{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0 0 20px}.order-number{background:#667eea33;border:1px solid #667eea4d;border-radius:20px;color:#667eea;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.confirmation-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.confirmation-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:24px}.section-header{color:#fff;gap:12px}.section-header h3{font-size:18px;font-weight:600;margin:0}.items-list{display:flex;flex-direction:column;gap:16px}.order-item{align-items:flex-start;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.item-info{flex:1 1}.item-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.item-sku{color:#ffffff80;font-family:Courier New,monospace;font-size:12px;margin-bottom:4px}.item-quantity{color:#fff9;font-size:13px}.item-price{color:#10b981;font-size:16px;font-weight:700}.shipping-info{gap:16px}.info-row,.shipping-info{display:flex;flex-direction:column}.info-row{gap:4px}.info-label{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#ffffffe6;font-size:14px;line-height:1.6}.payment-summary{display:flex;flex-direction:column;gap:12px}.summary-row{align-items:center;color:#fffc;display:flex;font-size:14px;justify-content:space-between}.summary-row.total{border-top:1px solid #ffffff1a;color:#fff;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.payment-method{background:#ffffff0d;border-radius:6px;color:#fff9;font-size:12px;margin-top:8px;padding:8px 12px;text-align:center}.confirmation-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.btn-primary,.btn-secondary{border-radius:10px;font-size:15px;font-weight:600;gap:8px;padding:14px 28px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff14}.confirmation-footer{border-top:1px solid #ffffff1a;padding-top:24px;text-align:center}.confirmation-footer p{color:#ffffff80;font-size:13px;line-height:1.6;margin:0}@media (max-width:640px){.confirmation-container{padding:24px}.confirmation-header h1{font-size:24px}.success-icon{height:64px;width:64px}.confirmation-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.order-item{flex-direction:column;gap:12px}.item-price{align-self:flex-start}}.return-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.return-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.return-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.return-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:800;margin:0}.return-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.return-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.return-modal-body{padding:24px}.return-policy-notice{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:24px;padding:16px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);font-size:14px;font-weight:800;margin-bottom:8px}.form-group select,.form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.char-count{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.image-upload-section{margin-top:8px}.upload-button-wrapper{margin-bottom:12px}.upload-button{background:var(--primary-color);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:800;padding:10px 16px;transition:all .2s}.upload-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.image-preview{aspect-ratio:1;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:800;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.remove-image:hover{background:#ef4444;transform:scale(1.1)}.help-text{color:var(--text-secondary);font-size:12px;margin-top:4px}.return-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-primary,.btn-secondary{border-radius:8px;font-size:14px;font-weight:800;padding:12px 24px}.btn-secondary{background:var(--card-bg)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#9333ea)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.return-modal{border-radius:0;max-height:100vh;max-width:100%}.return-modal-body,.return-modal-header{padding:16px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.return-modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.order-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-detail-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;width:min(900px,100%)}.order-detail-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.order-detail-header h2{color:var(--text-primary);font-size:18px;margin:0}.order-detail-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.order-detail-body{overflow:auto;padding:18px}.order-kv{grid-gap:10px;border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:160px 1fr;padding:10px 0}.order-kv .k{color:var(--text-secondary);font-size:12px}.order-kv .v{color:var(--text-primary);font-size:13px;font-weight:700}.order-items{border:1px solid var(--border-color);border-radius:14px;margin-top:14px}.order-item-row{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 14px}.order-item-row:last-child{border-bottom:none}.order-item-row .title{color:var(--text-primary);font-weight:800}.order-item-row .meta{color:var(--text-secondary);font-size:12px;margin-top:4px}.order-fulfillment-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.order-fulfillment-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;width:min(900px,100%)}.order-fulfillment-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 18px}.order-fulfillment-header h2{color:var(--text-primary);font-size:18px;margin:0}.order-fulfillment-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:26px}.order-fulfillment-body{overflow:auto;padding:18px}.seller-field{margin-bottom:12px}.seller-field label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:6px}.seller-field input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.seller-actions{margin-top:12px}.seller-btn:disabled{cursor:not-allowed;opacity:.6}.rate-list{margin-top:12px}.rate-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;margin-bottom:10px;padding:10px 12px}.rate-item.active{border-color:var(--accent-color)}.download-label-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;display:flex;font-weight:600;gap:8px;transition:all .2s}.download-label-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.seller-dashboard{margin:0 auto;max-width:1200px;padding:40px 20px}.seller-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.seller-header h1{color:var(--text-primary);margin:0}.seller-actions{display:flex;flex-wrap:wrap;gap:10px}.seller-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:10px 14px}.seller-btn.primary{background:var(--accent-color);border:none;color:#fff}.seller-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.seller-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px}.seller-card h2{color:var(--text-primary);font-size:16px;margin:0 0 10px}.seller-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.seller-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px}.seller-item-top{display:flex;gap:10px;justify-content:space-between}.seller-item-title{color:var(--text-primary);font-weight:800}.seller-item-meta{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:6px}.seller-item-actions{display:flex;gap:8px;margin-top:10px}.seller-item-actions button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:800;padding:8px 10px}.seller-item-actions button:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width:900px){.seller-grid{grid-template-columns:1fr}}.seller-orders-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.seller-orders-container{display:flex;flex-direction:column;gap:24px}.seller-orders-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.seller-orders-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0}.subtitle{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);margin:4px 0 0}.header-actions{gap:12px}.dashboard-btn,.listings-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 20px;text-decoration:none;transition:background .2s}.dashboard-btn:hover,.listings-btn:hover{background:#6366f11a}.orders-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:20px;color:#8a8aa3;color:var(--text-secondary,#8a8aa3);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#6366f11a;color:#fff;color:var(--text-primary,#fff)}.filter-btn.active{background:#6366f1;background:var(--primary,#6366f1);border-color:#6366f1;border-color:var(--primary,#6366f1);color:#fff}.orders-table-wrap{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:12px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #ffffff0d;padding:16px;text-align:left}.orders-table th{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.orders-table td{color:#fff;color:var(--text-primary,#fff);font-size:14px}.order-id-cell{font-family:monospace;font-size:12px}.total-cell{color:#6366f1;color:var(--primary,#6366f1);font-weight:700}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.status-paid{background:#3b82f626;color:#3b82f6}.status-badge.status-shipped{background:#22c55e26;color:#22c55e}.status-badge.status-delivered{background:#22c55e40;color:#22c55e}.status-badge.status-cancelled{background:#ef444426;color:#ef4444}.actions-cell{display:flex;gap:8px}.action-btn{border-radius:6px;font-size:12px;padding:6px 12px;transition:transform .2s}.action-btn:hover{transform:translateY(-1px)}.ship-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.deliver-btn{background:#22c55e33;color:#22c55e}.view-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.empty-state{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;padding:60px 20px}.empty-message,.empty-state p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3)}.modal-overlay{background:#000c;bottom:0;left:0;right:0;top:0;z-index:9999}.modal-content{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:16px;padding:24px}.modal-content h3{color:#fff;color:var(--text-primary,#fff);margin:0 0 8px}.modal-content>p{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);font-size:14px;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#8a8aa3;color:var(--text-secondary,#8a8aa3);display:block;font-size:12px;margin-bottom:6px}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary,#fff);font-size:14px;padding:12px;width:100%}.modal-actions{gap:12px;margin-top:24px}.cancel-btn{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;padding:10px 20px}.confirm-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.seller-orders-header{flex-direction:column}.orders-table td:nth-child(3),.orders-table th:nth-child(3){display:none}.actions-cell{flex-direction:column}}.seller-returns-page{margin:0 auto;max-width:1200px;padding:24px}.returns-header{margin-bottom:32px}.returns-header h1{color:var(--text-primary);font-size:32px;font-weight:800;margin:0 0 8px}.returns-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:800;padding:10px 20px;transition:all .2s}.filter-tabs button:hover{background:var(--hover-bg)}.filter-tabs button.active{background:linear-gradient(135deg,#3b82f6,#9333ea);border-color:#0000;color:#fff}.returns-list{display:flex;flex-direction:column;gap:16px}.empty-state{padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:800;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.return-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.return-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.return-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.return-order-id{color:var(--text-primary);font-size:18px;font-weight:800;margin-bottom:4px}.return-date{color:var(--text-secondary);font-size:13px}.return-card-body{margin-bottom:16px}.return-info-row{display:flex;font-size:14px;gap:8px;margin-bottom:12px}.return-info-row .label{color:var(--text-secondary);font-weight:800;min-width:80px}.return-info-row .value{color:var(--text-primary);flex:1 1}.return-images{margin-top:16px}.return-images .label{color:var(--text-secondary);display:block;font-size:14px;font-weight:800;margin-bottom:8px}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-grid a{aspect-ratio:1;border:2px solid var(--border-color);border-radius:8px;display:block;overflow:hidden;transition:all .2s}.image-grid a:hover{border-color:var(--primary-color);transform:scale(1.05)}.image-grid img{height:100%;object-fit:cover;width:100%}.return-card-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-approve,.btn-complete,.btn-reject{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;padding:10px 20px;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-complete{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-complete:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-approve:disabled,.btn-complete:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6}.rejection-reason{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:var(--text-primary);font-size:13px;padding:12px}.rejection-reason strong{color:#ef4444}@media (max-width:768px){.seller-returns-page{padding:16px}.returns-header h1{font-size:24px}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-tabs button{white-space:nowrap}.return-card{padding:16px}.return-card-header{flex-direction:column;gap:12px}.return-info-row{flex-direction:column;gap:4px}.return-info-row .label{min-width:auto}.return-card-actions{flex-direction:column}.btn-approve,.btn-complete,.btn-reject{width:100%}}.seller-coupons-page{margin:0 auto;max-width:1200px;padding:2rem}.coupons-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.coupons-header h1{color:var(--text-primary);font-size:2rem;font-weight:800;margin:0}.coupons-subtitle{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0 0}.coupons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.coupon-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s}.coupon-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.coupon-card.inactive{opacity:.6}.coupon-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.coupon-code{color:var(--accent-color);font-family:Courier New,monospace;font-size:1.25rem;font-weight:800}.coupon-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.icon-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.icon-btn.delete:hover{border-color:#ef4444;color:#ef4444}.coupon-details{display:flex;flex-direction:column;gap:1rem}.coupon-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.coupon-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-secondary);font-size:.75rem}.stat-value{color:var(--text-primary);font-size:.875rem}.coupon-status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.coupon-status.active{background:#10b98120;color:#10b981}.coupon-status.inactive{background:#6b728020;color:#6b7280}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem;max-width:400px}.modal-overlay{background:#00000080;padding:1rem;z-index:3000}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin:0}.modal-close{background:none;border-radius:.5rem;color:var(--text-secondary);font-size:2rem;height:2rem;line-height:1;padding:0;transition:all .2s;width:2rem}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.coupon-form{gap:1.25rem;padding:1.5rem}.coupon-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{color:var(--text-primary);font-size:.875rem;font-weight:700}.form-field input,.form-field select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:all .2s}.form-field input:focus,.form-field select:focus{border-color:var(--accent-color);outline:none}.form-field small{color:var(--text-secondary);font-size:.75rem}.form-field.checkbox{align-items:center;flex-direction:row;gap:.75rem}.form-field.checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.form-field.checkbox input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.modal-actions{border-top:1px solid var(--border-color);gap:1rem;padding-top:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width:768px){.seller-coupons-page{padding:1rem}.coupons-header{flex-direction:column}.coupons-grid,.form-row{grid-template-columns:1fr}}.profiles-page{margin:0 auto;max-width:1200px;padding:40px 20px}.profile-hero{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:30px;margin-bottom:30px;padding:40px}.hero-avatar{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:48px;font-weight:600;height:120px;justify-content:center;width:120px}.hero-info{flex:1 1;min-width:0;position:relative;z-index:1}.hero-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:8px}.hero-info h1{color:var(--text-primary);font-size:36px;margin:0}.hero-edit-btn{font-size:14px;padding:6px 12px}.hero-subtitle{font-size:18px;margin:0 0 4px}.hero-state,.hero-subtitle{color:var(--text-secondary)}.hero-state{font-size:16px;font-style:italic;margin:4px 0 0}.hero-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.hero-edit-form .form-group{display:flex;flex-direction:column;gap:4px}.hero-edit-form .form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.hero-edit-form .form-row{align-items:center;display:flex;gap:10px}.hero-edit-form .edit-input{box-sizing:border-box;flex:1 1;max-width:320px}.hero-edit-form .form-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.hero-edit-form .edit-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.checkbox-group{margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:var(--text-secondary);font-size:14px}.hero-state-selector{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:12px;padding-top:12px}.state-select-small{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;max-width:200px;min-width:150px;padding:6px 10px;transition:border-color .2s;width:auto}.state-select-small:focus{border-color:var(--accent-color);outline:none}.checkbox-label-small{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:6px}.checkbox-label-small input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-label-small span{color:var(--text-secondary);font-size:13px}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:30px;padding:30px}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.section-header h2{color:var(--text-primary);font-size:24px;margin:0}.edit-section-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.edit-section-btn:hover{opacity:.9}.view-events-btn{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s}.view-events-btn:hover{opacity:.9}.section-content{color:var(--text-secondary);line-height:1.6}.empty-text{color:var(--text-secondary);font-style:italic}.edit-section{display:flex;flex-direction:column;gap:15px}.edit-input,.edit-textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s}.edit-input:focus,.edit-textarea:focus{border-color:var(--accent-color);outline:none}.edit-actions{display:flex;gap:12px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.save-btn{background-color:var(--accent-color);color:#fff}.save-btn:hover{opacity:.9}.cancel-btn{background-color:var(--bg-secondary);color:var(--text-secondary)}.cancel-btn:hover{background-color:var(--border-color)}.interests-list{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{background-color:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);display:inline-block;font-size:14px;padding:8px 16px}.learner-events-list{display:flex;flex-direction:column;gap:12px}.learner-event-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:15px;transition:all .2s}.learner-event-item:hover{background:var(--card-bg);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.learner-event-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.learner-event-item h3{color:var(--text-primary);flex:1 1;font-size:18px;margin:0}.rsvp-pending-badge{background-color:#ffc10733;color:#ffc107}.attending-badge,.rsvp-pending-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.attending-badge{background-color:#28a74533;color:#28a745}.event-creator-badge{background-color:#4caf5033;border-radius:4px;color:#4caf50;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.learner-event-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:4px}.event-attendees-list{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.event-attendees-list strong{color:var(--text-primary);display:block;font-size:13px;margin-bottom:8px}.attendee-names{display:flex;flex-wrap:wrap;gap:6px}.attendee-name{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.learners-empty{padding:40px 20px;text-align:center}.learners-empty p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.learners-list{display:flex;flex-direction:column;gap:20px}.learner-card{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:20px;position:relative;transition:all .2s}.learner-card-content{cursor:pointer;flex:1 1}.learner-card:hover{background-color:var(--card-bg);box-shadow:var(--shadow-md);transform:translateY(-2px)}.delete-learner-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:30px}.delete-learner-btn:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.1)}.learner-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.learner-card h3{color:var(--text-primary);flex:1 1;font-size:20px;margin:0}.learner-events-badge{align-items:center;background-color:var(--accent-color);border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.learner-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:8px}.add-learner-btn{background-color:var(--accent-color);background-image:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color) 100%);background-position:0 100%;background-size:100% 100%;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.add-learner-btn:before{background-image:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity 1s ease;z-index:0}.add-learner-btn:hover:before{opacity:1}.add-learner-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.add-learner-btn span{color:#fff;display:inline-block;position:relative;transition:color 1s ease;z-index:1}.add-learner-btn:hover span{color:var(--accent-color)}.loading{color:var(--text-secondary);font-size:18px;padding:60px 20px;text-align:center}.overview-content{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:40px}.overview-section{margin-bottom:40px}.overview-section h2{color:var(--text-primary);font-size:28px;margin-bottom:20px}.feature-list{list-style:none;padding:0}.feature-list li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:16px;padding:12px 0}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.info-card h3{color:var(--text-primary);font-size:18px;margin-bottom:10px}.info-card p{color:var(--text-secondary);line-height:1.6}.auth-prompt{background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-color) 100%);border-radius:12px;color:#fff;margin-top:40px;opacity:.9;padding:40px;text-align:center}.auth-prompt h2{margin-bottom:15px}.auth-prompt p{margin-bottom:20px;opacity:.95}.auth-link-btn{background-color:var(--card-bg);border-radius:8px;color:var(--accent-color);display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:transform .2s}.auth-link-btn:hover{transform:translateY(-2px)}.authenticated-cta{margin-top:40px;text-align:center}.primary-btn{background-color:var(--accent-color);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:background-color .3s}.primary-btn:hover{opacity:.9}@media (max-width:768px){.profiles-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.profile-hero{flex-direction:column;padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem);text-align:center}.hero-avatar{font-size:clamp(2rem,8vw,2.5rem);height:clamp(5rem,20vw,6.25rem);margin:0 auto;width:clamp(5rem,20vw,6.25rem)}.hero-info{width:100%}.hero-edit-form{text-align:left}.hero-edit-form .form-row{align-items:stretch;flex-direction:column}.hero-edit-form .edit-input{max-width:100%}.hero-header{align-items:center;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.hero-info h1{font-size:clamp(1.5rem,6vw,1.75rem)}.hero-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}.hero-edit-btn{font-size:clamp(.8125rem,3.25vw,.875rem);min-height:2.75rem;padding:clamp(.5rem,2vw,.625rem) clamp(.875rem,3vw,1rem)}.hero-state-selector{align-items:flex-start;flex-direction:column}.state-select-small{font-size:clamp(.875rem,3.5vw,1rem);max-width:none;min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem);width:100%}.profile-section{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.section-header{align-items:flex-start;flex-direction:column;gap:clamp(.625rem,2.5vw,.75rem)}.section-header h2{font-size:clamp(1.25rem,5vw,1.375rem)}.edit-section-btn{font-size:clamp(.8125rem,3.25vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);width:100%}.edit-input,.edit-textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.edit-actions{flex-direction:column;width:100%}.add-learner-btn,.cancel-btn,.save-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.learner-card{padding:clamp(.875rem,3.5vw,1rem)}.learner-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.overview-content{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.overview-section h2{font-size:clamp(1.25rem,5vw,1.5rem)}.info-grid{grid-template-columns:1fr}.auth-prompt{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}.auth-link-btn,.primary-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.profiles-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.profile-hero{padding:clamp(1.25rem,5vw,1.5rem) clamp(.875rem,3.5vw,1rem)}.hero-avatar{font-size:clamp(1.75rem,7vw,2rem);height:clamp(4rem,16vw,5rem);width:clamp(4rem,16vw,5rem)}.hero-info h1{font-size:clamp(1.25rem,5vw,1.5rem)}.profile-section{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.section-header h2{font-size:clamp(1.125rem,4.5vw,1.25rem)}}.settings-page{margin-top:70px;min-height:calc(100vh - 70px);padding:60px 24px}.settings-container{margin:0 auto;max-width:1280px}.settings-title{color:var(--text-primary);font-size:48px;font-weight:800;letter-spacing:-.02em;margin-bottom:48px}.settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;padding:40px;transition:box-shadow .25s}.settings-section:hover{box-shadow:0 4px 16px #0000001f}.settings-section-title{margin-bottom:12px}.settings-section-description{font-size:15px;margin-bottom:24px}.theme-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.theme-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.theme-card:before{background:linear-gradient(90deg,var(--accent-color),#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .35s}.theme-card:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.theme-card:hover:before{opacity:1}.theme-card.active{border-color:var(--accent-color);border-width:3px;box-shadow:0 0 0 3px var(--accent-color-alpha)}.theme-card.active:before{opacity:1}.theme-preview{margin-bottom:16px}.theme-preview-bg{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.theme-preview-text{font-size:32px;font-weight:700;z-index:1}.theme-preview-accent{bottom:0;height:20px;left:0;position:absolute;right:0;z-index:0}.theme-info{text-align:center}.theme-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.theme-description{color:var(--text-secondary);font-size:13px;margin:0}.theme-checkmark{align-items:center;background:var(--accent-color);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.custom-theme-picker{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;margin-top:32px;padding:32px}.custom-theme-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.custom-theme-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.custom-preview-tile{border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden}.custom-preview-bg{align-items:center;display:flex;justify-content:center;min-height:200px;padding:24px;width:100%}.custom-preview-card{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);max-width:400px;padding:20px;width:100%}.custom-preview-text-primary{font-size:18px;font-weight:600;margin-bottom:8px}.custom-preview-text-secondary{font-size:14px;margin-bottom:16px}.custom-preview-accent-bar{border-radius:2px;height:4px;width:100%}.color-picker-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px}.color-picker-item{display:flex;flex-direction:column;gap:8px}.color-picker-label{color:var(--text-primary);font-size:14px;font-weight:500}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-picker-input{background:none;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:40px;overflow:hidden;padding:0;width:60px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-text{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px;transition:border-color .2s}.color-picker-text:focus{border-color:var(--accent-color);outline:none}.custom-theme-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:24px;padding-top:24px}.save-custom-theme-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.save-custom-theme-btn:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.save-custom-theme-btn:disabled{cursor:not-allowed;opacity:.6}.custom-theme-card{position:relative}.custom-theme-card:after{content:"✨";font-size:18px;position:absolute;right:8px;top:8px}@media (max-width:768px){.settings-page{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.settings-section{padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.theme-grid{gap:clamp(.875rem,3.5vw,1rem);grid-template-columns:1fr}.custom-theme-picker{padding:clamp(1rem,4vw,1.25rem)}.color-picker-grid{gap:clamp(.875rem,3.5vw,1rem);grid-template-columns:1fr}.color-picker-wrapper{align-items:stretch;flex-direction:column}.color-picker-input{width:100%}.settings-section-title{font-size:clamp(1.125rem,4.5vw,1.25rem)}.theme-card{padding:clamp(.875rem,3.5vw,1rem)}.theme-card h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.reset-theme-btn,.save-theme-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.settings-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.settings-section{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.settings-section-title{font-size:clamp(1rem,4vw,1.125rem)}.theme-card{padding:clamp(.625rem,2.5vw,.75rem)}}.account-settings-page{background:var(--bg-primary);min-height:100vh;padding:100px 24px 40px}.account-settings-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:900px;padding:48px;transition:box-shadow .25s}.account-settings-container:hover{box-shadow:0 8px 24px #0000001f}.account-settings-title{color:var(--text-primary);font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 40px}.account-settings-section{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:30px}.account-settings-section:last-of-type{border-bottom:none;margin-bottom:30px}.settings-section-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.settings-section-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.settings-field{margin-bottom:20px}.settings-label{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:8px}.tooltip-trigger{position:relative}.tooltip-icon,.tooltip-trigger{align-items:center;cursor:help;display:inline-flex}.tooltip-icon{background-color:var(--accent-color);border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:20px;justify-content:center;transition:all .2s;width:20px}.tooltip-trigger:hover .tooltip-icon{background-color:var(--accent-color);transform:scale(1.1)}.tooltip-trigger:after{background-color:var(--text-primary);border-radius:6px;bottom:100%;color:var(--card-bg);content:attr(title);font-size:12px;left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:1000}.tooltip-trigger:hover:after{opacity:1}.settings-select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;max-width:400px;padding:14px 18px;transition:all .25s;width:100%}.settings-select:focus,.settings-select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.settings-select:focus{outline:none}.settings-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;gap:10px;-webkit-user-select:none;user-select:none}.settings-checkbox{accent-color:var(--accent-color);cursor:pointer;height:20px;width:20px}.account-settings-actions{display:flex;justify-content:flex-end;margin-top:30px}.save-settings-btn{background-color:var(--accent-color);border:none;border-radius:12px;box-shadow:0 4px 14px 0 #4a90e24d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 36px;transition:all .25s cubic-bezier(.4,0,.2,1)}.save-settings-btn:hover:not(:disabled){box-shadow:0 8px 24px #4a90e266;transform:translateY(-2px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.account-settings-page{padding:clamp(4rem,16vw,5rem) clamp(.5rem,2vw,.625rem) clamp(1rem,4vw,1.25rem)}.account-settings-container{padding:clamp(1rem,4vw,1.25rem)}.account-settings-title{font-size:clamp(1.25rem,5vw,1.5rem)}.settings-section-title{font-size:clamp(1.125rem,4.5vw,1.25rem)}.account-settings-form input,.account-settings-form select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.save-settings-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}}@media (max-width:480px){.account-settings-page{padding:clamp(3.5rem,14vw,4.375rem) clamp(.375rem,1.5vw,.5rem) clamp(.75rem,3vw,.9375rem)}.account-settings-container{padding:clamp(.875rem,3.5vw,1rem)}.account-settings-title{font-size:clamp(1.125rem,4.5vw,1.375rem)}.settings-section-title{font-size:clamp(1rem,4vw,1.125rem)}}.danger-zone-section{background:#ef44440a;border:1.5px solid #ef44444d;border-radius:16px;margin-top:40px;padding:28px}.danger-zone-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.danger-zone-icon{color:#ef4444;flex-shrink:0}.danger-zone-title{color:#ef4444;font-size:18px;font-weight:700;margin:0}.danger-zone-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px}.danger-zone-btn{align-items:center;background:#0000;border:1.5px solid #ef444466;border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .22s ease}.danger-zone-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.danger-zone-btn:disabled{cursor:not-allowed;opacity:.5}.danger-zone-confirm{display:flex;flex-direction:column;gap:14px}.danger-zone-label{color:var(--text-secondary);font-size:14px;line-height:1.5}.danger-zone-input{font-family:monospace!important;max-width:400px!important}.danger-zone-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.danger-zone-confirm-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;box-shadow:0 4px 14px #ef444459;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .22s ease}.danger-zone-confirm-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 6px 20px #ef444473;transform:translateY(-1px)}.danger-zone-confirm-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.state-info-page{color:var(--text-primary);padding:40px 24px}.state-info-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:1200px;padding:40px;transition:box-shadow .25s}.state-info-container:hover{box-shadow:0 8px 24px #0000001f}.state-info-header h1{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.state-info-subtitle{color:var(--text-secondary);margin:0 0 20px}.state-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.state-selector label{color:var(--text-primary);font-weight:600}.state-selector select{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;max-width:320px;padding:12px 16px;transition:all .25s}.state-selector select:focus,.state-selector select:hover{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.state-selector select:focus{outline:none}.state-info-table{border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.table-row{grid-gap:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;gap:20px;grid-template-columns:240px 1fr;padding:20px 24px;transition:background-color .2s}.table-row:nth-child(odd){background:var(--card-bg)}.table-row:hover{background:var(--accent-color-alpha)}.table-row:last-child{border-bottom:none}.table-label{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em}.table-value{color:var(--text-secondary);font-size:15px;line-height:1.7}.reference-link{margin-top:10px}.reference-link a{color:var(--accent-color);font-weight:500;text-decoration:none}.reference-link a:hover{text-decoration:underline}.precedents-list{list-style-type:disc;margin:0;padding-left:20px}.precedents-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.reference-note{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.5;margin-top:15px}@media (max-width:768px){.state-info-page{padding:clamp(1rem,4vw,1.25rem) clamp(.5rem,2vw,.625rem)}.state-info-container{border-radius:clamp(.875rem,3.5vw,1rem);padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem)}.state-info-header h1{font-size:clamp(1.5rem,6vw,1.75rem)}.state-info-subtitle,.state-selector select{font-size:clamp(.875rem,3.5vw,1rem)}.state-selector select{max-width:none;min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem);width:100%}.table-row{gap:clamp(.625rem,2.5vw,.75rem);grid-template-columns:1fr;padding:clamp(.875rem,3.5vw,1rem)}.table-label{margin-bottom:clamp(.25rem,1vw,.375rem)}.table-label,.table-value{font-size:clamp(.8125rem,3.25vw,.875rem)}}@media (max-width:480px){.state-info-page{padding:clamp(.75rem,3vw,.9375rem) clamp(.375rem,1.5vw,.5rem)}.state-info-container{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.state-info-header h1{font-size:clamp(1.25rem,5vw,1.5rem)}.table-row{padding:clamp(.625rem,2.5vw,.75rem)}}.messages-page{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);min-height:calc(100vh - 80px);padding:20px}.messages-container{display:flex;gap:20px;height:calc(100vh - 120px);margin:0 auto;max-width:1400px}.messages-sidebar{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex-direction:column;padding:20px 0;width:240px}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:10px;padding:0 20px 20px}.sidebar-header h2{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:600;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-item{background:none;border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:15px;justify-content:space-between;padding:12px 16px}.nav-item:hover{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0)}.nav-item.active{background:#4a90e2;background:var(--accent-color,#4a90e2);font-weight:500}.nav-label{color:inherit;display:block;flex:1 1}@media (max-width:768px){.nav-label{align-items:center!important;display:flex!important;justify-content:center!important}}.nav-badge{background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.nav-item.active .nav-badge{background:#ffffff4d;color:#fff}.sidebar-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:8px;margin-top:auto;padding:20px 12px 0}.messages-content{display:flex;flex:1 1;gap:20px;min-width:0}.messages-content.hide-messages-pane .messages-reading-pane{flex:1 1;max-width:100%}.messages-list-pane{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex:0 0 400px;flex-direction:column;overflow:hidden}.messages-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.empty-messages{color:#666;color:var(--text-secondary,#666);font-size:15px;height:100%}.empty-messages,.support-request-btn{align-items:center;display:flex;justify-content:center}.support-request-btn{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:0 0 45%;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;transition:all .2s ease}.support-request-btn:hover{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);color:#fff}.support-request-btn svg{flex-shrink:0}.submit-feedback-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s ease}.submit-feedback-btn:hover{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);color:#fff}.support-back-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:none;border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;gap:6px;margin:8px;padding:8px 12px;transition:all .2s ease}.support-back-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.support-back-btn svg{flex-shrink:0}.message-item{background:#f9f9f9;background:var(--bg-primary,#f9f9f9);border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:16px;position:relative;transition:all .2s ease}.support-request-list .message-item{padding-top:8px}.message-item:hover{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0)}.message-item.selected{background:#4a90e21a;background:var(--accent-color-alpha,#4a90e21a);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2)}.message-item.unread{background:#fff;background:var(--card-bg,#fff);font-weight:500}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-from{color:#333;color:var(--text-primary,#333);font-size:15px;font-weight:600}.message-item.unread .message-from{font-weight:700}.message-time{color:#666;color:var(--text-secondary,#666);font-size:12px;white-space:nowrap}.message-subject{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-subject{font-weight:600}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--text-secondary,#666);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.unread-indicator{background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.messages-reading-pane{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-md,0 2px 8px #0000001a);display:flex;flex:0 0 auto;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:0;overflow:visible}.no-message-selected{align-items:center;color:#666;color:var(--text-secondary,#666);justify-content:center;padding:40px}.message-type-info,.no-message-selected{display:flex;flex-direction:column;height:100%}.message-type-info{overflow-y:auto;padding:24px}.message-type-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:24px;padding-bottom:20px}.message-type-header h2{color:#333;color:var(--text-primary,#333);font-size:28px;font-weight:600;margin:0 0 8px}.message-type-count{color:#666;color:var(--text-secondary,#666);font-size:15px;font-weight:500}.message-type-description{margin-bottom:24px}.message-type-description p{color:#333;color:var(--text-primary,#333);font-size:16px;line-height:1.6;margin:0}.empty-message-type{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.empty-message-type .empty-state-icon{color:#999;color:var(--text-secondary,#999);margin-bottom:16px;opacity:.5}.empty-message-type p{font-size:16px;margin:0}.empty-state-icon{color:#999;color:var(--text-secondary,#999);margin-bottom:16px;opacity:.5}.no-message-selected p{font-size:16px;margin:0}.message-view{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow-y:visible;padding:24px 24px 10px}.message-view-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.message-view.billing-view{padding-top:8px}.message-view-header.billing-header{margin-top:0;padding-top:0}.message-view-from{color:#666;color:var(--text-secondary,#666);font-size:14px}.message-view-from strong{color:#333;color:var(--text-primary,#333);margin-right:8px}.message-view-time{color:#666;color:var(--text-secondary,#666);font-size:13px;white-space:nowrap}.message-view-subject{margin-bottom:20px}.message-view-subject h3{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:600;line-height:1.3;margin:0}.message-view-body{color:#333;color:var(--text-primary,#333);flex:1 1;font-size:15px;line-height:1.6;margin-bottom:24px}.message-view-body p{margin:0 0 16px;white-space:pre-line}.support-body-textarea{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--text-primary,#333);font-family:inherit;font-size:15px;line-height:1.5;min-height:40px;overflow:hidden;padding:12px;resize:none;width:100%}.support-body-textarea:focus{border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;box-shadow:0 0 0 3px var(--accent-color-alpha,#4a90e21a);outline:none}.support-image-preview{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:inline-block;margin-bottom:16px;max-width:300px;overflow:hidden;position:relative}.support-image-preview img{display:block;height:auto;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.remove-image-btn:hover{background:#000c;transform:scale(1.1)}.compose-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.upload-image-btn{align-items:center;display:flex;flex:0 0 auto;gap:4px;height:auto;justify-content:center;max-width:-webkit-fit-content;max-width:fit-content;min-height:auto!important;min-width:auto!important;padding:8px 12px!important;width:auto!important}.compose-action-buttons{display:flex;gap:12px;margin-left:auto}.message-view-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;padding-top:20px}.action-btn{border:none;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:500;min-height:40px;min-width:100px;padding:10px 20px;transition:all .2s ease}.action-btn.primary{background:#4a90e2;background:var(--accent-color,#4a90e2);color:#fff}.action-btn.primary:hover{background:#357abd;background:var(--accent-color-hover,#357abd)}.action-btn.secondary{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}.action-btn.secondary:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.action-btn.danger{background:#0000;border:1px solid #e74c3c;color:#e74c3c}.action-btn.danger:hover{background:#e74c3c;color:#fff}@media (max-width:1024px){.messages-content{flex-direction:column}.messages-list-pane{flex:0 0 300px}.messages-reading-pane{min-height:400px}}@media (max-width:768px){.messages-page{min-height:calc(100vh - 4.375rem);padding:clamp(.5rem,2vw,1rem)}.messages-container{flex-direction:column;gap:clamp(.5rem,2vw,1rem);height:auto;max-width:100%}.messages-sidebar{border-radius:clamp(.5rem,2vw,.75rem);flex-direction:column;overflow:visible;padding:0;width:100%}.sidebar-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:0;padding:clamp(.875rem,3vw,1rem) clamp(.875rem,3vw,1rem) clamp(.625rem,2.5vw,.75rem)}.sidebar-header h2{font-size:clamp(1.125rem,4.5vw,1.375rem);margin:0}.sidebar-nav{grid-gap:clamp(.5rem,2vw,.625rem);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:grid;gap:clamp(.5rem,2vw,.625rem);grid-template-columns:repeat(2,1fr);padding:clamp(.75rem,3vw,1rem)}.nav-item{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #0000;border-radius:clamp(.5rem,2vw,.625rem);color:#333!important;color:var(--text-primary,#333)!important;display:flex;flex-direction:row;font-size:clamp(.8125rem,3.25vw,.875rem);font-weight:500;gap:clamp(.375rem,1.5vw,.5rem);justify-content:center;min-height:2.75rem;min-width:0;overflow:visible;padding:clamp(.75rem,3vw,.875rem) clamp(.5rem,2vw,.625rem);position:relative;text-align:center;transition:all .2s ease;width:100%}.nav-item *{color:inherit}.nav-item.active *{color:#fff!important}.nav-item:not(.active):hover{background:#e8e8e8;background:var(--bg-secondary,#e8e8e8);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0)}.nav-item.active{background:#4a90e2;background:var(--accent-color,#4a90e2);border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 2px 8px #4a90e24d}.nav-item.active,.nav-item.active .nav-label,.nav-item.active .nav-label-full,.nav-item.active .nav-label-short{color:#fff!important}.nav-item:active{transform:scale(.98)}.nav-label{align-items:center;color:#333!important;color:var(--text-primary,#333)!important;display:flex;flex:1 1;font-weight:500;justify-content:center;line-height:1.3;min-width:0;opacity:1!important;overflow:visible;padding-left:clamp(.25rem,1vw,.5rem);padding-right:clamp(1.25rem,5vw,1.75rem);position:relative;text-align:center;visibility:visible!important;white-space:nowrap;z-index:1}.nav-label>*{color:inherit!important}.nav-label-full,.nav-label>*{display:inline-block!important;opacity:1!important;visibility:visible!important}.nav-label-full{color:#333!important;color:var(--text-primary,#333)!important;font-size:inherit;line-height:inherit;position:relative;text-align:center;width:auto;z-index:1}.nav-item.active .nav-label-full{color:#fff!important}.nav-label-short{display:none!important;height:0;opacity:0!important;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden!important;width:0}.nav-item .nav-badge{align-items:center;background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.625rem,2.5vw,.6875rem);font-weight:600;height:clamp(1.125rem,4.5vw,1.25rem);justify-content:center;min-width:clamp(1.125rem,4.5vw,1.25rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);position:absolute;right:clamp(.25rem,1vw,.375rem);top:clamp(.25rem,1vw,.375rem);z-index:2}@media (max-width:480px){.nav-label{color:#333!important;color:var(--text-primary,#333)!important;font-size:clamp(.75rem,3vw,.8125rem);line-height:1.2;white-space:normal}.nav-item.active .nav-label{color:#fff!important}.nav-item .nav-label-full{color:inherit!important;display:inline-block!important;opacity:1!important;visibility:visible!important}.nav-item .nav-label-short{display:none!important;opacity:0!important;visibility:hidden!important}.nav-item.active .nav-label-full{color:#fff!important}.nav-item{color:#333!important;color:var(--text-primary,#333)!important;font-size:clamp(.75rem,3vw,.8125rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.375rem,1.5vw,.5rem)}.nav-item.active{color:#fff!important}}.nav-badge{align-items:center;border-radius:50%;box-shadow:0 2px 4px #00000026;display:flex;font-size:clamp(.625rem,2.5vw,.6875rem);font-weight:600;height:clamp(1.125rem,4.5vw,1.25rem);justify-content:center;min-width:clamp(1.125rem,4.5vw,1.25rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);position:absolute;right:clamp(.25rem,1vw,.375rem);top:clamp(.25rem,1vw,.375rem)}.nav-item.active .nav-badge{background:#ffffff40;box-shadow:0 2px 4px #0003;color:#fff}.sidebar-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);flex-direction:row;flex-shrink:0;gap:clamp(.5rem,2vw,.625rem)}.sidebar-footer,.submit-feedback-btn,.support-request-btn{padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem)}.submit-feedback-btn,.support-request-btn{flex:1 1;font-size:clamp(.875rem,3.5vw,.9375rem);justify-content:center;min-height:2.75rem}.messages-content{flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.messages-list-pane{border-radius:clamp(.5rem,2vw,.75rem);flex:0 0 auto;max-height:60vh;order:1;width:100%}.messages-content.hide-messages-pane .messages-list-pane{display:none}.messages-reading-pane{border-radius:clamp(.5rem,2vw,.75rem);min-height:60vh;order:2;width:100%}.messages-content.hide-messages-pane .messages-reading-pane{min-height:calc(100vh - 12.5rem)}.message-item{min-height:clamp(3.5rem,12vw,3.75rem);padding:clamp(.75rem,3vw,.875rem)}.message-header{margin-bottom:clamp(.375rem,1.5vw,.5rem)}.message-from{font-size:clamp(.875rem,3.5vw,.9375rem)}.message-time{font-size:clamp(.6875rem,2.75vw,.75rem)}.message-subject{font-size:clamp(.8125rem,3.25vw,.875rem);margin-bottom:clamp(.375rem,1.5vw,.5rem)}.message-preview{font-size:clamp(.75rem,3vw,.8125rem)}.message-view{padding:clamp(1rem,4vw,1.25rem)}.mobile-back-btn{align-items:center;background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:clamp(.375rem,1.5vw,.5rem);color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:clamp(.875rem,3.5vw,.9375rem);font-weight:500;gap:clamp(.375rem,1.5vw,.5rem);margin-bottom:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);transition:all .2s ease;width:100%}.mobile-back-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.mobile-back-btn svg{flex-shrink:0;height:clamp(1rem,4vw,1.25rem);width:clamp(1rem,4vw,1.25rem)}.message-view-header{align-items:flex-start;flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem);margin-bottom:clamp(.875rem,3.5vw,1rem)}.message-view-subject h3{font-size:clamp(1.125rem,4.5vw,1.25rem)}.message-view-body{font-size:clamp(.875rem,3.5vw,.9375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.message-view-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem);padding-top:clamp(.875rem,3.5vw,1rem)}.action-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;min-width:auto;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.compose-action-buttons{flex-direction:column;gap:clamp(.5rem,2vw,.625rem);margin-left:0;width:100%}.upload-image-btn{font-size:clamp(.875rem,3.5vw,.9375rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);width:100%}.support-body-textarea{font-size:clamp(.875rem,3.5vw,1rem);min-height:clamp(7rem,25vw,7.5rem);padding:clamp(.625rem,2.5vw,.75rem)}.message-type-header h2{font-size:clamp(1.25rem,5vw,1.5rem)}.message-type-info{padding:clamp(1rem,4vw,1.25rem)}.no-message-selected{padding:clamp(1.5rem,6vw,1.875rem) clamp(1rem,4vw,1.25rem)}}@media (max-width:480px){.messages-page{padding:clamp(.375rem,2vw,.5rem)}.messages-container{gap:clamp(.375rem,2vw,.5rem)}.messages-sidebar{border-radius:clamp(.5rem,2.5vw,.625rem)}.sidebar-header{padding:clamp(.75rem,3.5vw,.875rem)}.sidebar-header h2{font-size:clamp(1.125rem,5vw,1.25rem)}.sidebar-nav{gap:clamp(.5rem,2vw,.625rem);padding:clamp(.625rem,2.5vw,.75rem)}.nav-item{font-size:clamp(.75rem,3vw,.8125rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem) clamp(.375rem,1.5vw,.5rem)}.nav-badge{font-size:clamp(.5625rem,2.25vw,.625rem);height:clamp(1rem,4vw,1.125rem);min-width:clamp(1rem,4vw,1.125rem);padding:clamp(.125rem,.5vw,.1875rem) clamp(.375rem,1.5vw,.5rem);right:clamp(.1875rem,.75vw,.25rem);top:clamp(.1875rem,.75vw,.25rem)}.sidebar-footer{flex-direction:column;gap:clamp(.375rem,1.5vw,.5rem);padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.submit-feedback-btn,.support-request-btn{font-size:clamp(.8125rem,3.5vw,.875rem);padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem);width:100%}.messages-list-pane{border-radius:clamp(.5rem,2.5vw,.625rem);max-height:45vh}.messages-reading-pane{border-radius:clamp(.5rem,2.5vw,.625rem);min-height:45vh}.message-item{margin-bottom:clamp(.375rem,1.5vw,.5rem);padding:clamp(.625rem,2.5vw,.75rem)}.message-from{font-size:clamp(.8125rem,3.5vw,.875rem)}.message-subject{font-size:clamp(.75rem,3vw,.8125rem)}.message-preview{font-size:clamp(.6875rem,2.75vw,.75rem)}.message-view{padding:clamp(.875rem,3.5vw,1rem)}.mobile-back-btn{font-size:clamp(.8125rem,3.5vw,.875rem);margin-bottom:clamp(.625rem,2.5vw,.75rem);padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.message-view-subject h3{font-size:clamp(1rem,4.5vw,1.125rem)}.message-view-body{font-size:clamp(.8125rem,3.5vw,.875rem)}.message-view-actions{padding-top:clamp(.625rem,2.5vw,.75rem)}.action-btn{font-size:clamp(.875rem,3.5vw,.9375rem);padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem)}.message-type-header h2{font-size:clamp(1.125rem,5vw,1.25rem)}.message-type-info{padding:clamp(.875rem,3.5vw,1rem)}.support-back-btn{font-size:clamp(.8125rem,3.5vw,.875rem);min-height:2.75rem;padding:clamp(.5rem,2.5vw,.625rem) clamp(.75rem,3.5vw,.875rem)}.support-image-preview{max-width:100%}.remove-image-btn{font-size:clamp(1rem,4.5vw,1.125rem);height:clamp(1.75rem,8vw,2rem);width:clamp(1.75rem,8vw,2rem)}}.learner-access-page{background:var(--background);min-height:calc(100vh - 70px);padding:2rem 1rem}.learner-access-container{margin:0 auto;max-width:1200px}.learner-avatar-small{font-size:.875rem;height:40px;width:40px}.learner-avatar-large,.learner-avatar-small{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.learner-avatar-large{font-size:1.25rem;height:64px;width:64px}.learner-access-table-wrapper{overflow-x:auto}.learner-access-page table{border:2px solid var(--border);border-collapse:initial;border-radius:8px;border-spacing:0;min-width:700px;width:100%}.learner-access-page thead{background:var(--muted)}.learner-access-page th{border-bottom:2px solid var(--border);border-right:1px solid var(--border);font-weight:600;padding:1rem .75rem;text-align:center}.learner-access-page th:first-child{text-align:left}.learner-access-page th:last-child{border-right:none}.learner-access-page td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.75rem}.learner-access-page td:last-child{border-right:none}.learner-access-page tbody tr:last-child td{border-bottom:none}.learner-access-page tbody tr:hover{background:var(--muted)}.learner-name-col{min-width:180px;width:200px}.learner-name-cell{padding:.5rem .75rem!important}.learner-name-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.25rem;text-align:left;transition:background-color .2s;width:100%}.learner-name-button:hover{background:var(--accent)}.learner-name-info{display:flex;flex-direction:column}.learner-username{color:var(--primary);font-weight:600}.learner-age{color:var(--muted-foreground);font-size:.75rem}.permission-col{min-width:100px;width:120px}.profile-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.profile-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-height:80vh;overflow-y:auto;position:relative;width:90%}.changelog-modal,.profile-modal{max-width:1200px}.changelog-modal .change-log-scroll{max-height:60vh;overflow-y:auto}.profile-modal-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;position:absolute;right:1rem;top:1rem}.profile-modal-close:hover{color:var(--foreground)}.profile-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1.5rem}.profile-modal-title{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.profile-modal-subtitle{color:var(--muted-foreground);margin:0}.profile-modal-content{padding:1.5rem}.profile-section{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-section-header{margin-bottom:.75rem}.profile-section h3{color:var(--foreground);font-size:1rem;font-weight:600;margin:0}.profile-section-buttons{display:flex;gap:.5rem}.profile-value{color:var(--muted-foreground);margin:0}.profile-details,.profile-value{font-size:.875rem}.profile-details p{margin:.25rem 0}.detail-label{color:var(--muted-foreground)}.edit-container{display:flex;flex-direction:column;gap:.5rem}.profile-textarea{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.profile-textarea:focus{border-color:var(--primary);outline:none}.edit-buttons{display:flex;gap:.5rem;justify-content:flex-end}.change-log-container{margin-top:.5rem}.change-log-table{border-collapse:collapse;font-size:.875rem;margin-top:.5rem;width:100%}.change-log-table td,.change-log-table th{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}.change-log-table th{color:var(--muted-foreground);font-size:.75rem;font-weight:600;text-transform:uppercase}.change-log-table tbody tr:hover,.change-log-table th{background:var(--muted)}.change-old-value{color:var(--destructive)}.change-new-value{color:var(--primary)}.change-log-scroll{max-height:200px;overflow-y:auto}@media (max-width:768px){.learner-access-page{padding:1rem .5rem}.learner-access-page td,.learner-access-page th{padding:.5rem}.learner-avatar-small{font-size:.75rem;height:32px;width:32px}.learner-name-button{gap:.5rem}.profile-modal{min-width:0;min-width:auto;width:95%}.profile-section-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.add-learner-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;filter:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.add-learner-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);filter:none;max-width:500px;padding:30px;position:relative;width:100%}.add-learner-modal .alm-close-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;transition:color .2s,opacity .2s;width:30px}.add-learner-modal .alm-close-btn:hover:not(:disabled){color:var(--text-primary)}.add-learner-modal .alm-close-btn:disabled{cursor:not-allowed;opacity:.25}.add-learner-modal h2{color:var(--text-primary);font-size:24px;margin:0 0 25px}.add-learner-modal .alm-form{display:flex;flex-direction:column;gap:20px}.add-learner-modal .alm-field{display:flex;flex-direction:column;gap:8px}.add-learner-modal .alm-field label{color:var(--text-primary);font-size:14px;font-weight:500}.add-learner-modal .alm-required{color:#e74c3c}.add-learner-modal .alm-field input,.add-learner-modal .alm-field select{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:12px;transition:border-color .2s}.add-learner-modal .alm-field input:focus,.add-learner-modal .alm-field select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha);outline:none}.add-learner-modal .alm-field input.alm-input-error,.add-learner-modal .alm-field select.alm-input-error{border-color:#e74c3c}.add-learner-modal .alm-error{color:#e74c3c;font-size:12px;margin-top:-5px}.add-learner-modal .alm-error-banner{background:#e74c3c14;border-radius:6px;color:#e74c3c;font-size:14px;margin-bottom:15px;padding:10px}.add-learner-modal .alm-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.add-learner-modal .alm-cancel-btn,.add-learner-modal .alm-submit-btn{align-items:center;border:1px solid #0000;border-radius:6px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:44px;justify-content:center;line-height:1.2;margin:0;outline:none;padding:12px 24px;transition:all .2s;white-space:nowrap;width:160px}.add-learner-modal .alm-cancel-btn{background-color:var(--bg-secondary);color:var(--text-secondary)}.add-learner-modal .alm-cancel-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.add-learner-modal .alm-submit-btn{background-color:var(--accent-color);color:#fff}.add-learner-modal .alm-submit-btn:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.add-learner-modal .alm-submit-btn:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none}.add-learner-modal .alm-congrats{margin-bottom:24px;text-align:center}.add-learner-modal .alm-congrats-icon{animation:alm-bounce .6s ease;font-size:48px;margin-bottom:12px}@keyframes alm-bounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-learner-modal .alm-congrats h2{color:var(--text-primary);font-size:22px;margin:0 0 6px}.add-learner-modal .alm-congrats-subtitle{color:var(--text-secondary);font-size:15px;margin:0}.add-learner-modal .alm-congrats-subtitle strong{color:var(--accent-color)}.add-learner-modal .alm-credentials{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px}.add-learner-modal .alm-credential-row label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.add-learner-modal .alm-credential-value{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px}.add-learner-modal .alm-password-row{align-items:center;display:flex;gap:8px}.add-learner-modal .alm-password-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:15px;font-weight:600;letter-spacing:.5px;padding:12px}.add-learner-modal .alm-password-input:focus{border-color:var(--accent-color);outline:none}.add-learner-modal .alm-copy-wrapper{flex-shrink:0;position:relative}.add-learner-modal .alm-copied-toast{animation:alm-toast-in .25s ease;background:#27ae60;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 2px 8px #27ae604d;color:#fff;font-size:12px;font-weight:600;left:50%;padding:5px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.add-learner-modal .alm-copied-toast:after{border:5px solid #0000;border-top-color:#27ae60;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@keyframes alm-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.add-learner-modal .alm-copy-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:12px 20px;transition:all .2s;white-space:nowrap}.add-learner-modal .alm-copy-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.add-learner-modal .alm-copy-btn:disabled{cursor:not-allowed;opacity:.5}.add-learner-modal .alm-info-box{background-color:#e67e2214;border:1px solid #e67e2240;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:14px 16px}.add-learner-modal .alm-info-line{color:var(--text-primary);font-size:13px;line-height:1.5;margin:0}.add-learner-modal .alm-info-line strong{color:#e67e22}.add-learner-modal .alm-done-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:48px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.add-learner-modal .alm-done-active{background-color:#27ae60;color:#fff}.add-learner-modal .alm-done-active:hover{background-color:#219a52;box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.add-learner-modal .alm-done-disabled{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}@media (max-width:768px){.add-learner-modal-overlay{align-items:flex-end;padding:clamp(.5rem,2vw,.625rem)}.add-learner-modal{border-radius:clamp(1rem,4vw,1.25rem) clamp(1rem,4vw,1.25rem) 0 0;max-height:95vh;max-width:100%;overflow-y:auto;padding:clamp(1.25rem,5vw,1.5rem) clamp(1rem,4vw,1.25rem);width:100%}.add-learner-modal h2{font-size:clamp(1.125rem,4.5vw,1.375rem);margin-bottom:clamp(1rem,4vw,1.25rem)}.add-learner-modal .alm-close-btn{font-size:clamp(1.75rem,7vw,2rem);height:2.75rem;right:clamp(.5rem,2vw,.625rem);top:clamp(.5rem,2vw,.625rem);width:2.75rem}.add-learner-modal .alm-field input,.add-learner-modal .alm-field select{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.add-learner-modal .alm-actions{flex-direction:column;gap:clamp(.5rem,2vw,.625rem)}.add-learner-modal .alm-cancel-btn,.add-learner-modal .alm-submit-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem);width:100%}.add-learner-modal .alm-password-row{align-items:stretch;flex-direction:column}.add-learner-modal .alm-copy-btn{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.75rem,3vw,.875rem) clamp(1rem,4vw,1.25rem)}.add-learner-modal .alm-password-input{font-size:clamp(.875rem,3.5vw,1rem);min-height:2.75rem;padding:clamp(.625rem,2.5vw,.75rem)}.add-learner-modal .alm-copied-toast{bottom:auto;top:calc(100% + 8px)}.add-learner-modal .alm-copied-toast:after{border-bottom-color:#27ae60;border-top-color:#0000;bottom:100%;top:auto}}@media (max-width:480px){.add-learner-modal{padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3.5vw,1rem)}.add-learner-modal h2{font-size:clamp(1rem,4vw,1.25rem)}.add-learner-modal .alm-congrats-icon{font-size:36px}}.learner-detail{padding:1.5rem}.learner-detail .btn-ghost.btn-sm{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;transition:all .3s ease}.learner-detail .btn-ghost.btn-sm:hover{background:#667eea26;border-color:#667eea4d;transform:translateX(-2px)}.learner-detail-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea26,#764ba21a 50%,#667eea14);border:1px solid #ffffff1f;border-radius:1.25rem;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff1a;margin-bottom:1.5rem;padding:1.5rem}.learner-detail-header .learner-avatar{align-items:center;border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 24px #00000040,inset 0 2px 4px #fff3;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:80px;justify-content:center;width:80px}.learner-detail-header .learner-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.learner-detail-header .learner-info p{color:#ffffffb3}.learner-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.learner-tab{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.learner-tab:hover{background:#ffffff14;color:#ffffffe6}.learner-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.learner-tab .tab-icon{font-size:1.25rem}.learner-tab .tab-label{display:none}@media (min-width:640px){.learner-tab .tab-label{display:inline}}.ld-container{margin:0 auto;max-width:1482px;padding:1rem 1.5rem 3rem;position:relative}.ld-loading{flex-direction:column;gap:1rem;min-height:400px}.ld-loading,.ld-loading-spinner{align-items:center;display:flex;justify-content:center}.ld-loading-spinner{color:#fff9;position:relative}.ld-pulse-ring{animation:ld-pulse 1.5s ease-in-out infinite;border:2px solid #667eea4d;border-radius:50%;height:48px;position:absolute;width:48px}@keyframes ld-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.ld-loading-inline,.ld-loading-text{color:#ffffff80;font-size:.875rem}.ld-loading-inline{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.ld-loading-inline .ld-pulse-ring{height:32px;position:relative;width:32px}.ld-not-found{align-items:center;color:#ffffff80;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.ld-not-found h2{color:#fff;font-size:1.25rem;font-weight:600}.ld-toast{align-items:center;animation:ld-slide-in .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;box-shadow:0 8px 32px #0000004d;display:flex;font-size:.85rem;gap:.75rem;max-width:420px;padding:.875rem 1rem;position:fixed;right:1.5rem;top:1.5rem;z-index:1000}@keyframes ld-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.ld-toast-success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.ld-toast-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.ld-toast-content{align-items:center;display:flex;flex:1 1;gap:.5rem;word-break:break-word}.ld-toast-copy{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ld-toast-copy:hover{background:#fff3}.ld-toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1;opacity:.6;padding:.25rem}.ld-toast-close:hover{opacity:1}.ld-breadcrumb{align-items:center;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1.25rem}.ld-breadcrumb-link{align-items:center;color:#ffffff80;display:flex;font-weight:500;gap:.35rem;text-decoration:none;transition:color .2s ease}.ld-breadcrumb-link:hover{color:#667eea}.ld-breadcrumb-sep{color:#ffffff40}.ld-breadcrumb-current{color:#fffc;font-weight:600}.ld-hero{border:1px solid #ffffff1a;border-radius:1.25rem;margin-bottom:1.25rem;overflow:hidden;position:relative}.ld-hero-bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea2e,#764ba21f 40%,#667eea0f);inset:0;position:absolute}.ld-hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.5rem;position:relative}.ld-avatar-wrapper{flex-shrink:0;position:relative}.ld-avatar{border:2px solid #ffffff26;border-radius:1rem;box-shadow:0 8px 24px #00000040,inset 0 1px 2px #fff3;color:#fff;font-size:1.5rem;font-weight:700;height:72px;width:72px}.ld-avatar,.ld-avatar-status{align-items:center;display:flex;justify-content:center}.ld-avatar-status{background:#0f1423e6;border-radius:50%;bottom:-2px;height:18px;position:absolute;right:-2px;width:18px}.ld-status-dot{border-radius:50%;height:10px;width:10px}.ld-status-dot.active{background:#4ade80;box-shadow:0 0 8px #4ade8080}.ld-status-dot.paused{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.ld-hero-info{flex:1 1;min-width:0}.ld-hero-name{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.375rem}.ld-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem}.ld-meta-tag{align-items:center;background:#ffffff14;border:1px solid #ffffff0f;border-radius:1rem;color:#ffffffa6;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;padding:.25rem .625rem}.ld-meta-access{background:#667eea1f;border-color:#667eea33;color:#a5b4fc}.ld-hero-actions{flex-shrink:0}.ld-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;box-shadow:0 4px 12px #667eea59;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.6rem 1.15rem;transition:all .25s ease}.ld-btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #667eea73;transform:translateY(-1px)}.ld-btn-primary:disabled{cursor:not-allowed;opacity:.6}.ld-btn-outline{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:.625rem;color:#fffc;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.55rem 1rem;transition:all .25s ease}.ld-btn-outline:hover:not(:disabled){background:#667eea1f;border-color:#667eea59;color:#fff}.ld-btn-outline:disabled{cursor:not-allowed;opacity:.5}.ld-btn-ghost{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:.5rem;color:#fff9;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.5rem .875rem;transition:all .2s ease}.ld-btn-ghost:hover{background:#ffffff0f;color:#fff}.ld-reset-confirm{align-items:center;animation:ldFadeSlideIn .25s ease;display:inline-flex;gap:.5rem}.ld-reset-confirm-label{color:#ffffffb3;font-size:.8rem;font-weight:500;white-space:nowrap}.ld-btn-confirm-no,.ld-btn-confirm-yes{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .875rem;transition:all .2s ease}.ld-btn-confirm-yes{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.ld-btn-confirm-yes:hover{background:#22c55e4d;border-color:#22c55e80}.ld-btn-confirm-no{background:#ef444426;border:1px solid #ef444440;color:#f87171}.ld-btn-confirm-no:hover{background:#ef444440;border-color:#ef444466}@keyframes ldFadeSlideIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.ld-spin{animation:ldSpin 1s linear infinite}@keyframes ldSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ld-password-modal-overlay{align-items:center;animation:ldFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes ldFadeIn{0%{opacity:0}to{opacity:1}}.ld-password-modal{animation:ldSlideUp .3s ease;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:1.25rem;box-shadow:0 24px 48px #00000080;max-width:460px;padding:2rem;position:relative;width:90%}@keyframes ldSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ld-password-modal-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.ld-password-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.ld-password-modal-close:disabled{cursor:not-allowed;opacity:.3}.ld-password-modal-header{margin-bottom:1.5rem;text-align:center}.ld-password-modal-icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba226);border:1px solid #667eea4d;border-radius:50%;color:#667eea;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.ld-password-modal-header h2{color:#fff;font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.ld-password-modal-subtitle{color:#ffffff80;font-size:.875rem;margin:0}.ld-password-modal-credentials{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.ld-password-modal-field label{color:#ffffff73;display:block;font-size:.7rem;font-weight:500;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.ld-password-modal-value{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.625rem;color:#fff;font-size:.9rem;font-weight:500;padding:.65rem .875rem}.ld-password-modal-row{align-items:center;display:flex;gap:.5rem}.ld-password-modal-input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.625rem;color:#fff;flex:1 1;font-family:monospace;font-size:.9rem;font-weight:500;outline:none;padding:.65rem .875rem}.ld-password-modal-copy-wrapper{flex-shrink:0;position:relative}.ld-password-modal-copied{animation:ldFadeSlideIn .2s ease;background:#22c55e;border-radius:.375rem;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:.2rem .5rem;position:absolute;top:-28px;transform:translateX(-50%);white-space:nowrap}.ld-password-modal-copy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.55rem .875rem;transition:all .2s ease}.ld-password-modal-copy-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.ld-password-modal-info{background:#fbbf2414;border:1px solid #fbbf2433;border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem}.ld-password-modal-info p{color:#ffffffb3;font-size:.8rem;line-height:1.5;margin:0}.ld-password-modal-info p+p{margin-top:.375rem}.ld-password-modal-actions{text-align:center}.ld-password-modal-done{border:none;border-radius:.75rem;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .25s ease;width:100%}.ld-password-modal-done.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.ld-password-modal-done.active:hover{box-shadow:0 6px 18px #22c55e66;transform:translateY(-1px)}.ld-password-modal-done.disabled{background:#ffffff0f;color:#ffffff4d;cursor:not-allowed}.ld-btn-danger{border-color:#ef44444d!important;color:#f87171e6!important}.ld-btn-danger:hover:not(:disabled){background:#ef44441f!important;border-color:#ef444480!important;color:#f87171!important}.ld-delete-modal .ld-password-modal-actions{display:flex;gap:.75rem}.ld-delete-modal .ld-password-modal-done{flex:1 1}.ld-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.875rem;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.3rem}.ld-tab{align-items:center;background:#0000;border:none;border-radius:.625rem;color:#ffffff73;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:.4rem;justify-content:center;overflow:hidden;padding:.65rem .5rem;position:relative;transition:all .3s ease}.ld-tab:hover{background:#ffffff0a;color:#ffffffbf}.ld-tab.active{background:#667eea33;color:#fff}.ld-tab-icon{flex-shrink:0}.ld-tab-label{display:none}.ld-tab-indicator{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:0;height:2px;left:20%;position:absolute;right:20%}@media (min-width:640px){.ld-tab-label{display:inline}}.ld-content{animation:ld-fade-in .3s ease}@keyframes ld-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ld-activity,.ld-events,.ld-profile{display:flex;flex-direction:column;gap:1rem}.ld-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem;transition:all .3s ease}.ld-section:hover{border-color:#ffffff1f}.ld-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ld-section-title-group{align-items:center;display:flex;gap:.625rem}.ld-section-icon{align-items:center;background:#667eea1f;border-radius:.5rem;color:#667eea;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ld-section-icon.accent{background:#f093fb1f;color:#f093fb}.ld-section-icon.subtle{background:#ffffff0f;color:#ffffff80}.ld-section-title{color:#fff;font-size:1rem;font-weight:600}.ld-edit-btn{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:.5rem;color:#a5b4fc;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.375rem .75rem;transition:all .2s ease}.ld-edit-btn:hover{background:#667eea33;border-color:#667eea66}.ld-section-body{color:#ffffffbf;font-size:.9rem;line-height:1.6}.ld-section-body.empty{color:#ffffff59;font-style:italic}.ld-edit-area{display:flex;flex-direction:column;gap:.75rem}.ld-textarea{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.75rem;color:#fff;font-family:inherit;font-size:.875rem;line-height:1.5;outline:none;padding:.875rem;resize:vertical;transition:border-color .2s ease;width:100%}.ld-textarea::placeholder{color:#ffffff4d}.ld-textarea:focus{border-color:#667eea80}.ld-edit-hint{color:#ffffff59;font-size:.7rem}.ld-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.ld-interests-list{display:flex;flex-wrap:wrap;gap:.5rem}.ld-interest-chip{background:linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid #667eea40;border-radius:2rem;color:#c4b5fd;display:inline-flex;font-size:.78rem;font-weight:500;padding:.35rem .875rem;transition:all .2s ease}.ld-interest-chip:hover{background:linear-gradient(135deg,#667eea40,#764ba22e);transform:translateY(-1px)}.ld-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.ld-info-grid{grid-template-columns:1fr}}.ld-info-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.625rem;gap:.75rem;padding:.75rem}.ld-info-icon,.ld-info-item{align-items:center;display:flex}.ld-info-icon{background:#ffffff0f;border-radius:.5rem;color:#fff6;flex-shrink:0;height:32px;justify-content:center;width:32px}.ld-info-label{color:#fff6;display:block;font-size:.65rem;font-weight:500;letter-spacing:.05em;margin-bottom:.125rem;text-transform:uppercase}.ld-info-value{color:#fff;display:block;font-size:.85rem;font-weight:500}.ld-account-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.ld-account-form{grid-template-columns:1fr}}.ld-form-field{display:flex;flex-direction:column;gap:.375rem}.ld-form-label{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;letter-spacing:.04em;text-transform:uppercase}.ld-form-label svg{opacity:.6}.ld-form-input,.ld-form-select{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.5rem;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.875rem;outline:none;padding:.625rem .75rem;transition:border-color .2s ease,background .2s ease;width:100%}.ld-form-input::placeholder{color:#ffffff40}.ld-form-input:focus,.ld-form-select:focus{background:#ffffff0f;border-color:#667eea80}.ld-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2rem}.ld-form-select option{background:#1e293b;color:#fff}.ld-events-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.ld-events-stats{display:flex;gap:.5rem}.ld-stat-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2rem;color:#fff9;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.35rem .75rem}.ld-stat-pill.accent{background:#667eea1a;border-color:#667eea33;color:#a5b4fc}.ld-filter-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;display:flex;gap:.25rem;padding:.2rem}.ld-filter-tab{background:#0000;border:none;border-radius:.375rem;color:#ffffff73;cursor:pointer;font-size:.72rem;font-weight:500;padding:.3rem .75rem;transition:all .2s ease}.ld-filter-tab:hover{color:#ffffffb3}.ld-filter-tab.active{background:#667eea33;color:#fff}.ld-events-list{display:flex;flex-direction:column;gap:.625rem}.ld-event-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.875rem;display:flex;gap:1rem;padding:1rem;transition:all .25s ease}.ld-event-card:hover{border-color:#667eea40;transform:translateY(-1px)}.ld-event-card.past{opacity:.55}.ld-event-date-badge{align-items:center;background:#667eea1f;border:1px solid #667eea33;border-radius:.625rem;display:flex;flex-direction:column;flex-shrink:0;height:52px;justify-content:center;width:48px}.ld-date-month{color:#667eea;font-size:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ld-date-day{color:#fff;font-size:1.125rem;font-weight:700;line-height:1}.ld-event-info{flex:1 1;min-width:0}.ld-event-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.ld-event-title{color:#fff;font-size:.9rem;font-weight:600}.ld-event-badges{display:flex;flex-shrink:0;gap:.35rem}.ld-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.6rem;font-weight:600;gap:.2rem;letter-spacing:.03em;padding:.15rem .5rem;text-transform:uppercase}.ld-badge.virtual{background:#3b82f626;color:#60a5fa}.ld-badge.local{background:#22c55e26;color:#4ade80}.ld-badge.waitlist{background:#eab30826;color:#facc15}.ld-badge.past{background:#ffffff14;color:#ffffff73}.ld-event-meta{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;gap:.75rem}.ld-event-meta span{align-items:center;display:inline-flex;gap:.3rem}.ld-event-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff6;display:-webkit-box;font-size:.8rem;line-height:1.4;margin-top:.375rem;overflow:hidden}.ld-empty{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:1rem;flex-direction:column;padding:3rem 2rem;text-align:center}.ld-empty,.ld-empty-icon{align-items:center;display:flex;justify-content:center}.ld-empty-icon{background:#667eea1a;border-radius:50%;color:#667eea99;height:56px;margin-bottom:1rem;width:56px}.ld-empty-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.375rem}.ld-empty-text{color:#ffffff73;font-size:.825rem}.ld-activity-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:768px){.ld-activity-cards{grid-template-columns:1fr}}.ld-activity-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem}.ld-activity-card-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.ld-activity-card-title svg{color:#ffffff80}.ld-groups-row{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:.25rem}.ld-groups-row::-webkit-scrollbar{height:4px}.ld-groups-row::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ld-group-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.375rem;min-width:80px}.ld-group-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:48px;justify-content:center;width:48px}.ld-group-name{color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ld-group-date{color:#fff6;font-size:.7rem}.ld-group-last-active{color:#ffffff4d;font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}.ld-groups-empty,.ld-groups-loading{color:#fff6;font-size:.85rem;font-style:italic;padding:.5rem 0}.ld-metrics-content{display:flex;flex-direction:column;gap:.5rem}.ld-metric-row{align-items:center;display:flex;justify-content:space-between}.ld-metric-label{color:#fff9;font-size:.85rem;font-weight:500}.ld-metric-value{color:#fff;font-size:.85rem;font-weight:600}.ld-metric-total{justify-content:flex-start;margin-top:-.25rem}.ld-metric-value-total{color:#ffffff73;font-size:.8rem;padding-left:.25rem}.ld-metric-bar-wrapper{background:#ffffff14;border-radius:2px;height:4px;margin:.375rem 0;overflow:hidden;width:100%}.ld-metric-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.ld-metric-score{margin-top:.25rem}.ld-metric-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.ld-recent-activity{margin-bottom:1.5rem}.ld-recent-activity-header{align-items:center;border-bottom:2px solid #667eea33;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.ld-recent-activity-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.ld-activity-filters{display:flex;gap:.375rem}.ld-activity-filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:#ffffff80;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.4rem .875rem;transition:all .2s ease}.ld-activity-filter-btn:hover{background:#ffffff14;color:#ffffffb3}.ld-activity-filter-btn.active{background:#667eea26;border-color:#667eea4d;color:#667eea}.ld-activity-filter-btn.small{font-size:.75rem;padding:.25rem .625rem}.ld-activity-group-filter{align-items:center;background:#667eea14;border:1px solid #667eea33;border-radius:.625rem;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.ld-activity-subfilters{display:flex;gap:.25rem;margin-left:auto}.ld-activity-clear-filter{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ld-activity-clear-filter:hover{background:#ef444433;border-color:#ef44444d;color:#f87171}.ld-activity-timeline{display:flex;flex-direction:column;gap:0;position:relative}.ld-activity-timeline-item{display:flex;gap:1rem;padding-bottom:1.25rem;position:relative}.ld-activity-timeline-line{background:#ffffff0f;bottom:0;left:15px;position:absolute;top:32px;width:2px}.ld-activity-timeline-node{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.ld-activity-timeline-node.post{background:#667eea26;border:2px solid #667eea4d;color:#667eea}.ld-activity-timeline-node.comment{background:#764ba226;border:2px solid #764ba24d;color:#a78bfa}.ld-activity-content-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;flex:1 1;padding:.875rem 1rem;transition:border-color .2s ease}.ld-activity-content-card:hover{border-color:#ffffff1f}.ld-activity-content-header{margin-bottom:.375rem}.ld-activity-content-type{color:#fff;font-size:.85rem;font-weight:600}.ld-activity-content-body{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ffffff8c;display:-webkit-box;font-size:.8rem;line-height:1.5;margin:0 0 .625rem;overflow:hidden}.ld-activity-content-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.ld-activity-group-tag{color:#fff6;cursor:pointer;font-size:.75rem;transition:color .2s ease}.ld-activity-group-tag:hover{color:#667eea}.ld-activity-time{color:#ffffff4d;font-size:.7rem}.ld-changelog-section{border-top:1px solid #ffffff0f;padding-top:1.5rem}.ld-timeline{display:flex;flex-direction:column;gap:0;position:relative}.ld-timeline-item{display:flex;gap:.875rem;padding-bottom:1.25rem;position:relative}.ld-timeline-line{background:#ffffff0f;bottom:0;left:17px;position:absolute;top:36px;width:2px}.ld-timeline-node{align-items:center;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px;z-index:1}.ld-timeline-content{background:#ffffff08;border:1px solid #ffffff12;border-radius:.75rem;flex:1 1;min-width:0;padding:.75rem 1rem}.ld-timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between;margin-bottom:.5rem}.ld-timeline-type{color:#fff;font-size:.85rem;font-weight:600}.ld-timeline-time{color:#fff6;font-size:.7rem}.ld-timeline-changes{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.ld-change{align-items:flex-start;border-radius:.375rem;display:flex;font-size:.8rem;gap:.375rem;line-height:1.4;padding:.3rem .5rem}.ld-change.removed{background:#ef444414;color:#ef4444bf}.ld-change.added{background:#22c55e14;color:#22c55ebf}.ld-change svg{flex-shrink:0;margin-top:.15rem}.ld-timeline-author{align-items:center;color:#ffffff59;display:flex;font-size:.7rem;gap:.35rem}@media (max-width:640px){.ld-container{padding:.75rem 1rem 2rem}.ld-hero-content{align-items:flex-start;flex-direction:column;padding:1.25rem}.ld-hero-actions{width:100%}.ld-hero-actions .ld-btn-outline{justify-content:center;width:100%}.ld-avatar{border-radius:.75rem;height:56px;width:56px}.ld-avatar,.ld-hero-name{font-size:1.25rem}.ld-events-header{align-items:flex-start;flex-direction:column}.ld-event-card{flex-direction:column;gap:.75rem}.ld-event-date-badge{flex-direction:row;gap:.5rem;height:auto;padding:.5rem .75rem;width:100%}.ld-event-title-row{flex-direction:column}}.profile-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:1rem;padding:1.5rem}.profile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-section-title{color:#fff;font-size:1.125rem;font-weight:600}.profile-edit-btn{background:#667eea26;border:1px solid #667eea4d;border-radius:.5rem;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.profile-edit-btn:hover{background:#667eea40}.profile-content{color:#fffc;line-height:1.6}.profile-placeholder{color:#fff6;font-style:italic}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:linear-gradient(135deg,#667eea33,#764ba226);border:1px solid #667eea4d;border-radius:1rem;color:#a5b4fc;font-size:.8rem;font-weight:500;padding:.375rem .875rem}.account-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.account-info-grid{grid-template-columns:1fr}}.account-info-item label{color:#ffffff80;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.account-info-item p{color:#fff;font-weight:500}.learner-empty-state{background:#ffffff08;border:1px dashed #ffffff26;border-radius:1rem;padding:3rem 2rem;text-align:center}.learner-empty-icon{font-size:3rem;margin-bottom:1rem}.learner-empty-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.learner-empty-text{color:#fff9;font-size:.875rem}.learner-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.learner-btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.learner-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.learner-btn-outline{background:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.learner-btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}.learner-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;display:block;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.learner-card:hover{border-color:#667eea4d;box-shadow:0 8px 24px #00000026}.learner-card-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.learner-card-title:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.access-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .2s ease;width:400px}.access-item:hover{background:#ffffff0f;border-color:#ffffff26}.access-item-icon{font-size:1.5rem;margin-right:1rem}.access-item-content{flex:1 1}.access-item-label{color:#fff;font-weight:500}.access-item-desc{color:#ffffff80;font-size:.75rem}.modern-toggle{background:#ffffff26;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:all .3s ease;width:48px}.modern-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-toggle:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.modern-toggle.active:after{transform:translateX(22px)}.access-layout{align-items:flex-start;display:flex;gap:2rem}.access-sub-col,.access-tiles-col{flex-shrink:0;width:400px}.access-sub-col{animation:access-sub-fade-in .3s cubic-bezier(.4,0,.2,1)}@keyframes access-sub-fade-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.access-item-expandable{cursor:pointer;position:relative}.access-item-expandable:hover{background:#667eea14!important;border-color:#667eea66!important}.access-item-active{background:#667eea1a!important;border-color:#667eea80!important}.access-chevron{color:#ffffff59;flex-shrink:0;transition:all .25s ease}.access-item-expandable:hover .access-chevron{color:#667eeae6;transform:translateX(2px)}.access-chevron-open{color:#667eeae6!important;transform:rotate(90deg)!important}.group-perms-header{align-items:center;background:linear-gradient(135deg,#667eea1f,#764ba214);border:1px solid #667eea33;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.group-perms-icon{align-items:center;color:#667eea;display:flex;justify-content:center}.group-perms-title{color:#fff;font-size:.95rem;font-weight:600}.group-perms-desc{color:#ffffff80;font-size:.75rem}.learner-save-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:1rem;bottom:1rem;margin-top:1.5rem;padding:1rem;position:-webkit-sticky;position:sticky}.event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .3s ease}.event-card:hover{border-color:#667eea66;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.event-card.past{opacity:.6}.event-card-title{color:#fff;font-weight:600;margin-bottom:.25rem}.event-card-meta{color:#fff9;font-size:.875rem}.event-badge{border-radius:1rem;display:inline-flex;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem;text-transform:uppercase}.event-badge.virtual{background:#3b82f633;color:#60a5fa}.event-badge.local{background:#22c55e33;color:#4ade80}.event-badge.waitlist{background:#eab30833;color:#facc15}.event-badge.past{background:#ffffff1a;color:#ffffff80}.activity-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.activity-icon{align-items:center;background:#667eea26;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-type{color:#fff;font-weight:600}.activity-time{color:#ffffff80;font-size:.75rem}.activity-change{font-size:.875rem}.activity-old{color:#ef4444cc}.activity-new{color:#22c55ecc}.learner-wishlist{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem}.wishlist-items{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wishlist-item{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .25s ease}.wishlist-item:hover{background:#667eea1a;border-color:#667eea40;box-shadow:0 6px 16px #00000026;transform:translateY(-1px)}.wishlist-image{box-shadow:0 2px 8px #0003;object-fit:cover}.wishlist-image,.wishlist-image-placeholder{border-radius:.5rem;flex-shrink:0;height:48px;width:48px}.wishlist-image-placeholder{align-items:center;background:#ffffff0f;color:#ffffff4d;display:flex;justify-content:center}.wishlist-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.wishlist-title{color:#fff;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wishlist-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:700}@media (max-width:640px){.wishlist-items{grid-template-columns:1fr}}.premium-blur-wrapper{min-height:100%;position:relative;width:100%}.premium-blur-content{min-height:100%;transition:filter .3s ease;width:100%}.premium-blur-wrapper.blurred .premium-blur-content{filter:blur(10px)!important;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-blur-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.dashboard-marketplace{padding:1.5rem}.dashboard-marketplace .premium-upgrade-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:1.25rem;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.dashboard-marketplace .premium-title{color:#fff;font-size:2rem;font-weight:700;margin:0}.dashboard-marketplace .premium-description{color:#ffffffd9;font-size:1.05rem;line-height:1.6;margin:0}.dashboard-marketplace .premium-upgrade-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;text-align:center}.dashboard-marketplace .premium-icon-wrapper{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 8px 32px #fbbf2466;padding:1.25rem}.dashboard-marketplace .premium-features{display:flex;flex-direction:column;gap:1rem;width:100%}.dashboard-marketplace .premium-feature-card{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:.875rem;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left}.dashboard-marketplace .premium-feature-card .feature-icon{align-items:center;border-radius:.625rem;display:flex;flex-shrink:0;justify-content:center;padding:.625rem}.dashboard-marketplace .premium-feature-card .feature-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.dashboard-marketplace .premium-feature-card .feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-marketplace .premium-feature-card .feature-text h4{color:#fff;font-size:.95rem;font-weight:600;margin:0}.dashboard-marketplace .premium-feature-card .feature-text p{color:#fff9;font-size:.8rem;margin:.25rem 0 0}.dashboard-marketplace .premium-upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:.75rem;box-shadow:0 4px 20px #fbbf2466;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 2.5rem;transition:transform .2s ease,box-shadow .2s ease}.dashboard-marketplace .premium-upgrade-btn:hover{box-shadow:0 8px 28px #fbbf248c;transform:translateY(-2px)}.marketplace-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.marketplace-header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.marketplace-header p{color:#ffffff73;font-size:.875rem;margin:.25rem 0 0}.marketplace-create-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.4rem;padding:.5rem 1.125rem;transition:all .2s ease}.marketplace-create-btn:hover{box-shadow:0 6px 18px #667eea73;transform:translateY(-1px)}.marketplace-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;display:flex;gap:1rem;padding:1.25rem;transition:border-color .2s ease}.stat-card:hover{border-color:#ffffff1f}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#667eea40}.new-badge{background:#10b981;border-radius:999px;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;margin-left:.4rem;padding:.1rem .45rem;vertical-align:middle}.stat-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.listings{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.orders{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.pending{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-info{display:flex;flex-direction:column;gap:.125rem}.stat-value{color:#fff;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat-label{color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.marketplace-tabs{grid-gap:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem;padding:.25rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:.625rem;color:#ffffff73;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#fffc}.tab-btn.active{background:#667eea26;border-bottom:2px solid #667eea;color:#fff;font-weight:600}.marketplace-filters{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.search-box{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:.625rem;display:flex;flex:1 1;gap:.5rem;max-width:300px;padding:.55rem .875rem;transition:border-color .2s}.search-box:focus-within{border-color:#667eea66}.search-box svg{color:#ffffff4d;flex-shrink:0}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.875rem;outline:none}.search-box input::placeholder{color:#ffffff4d}.filter-box{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:.625rem;display:flex;gap:.5rem;padding:.55rem .875rem;transition:border-color .2s}.filter-box:focus-within{border-color:#667eea66}.filter-box svg{color:#ffffff4d;flex-shrink:0}.filter-box select{background:#0000;border:none;color:#ffffffbf;cursor:pointer;font-size:.875rem;outline:none}.filter-box select option{background:#1e1e2e;color:#fff}.marketplace-table-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;overflow:hidden}.marketplace-table{border-collapse:collapse;width:100%}.marketplace-table th{background:#ffffff05;border-bottom:1px solid #ffffff0f;color:#ffffff59;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.marketplace-table td{border-bottom:1px solid #ffffff0a;color:#ffffffb3;font-size:.875rem;padding:.875rem 1rem;vertical-align:middle}.marketplace-table tbody tr{transition:background .15s ease}.marketplace-table tbody tr:hover{background:hsla(0,0%,100%,.025)}.marketplace-table tbody tr:last-child td{border-bottom:none}.listing-title,.order-id{color:#fff;font-weight:600}.listing-price,.order-total{color:#4ade80;font-weight:700}.listing-sku{color:#ffffff73;font-family:Courier New,monospace;font-size:.775rem;letter-spacing:.04em}.order-items{color:#ffffff80;font-size:.8rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:#ffffff4d;font-size:.875rem;padding:3rem 1rem}.action-btn.dropdown-toggle{align-items:center;background:#0000;border:1px solid #ffffff17;border-radius:.4rem;color:#fff6;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:all .2s ease}.action-btn.dropdown-toggle:hover{background:#ffffff12;border-color:#ffffff26;color:#fff}.actions-dropdown{animation:dropdownFade .12s ease-out;background:#1e293b;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 16px 40px #00000080;min-width:185px;padding:.3rem;position:absolute;right:0;top:100%;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#ffffffb3;cursor:pointer;display:flex;font-size:.825rem;font-weight:500;gap:.625rem;padding:.55rem .75rem;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:#ffffff12;color:#fff}.dropdown-item.shipped:hover{background:#10b9811f;color:#4ade80}.dropdown-item.cancel:hover{background:#ef44441f;color:#f87171}.action-loading{color:#fff6;font-size:.75rem;font-style:italic}.badge{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.175rem .6rem}.badge.type{background:#667eea26;border:1px solid #667eea33;color:#a5b4fc}.badge.status.active{background:#10b9811f;border:1px solid #10b98133;color:#4ade80}.badge.status.sold{background:#64646426;border:1px solid #ffffff12;color:#ffffff59}.badge.status.draft{background:#fbbf241f;border:1px solid #fbbf2433;color:#fbbf24}.badge.status.paid{background:#10b9811f;border:1px solid #10b98133;color:#4ade80}.badge.status.shipped{background:#3b82f61f;border:1px solid #3b82f633;color:#93c5fd}.badge.status.delivered{background:#667eea1f;border:1px solid #667eea33;color:#a5b4fc}.badge.status.canceled{background:#ef44441a;border:1px solid #ef44442e;color:#f87171}.actions{display:flex;gap:.4rem}.action-btn{background:#0000;border:1px solid;border-radius:.375rem;cursor:pointer;font-size:.75rem;padding:.3rem .65rem;transition:all .15s ease}.action-btn.edit,.action-btn.view{border-color:#667eea33;color:#a5b4fce6}.action-btn.edit:hover,.action-btn.view:hover{background:#667eea1f;border-color:#667eea59;color:#fff}.action-btn.delete{border-color:#ef44442e;color:#f87171e6}.action-btn.delete:hover{background:#ef44441f;border-color:#ef444459;color:#fff}.action-btn.fulfill{border-color:#10b9812e;color:#4ade80e6}.action-btn.fulfill:hover{background:#10b9811f;border-color:#10b98159;color:#fff}.settings-container{max-width:820px;padding:.25rem 0}.settings-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;overflow:hidden}.settings-section-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:.625rem;padding:1rem 1.25rem}.settings-section-header h2{color:#fff;font-size:.95rem;font-weight:600;margin:0}.settings-description{border-bottom:1px solid #ffffff0d;color:#fff6;font-size:.8rem;line-height:1.5;margin:0;padding:.875rem 1.25rem}.address-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row .form-group.full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input,.form-group select{background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;padding:.6rem .875rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{background:#667eea0d;border-color:#667eea80}.form-group input::placeholder{color:#fff3}.form-group select option{background:#1e1e2e;color:#fff}.save-address-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;padding:.6rem 1.375rem;transition:all .2s ease}.save-address-btn:hover:not(:disabled){box-shadow:0 6px 18px #667eea73;transform:translateY(-1px)}.save-address-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.analytics-container{padding:.25rem 0}.analytics-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.metric-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;padding:1.125rem 1.25rem;transition:border-color .2s}.metric-card:hover{border-color:#ffffff1f}.metric-label{color:#ffffff59;font-size:.7rem;font-weight:600;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.metric-value{color:#fff;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.analytics-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;margin-bottom:1rem;overflow:hidden}.analytics-section h3{align-items:center;border-bottom:1px solid #ffffff0f;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.625rem;margin:0;padding:1rem 1.25rem}.revenue-chart{align-items:flex-end;display:flex;gap:.75rem;height:160px;padding:1.25rem 1.25rem 2rem;position:relative}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%;justify-content:flex-end}.chart-bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.chart-bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:.3rem .3rem 0 0;cursor:pointer;max-width:40px;min-height:4px;position:relative;transition:opacity .2s;width:100%}.chart-bar:hover{opacity:.8}.bar-value{color:#ffffff80;font-size:.65rem;font-weight:600;left:50%;opacity:0;position:absolute;top:-1.4rem;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.chart-bar:hover .bar-value{color:#fff;opacity:1}.chart-label{color:#ffffff4d;font-size:.65rem;text-align:center;white-space:nowrap}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{border-bottom:1px solid #ffffff0f;color:#ffffff59;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1.25rem;text-align:left;text-transform:uppercase}.analytics-table td{border-bottom:1px solid #ffffff0a;color:#ffffffa6;font-size:.875rem;padding:.75rem 1.25rem}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table tbody tr:hover td{color:#ffffffe6}.revenue-cell{color:#4ade80!important;font-weight:700!important}.empty-message{color:#ffffff4d;font-size:.875rem;margin:0;padding:2.5rem 1.25rem;text-align:center}.recent-orders-list{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1.25rem}.recent-order-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:.625rem;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;transition:border-color .15s}.recent-order-card:hover{border-color:#ffffff1a}.order-info{flex:1 1;min-width:0}.order-info .order-id{color:#fff;font-size:.875rem;font-weight:600}.order-date{color:#ffffff59;font-size:.75rem;margin-top:.125rem}.order-status{flex-shrink:0}.recent-order-card .order-total{color:#4ade80;flex-shrink:0;font-size:.95rem;font-weight:700}@media (max-width:1024px){.analytics-metrics,.marketplace-stats,.marketplace-tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-marketplace{padding:1rem}.marketplace-header{flex-direction:column;gap:.75rem}.marketplace-create-btn{justify-content:center;width:100%}.marketplace-stats{grid-template-columns:1fr}.marketplace-tabs{grid-template-columns:repeat(2,1fr)}.marketplace-filters{flex-direction:column}.search-box{max-width:none}.marketplace-header h1{font-size:1.375rem}}@media (max-width:640px){.analytics-metrics,.form-row{grid-template-columns:1fr}.marketplace-tabs{grid-template-columns:1fr 1fr}}.dashboard-events{display:flex;flex-direction:column;gap:0;padding:24px}.events-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.events-header h1{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin:0}.events-header p{color:#ffffff80;font-size:13px;margin:4px 0 0}.view-switcher{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:2px;padding:3px}.view-btn{background:#0000;border:none;border-radius:7px;color:#ffffff8c;cursor:pointer;font-size:13px;font-weight:500;padding:7px 18px;transition:all .18s}.view-btn:hover{background:#ffffff12;color:#fff}.view-btn.active{background:#667eea40;color:#a5b4fc;font-weight:600}.calendar-nav{justify-content:space-between;margin-bottom:14px}.calendar-nav,.nav-btn{align-items:center;display:flex}.nav-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:all .18s;width:36px}.nav-btn:hover{background:#ffffff1a}.calendar-title{align-items:center;display:flex;gap:14px}.calendar-title h2{color:#fff;font-size:18px;font-weight:600;margin:0;min-width:200px;text-align:center}.today-btn{background:#667eea2e;border:1px solid #667eea4d;border-radius:6px;color:#a5b4fc;cursor:pointer;font-size:12px;font-weight:500;padding:5px 13px;transition:all .18s}.today-btn:hover{background:#667eea47}.calendar-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.today-badge{align-items:center;background:#667eea;border-radius:50%;color:#fff!important;display:flex;font-size:13px;height:26px;justify-content:center;width:26px}.calendar-weekdays{background:#ffffff08;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:repeat(7,1fr)}.weekday{color:#ffffff73;font-size:11px;font-weight:600;letter-spacing:.6px;padding:10px 8px;text-align:center;text-transform:uppercase}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff0d;cursor:pointer;min-height:96px;padding:8px 6px;transition:background .15s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#ffffff08}.calendar-day.other-month{cursor:default;opacity:.28;pointer-events:none}.calendar-day.other-month:hover{background:#0000}.calendar-day.today{background:#667eea12}.day-number{align-items:center;color:#ffffffd9;display:inline-flex;font-size:13px;font-weight:500;height:26px;justify-content:center;margin-bottom:5px;min-width:26px}.day-chips{display:flex;flex-direction:column;gap:2px}.event-chip{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;line-height:1.3;min-height:22px;overflow:hidden;padding:4px 8px;transition:opacity .15s,transform .1s}.event-chip:hover{opacity:.82;transform:translateX(1px)}.chip-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{color:#ffffff73;font-size:10px;padding:2px 6px}.week-container{min-height:360px}.week-header{background:#ffffff08;border-bottom:1px solid #ffffff14;display:grid;grid-template-columns:repeat(7,1fr)}.week-header-day{align-items:center;border-right:1px solid #ffffff0d;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 4px;transition:background .15s}.week-header-day:last-child{border-right:none}.week-header-day:hover{background:#ffffff0a}.week-header-day.today{background:#667eea1a}.week-dow{color:#ffffff73;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.week-date-num{align-items:center;color:#ffffffd9;display:flex;font-size:18px;font-weight:600;height:34px;justify-content:center;width:34px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);min-height:300px}.week-column{border-right:1px solid #ffffff0d;display:flex;flex-direction:column;gap:3px;padding:8px 4px}.week-column:last-child{border-right:none}.week-column.today-col{background:#667eea0d}.week-empty{flex:1 1}.day-container{min-height:300px}.day-view-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff12;display:flex;gap:14px;padding:18px 24px}.day-view-header.today{background:#667eea14}.day-view-dow{color:#ffffff73;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.day-view-num{align-items:center;color:#fff;display:flex;font-size:36px;font-weight:700;height:46px;justify-content:center;line-height:1;width:46px}.day-view-month{color:#ffffff8c;font-size:14px}.day-no-events{align-items:center;color:#ffffff59;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px}.no-events-icon{opacity:.4}.day-no-events p{font-size:14px;margin:0}.day-event-list{display:flex;flex-direction:column;gap:0}.day-event-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:14px;padding:14px 20px;transition:background .15s}.day-event-row:last-child{border-bottom:none}.day-event-row:hover{background:#ffffff08}.day-event-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.day-event-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.day-event-title{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-event-sub{align-items:center;color:#ffffff73;display:flex;flex-wrap:wrap;font-size:12px;gap:5px}.day-event-type-badge{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.modal-overlay{animation:fadeIn .18s ease;padding:20px;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-modal{animation:slideUp .22s ease;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 24px 64px #00000080;max-height:88vh;max-width:520px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-accent-bar{height:4px;width:100%}.modal-header{justify-content:space-between;padding:14px 18px 6px}.modal-header,.modal-type-chip{align-items:center;display:flex}.modal-type-chip{border-radius:20px;font-size:11px;font-weight:600;gap:5px;padding:4px 10px;text-transform:capitalize}.modal-close{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.modal-close:hover{background:#ffffff1f;color:#fff}.modal-title{color:#fff;font-size:20px;line-height:1.3;margin:6px 18px 14px;padding-left:18px}.modal-badges{align-items:center;display:flex;flex:1 1;gap:6px;padding:0 8px}.modal-badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.modal-badge.past{background:#ffffff14;color:#ffffff73}.modal-badge.attending{border:1px solid;opacity:1}.modal-group-name{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:6px;margin:-6px 18px 12px}.modal-detail-grid{border-bottom:1px solid #ffffff12;display:flex;flex-direction:column;margin-bottom:0;padding:0 18px}.modal-detail-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:10px 0}.modal-detail-item:last-child{border-bottom:none}.modal-detail-item>svg{color:#ffffff59;flex-shrink:0;margin-top:3px}.modal-detail-item>div{display:flex;flex-direction:column;gap:2px}.detail-label{color:#ffffff59;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.detail-value{color:#ffffffd9;font-size:14px;font-weight:500}.detail-sub{color:#ffffff73;font-size:12px}.detail-link{color:#a5b4fc;font-size:14px;font-weight:500;text-decoration:none}.detail-link:hover{text-decoration:underline}.modal-description{border-bottom:1px solid #ffffff12;padding:14px 18px}.modal-description h3{color:#ffffff59;font-size:10px;font-weight:700;letter-spacing:.6px;margin:0 0 8px;text-transform:uppercase}.modal-description p{color:#ffffffa6;font-size:13px;line-height:1.6;margin:0}.modal-attendee-list{border-bottom:1px solid #ffffff12;padding:14px 18px}.modal-attendee-list h3{color:#ffffff59;font-size:10px;font-weight:700;letter-spacing:.6px;margin:0 0 10px;text-transform:uppercase}.attendee-chips{display:flex;flex-wrap:wrap;gap:6px}.attendee-chip{background:#ffffff12;border-radius:20px;color:#ffffffbf;font-size:12px;padding:4px 12px}.modal-footer{align-items:center;display:flex;padding:12px 18px}.modal-attending-badge{color:#ffffff73;font-size:13px}.modal-full-badge{background:#f871711f;border-radius:20px;color:#f87171;font-size:12px;font-weight:600;padding:4px 12px}.modal-rsvp-btn{border:1px solid;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.2px;padding:9px 20px;transition:all .18s}.modal-rsvp-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.events-loading{align-items:center;color:#ffffff73;display:flex;font-size:14px;gap:12px;justify-content:center;padding:40px}.spinner{animation:spin .9s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.dashboard-events{padding:14px}.events-header{align-items:stretch;flex-direction:column}.view-switcher{align-self:flex-start}.calendar-day{min-height:60px;padding:4px 3px}.chip-title{display:none}.event-chip{padding:2px 4px}.weekday{font-size:9px;padding:8px 2px}.week-date-num{font-size:15px;height:28px;width:28px}.calendar-title h2{font-size:14px;min-width:160px}.event-modal{max-width:95vw}}.dashboard-family{min-height:100%;padding:1.5rem;position:relative}.family-limbo-container{flex-direction:column;gap:1rem;margin:0 auto;max-width:420px;min-height:60vh;padding:2rem;text-align:center}.family-limbo-container,.family-limbo-icon{align-items:center;display:flex;justify-content:center}.family-limbo-icon{background:#667eea1f;border:1px solid #667eea40;border-radius:50%;color:#a5b4fc;height:72px;margin-bottom:.5rem;width:72px}.family-limbo-container h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.family-limbo-container p{color:#ffffff80;font-size:.925rem;line-height:1.6;margin:0}.premium-upgrade-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:1.25rem;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.premium-upgrade-container.overlay-mode{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10162fd9!important;background-image:none!important;border-radius:0;min-height:100%;width:100%}.premium-upgrade-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;text-align:center}.premium-icon-wrapper{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 8px 32px #fbbf2466;padding:1.25rem}.premium-title{color:#fff;font-size:2rem;font-weight:700;margin:0}.premium-description{color:#ffffffd9;font-size:1.05rem;line-height:1.6;margin:0}.premium-features{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;width:100%}.premium-feature-card{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:.875rem;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left}.premium-feature-card .feature-icon{align-items:center;border-radius:.625rem;display:flex;flex-shrink:0;justify-content:center;padding:.625rem}.premium-feature-card .feature-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.premium-feature-card .feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.premium-feature-card .feature-text h4{color:#fff;font-size:.95rem;font-weight:600;margin:0}.premium-feature-card .feature-text p{color:#ffffffa6;font-size:.825rem;margin:.25rem 0 0}.premium-upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:.75rem;box-shadow:0 4px 20px #fbbf2466;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:.875rem 2.5rem;transition:transform .2s ease,box-shadow .2s ease}.premium-upgrade-btn:hover{box-shadow:0 8px 28px #fbbf248c;transform:translateY(-2px)}.family-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.family-header-name-row{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.family-name-display-row{align-items:center;display:flex;gap:.5rem}.family-name-display-row h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.family-name-edit-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:.375rem;color:#fff6;cursor:pointer;display:inline-flex;flex-shrink:0;height:26px;justify-content:center;opacity:0;transition:all .2s ease;width:26px}.family-name-display-row:hover .family-name-edit-btn{opacity:1}.family-name-edit-btn:hover{background:#667eea26;border-color:#667eea59;color:#a5b4fc}.family-name-edit-row{align-items:center;display:flex;gap:.4rem}.family-name-input{background:#ffffff0d;border:1px solid #667eea73;border-radius:.5rem;box-shadow:0 0 0 3px #667eea1a;color:#fff;flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;min-width:0;outline:none;padding:.2rem .625rem}.family-name-input:disabled{opacity:.5}.family-name-action-btn{align-items:center;border:none;border-radius:.4rem;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s ease;width:30px}.family-name-action-btn.confirm{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.family-name-action-btn.confirm:hover:not(:disabled){background:#22c55e40}.family-name-action-btn.cancel{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff80}.family-name-action-btn.cancel:hover:not(:disabled){background:#ffffff1a;color:#fff}.family-name-action-btn:disabled{cursor:not-allowed;opacity:.4}.family-header p{color:#ffffff73;font-size:.875rem;margin:0}.family-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.family-stats .stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .2s ease}.family-stats .stat-card:hover{border-color:#ffffff1f}.family-stats .stat-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.family-stats .stat-icon.family{background:linear-gradient(135deg,#06b6d4,#0891b2)}.family-stats .stat-icon.parents{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.family-stats .stat-icon.learners{background:linear-gradient(135deg,#f43f5e,#e11d48)}.family-stats .stat-info{display:flex;flex-direction:column;gap:.125rem}.family-stats .stat-value{color:#fff;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.family-stats .stat-label{color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.family-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.family-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;display:flex;flex-direction:column;overflow:hidden}.family-section h2{align-items:center;border-bottom:1px solid #ffffff0f;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.625rem;margin:0;padding:1rem 1.25rem}.family-section-add-btn{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:.5rem;color:#a5b4fc;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.3rem;margin-left:auto;padding:.3rem .65rem;transition:all .2s ease}.family-section-add-btn:hover{background:#667eea40;border-color:#667eea80;color:#fff}.family-section .empty-state{align-items:center;display:flex;flex-direction:column;gap:.875rem;justify-content:center;padding:3rem 2rem;text-align:center}.family-section .empty-state svg{color:#ffffff26}.family-section .empty-state p{color:#ffffff59;font-size:.875rem;line-height:1.5;margin:0}.family-learner-list{display:flex;flex-direction:column;gap:0}.family-learner-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.875rem;padding:.875rem 1.25rem;transition:background .15s ease}.family-learner-row:last-child{border-bottom:none}.family-learner-row:hover{background:hsla(0,0%,100%,.025)}.family-learner-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;width:36px}.family-learner-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.family-learner-name{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-learner-meta{align-items:center;color:#fff6;display:flex;font-size:.75rem;gap:.3rem}.family-learner-meta svg{flex-shrink:0;opacity:.6}.family-learner-badge{border-radius:999px;flex-shrink:0;font-size:.65rem;font-weight:700;padding:.15rem .5rem}.family-learner-badge.paused{background:#fbbf2426;border:1px solid #fbbf2440;color:#fbbf24}.family-learner-manage{align-items:center;border-radius:.4rem;color:#ffffff59;display:flex;flex-shrink:0;height:30px;justify-content:center;text-decoration:none;transition:all .2s ease;width:30px}.family-learner-manage:hover{background:#667eea26;color:#a5b4fc}.family-empty-link{color:#a5b4fc;font-weight:600;text-decoration:none}.family-empty-link:hover{color:#fff;text-decoration:underline}.coparent-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.coparent-row{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:.625rem;display:flex;gap:.875rem;padding:.75rem;transition:background .2s ease}.coparent-row.pending{opacity:.65}.coparent-row-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.coparent-row-avatar.pending-avatar{background:#ffffff14;color:#fff6}.coparent-row-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.coparent-row-name{color:#fff;font-size:.875rem;font-weight:600}.coparent-row-email,.coparent-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coparent-row-email{color:#fff6;font-size:.75rem}.coparent-row-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:.3rem;padding:.25rem .625rem}.coparent-row-badge.accepted{background:#22c55e1f;border:1px solid #22c55e33;color:#4ade80}.coparent-row-badge.pending{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24}.coparent-row-badge.primary-parent{background:#fbbf2426;border:1px solid #fbbf2459;color:#fbbf24}.invite-add-row{display:flex;justify-content:flex-start;padding:.875rem 1rem .25rem}.invite-coparent-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;box-shadow:0 4px 15px #667eea59;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:.25rem;padding:.625rem 1.25rem;transition:opacity .2s ease,transform .2s ease}.invite-coparent-btn:hover{box-shadow:0 6px 20px #667eea73;opacity:.9;transform:translateY(-1px)}.invite-form-container{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.invite-form-desc{color:#ffffff80;font-size:.85rem;line-height:1.5;margin:0}.invite-form{display:flex;flex-direction:column;gap:.875rem}.invite-input-row{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.625rem;display:flex;gap:0;overflow:hidden;transition:border-color .2s ease}.invite-input-row:focus-within{border-color:#667eea99}.invite-input-icon{align-items:center;color:#ffffff59;display:flex;flex-shrink:0;padding:0 .75rem}.invite-email-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.875rem;min-width:0;outline:none;padding:.75rem .75rem .75rem 0}.invite-email-input::placeholder{color:#ffffff40}.invite-form-actions{display:flex;gap:.625rem;justify-content:flex-end}.invite-cancel-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff9;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.invite-cancel-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.invite-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 3px 10px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:opacity .2s ease,transform .2s ease}.invite-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.invite-cancel-btn:disabled,.invite-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.dashboard-family{padding:1rem}.family-content,.family-stats{grid-template-columns:1fr}.family-header h1{font-size:1.375rem}}.create-family-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 250px);overflow:hidden;position:relative}.create-family-glow{background:radial-gradient(ellipse at center,#667eea2e 0,#0000 70%);height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.create-family-content{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff17;border-radius:1.25rem;display:flex;flex-direction:column;gap:1.5rem;max-width:480px;padding:2.5rem 2rem;position:relative;text-align:center;width:100%}.create-family-icon-wrap{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 32px #667eea73;display:flex;flex-shrink:0;height:76px;justify-content:center;width:76px}.create-family-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.create-family-desc{color:#ffffff80;font-size:.9rem;line-height:1.65;margin:0}.create-family-name-field{display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%}.create-family-name-label{align-items:center;color:#ffffff73;display:flex;font-size:.72rem;font-weight:600;gap:.35rem;letter-spacing:.06em;text-transform:uppercase}.create-family-name-input{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.625rem;box-sizing:border-box;color:#fff;font-size:.95rem;font-weight:500;outline:none;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.create-family-name-input::placeholder{color:#ffffff40}.create-family-name-input:focus{border-color:#667eea99;box-shadow:0 0 0 3px #667eea1f}.create-family-name-input:disabled{cursor:not-allowed;opacity:.5}.create-family-features{display:flex;flex-direction:column;gap:.75rem;text-align:left;width:100%}.create-family-feature{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:.75rem;display:flex;gap:1rem;padding:.875rem 1rem}.cf-feature-icon{align-items:center;border-radius:.6rem;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.create-family-feature h4{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .15rem}.create-family-feature p{color:#fff6;font-size:.78rem;line-height:1.4;margin:0}.create-family-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 20px #667eea73;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.625rem;margin-top:.5rem;padding:.875rem 2.25rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.create-family-btn:hover:not(:disabled){box-shadow:0 8px 28px #667eea99;transform:translateY(-2px)}.create-family-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}@media (max-width:768px){.create-family-content{padding:2rem 1.25rem}.create-family-title{font-size:1.375rem}}.dashboard-settings{padding:24px}.settings-header{margin-bottom:32px}.settings-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.settings-header p{color:#fff9;font-size:14px;margin:4px 0 0}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.settings-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:24px;text-decoration:none;transition:all .2s}.settings-card:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px)}.settings-icon{align-items:center;background:#667eea26;border-radius:12px;color:#667eea;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.settings-info p{color:#ffffff80;font-size:14px;margin:0}@media (max-width:768px){.dashboard-settings{padding:16px}.settings-grid{grid-template-columns:1fr}}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-bg:linear-gradient(195deg,#42424a,#191919);--sidebar-text:#fffc;--sidebar-active:#fff;--transition-speed:0.3s}.dashboard-layout{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));display:flex;min-height:calc(100vh - 70px)}.dashboard-main{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);max-width:calc(100% - 260px);max-width:calc(100% - var(--sidebar-width));padding:1.5rem 2rem;transition:margin-left .3s ease;transition:margin-left var(--transition-speed) ease}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:72px;margin-left:var(--sidebar-collapsed-width);max-width:calc(100% - 72px);max-width:calc(100% - var(--sidebar-collapsed-width))}.dashboard-sidebar{background:linear-gradient(195deg,#42424a,#191919);background:var(--sidebar-bg);display:flex;flex-direction:column;height:calc(100vh - 70px);left:0;overflow:hidden;position:fixed;top:70px;transition:width .3s ease;transition:width var(--transition-speed) ease;width:260px;width:var(--sidebar-width);z-index:40}.dashboard-sidebar.collapsed{width:72px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1rem}.sidebar-header .sidebar-profile{align-items:center;border-bottom:none;display:flex;gap:.75rem;padding:0}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1.25rem 1rem}.collapse-btn{color:#fffc;color:var(--sidebar-text)}.collapse-btn:hover{background:#ffffff1a;color:#fff}.profile-avatar{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:42px;justify-content:center;width:42px}.profile-info,.profile-name{overflow:hidden}.profile-name{color:#fff;font-size:.875rem;font-weight:600;margin:0;text-overflow:ellipsis;white-space:nowrap}.profile-badge{background:#ffffff26;border-radius:999px;color:#fffc;color:var(--sidebar-text);display:inline-block;font-size:.7rem;margin-top:.25rem;padding:.15rem .5rem}.profile-badge.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;font-weight:700;letter-spacing:.03em}.profile-badge.free-badge{background:#ffffff14;border:1px solid #ffffff26;color:#fff9;transition:all .2s ease}.profile-badge.free-badge:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#0000;box-shadow:0 2px 8px #fbbf2466;color:#1a1a2e;font-weight:700}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#fffc;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px 0 #667eea4d;color:#fff}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap}.nav-indicator{background:#fff;border-radius:2px 0 0 2px;height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:.75rem}.logout-btn:hover{background:#ef444433;color:#f87171}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-title h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-title p{color:#ffffff73;font-size:.875rem;margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stats-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;padding:1.25rem 1.5rem;transition:border-color .2s ease,transform .2s ease}.stats-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.stats-card-inner{align-items:flex-start;display:flex;gap:1rem}.stats-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stats-content{flex:1 1;min-width:0}.stats-label{color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.06em;margin:0 0 .125rem;text-transform:uppercase}.stats-value{color:#fff;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.stats-trend{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.5rem;padding:.2rem .5rem}.stats-trend.positive{background:#22c55e26;color:#22c55e}.stats-trend.negative{background:#ef444426;color:#ef4444}.trend-label{color:#fff6;font-weight:400;margin-left:.25rem}.widget-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr);margin-bottom:2rem}.widget-col-8{grid-column:span 8}.widget-col-4{grid-column:span 4}.widget-col-6{grid-column:span 6}.widget-col-12{grid-column:span 12}.activity-chart-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;height:100%;padding:1.5rem}.chart-header{margin-bottom:1.25rem}.chart-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.chart-subtitle{color:#fff6;font-size:.75rem;margin:.25rem 0 0}.chart-container{height:200px}.chart-bars{align-items:flex-end;display:flex;gap:.5rem;height:100%;justify-content:space-between;padding-bottom:1.5rem}.bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:.5rem .5rem 0 0;max-width:32px;transition:height .5s ease;width:100%}.bar-label{bottom:0;color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));text-transform:uppercase}.bar-label,.bar-tooltip{font-size:.7rem;position:absolute}.bar-tooltip{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-weight:600;opacity:0;top:-1.5rem;transition:opacity .2s}.bar-wrapper:hover .bar-tooltip{opacity:1}.bar-wrapper:hover .bar{background:linear-gradient(180deg,#764ba2,#667eea)}.quick-actions-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;height:100%;padding:1.5rem}.quick-actions-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-actions-grid{display:flex;flex-direction:column;gap:.625rem}.quick-action-item{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff0f;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.quick-action-item:hover{background:hsla(0,0%,100%,.065);border-color:#ffffff1f;transform:translateX(3px)}.action-icon-wrapper{align-items:center;border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.quick-action-primary .action-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-action-secondary .action-icon-wrapper{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-action-accent .action-icon-wrapper{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-action-info .action-icon-wrapper{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.action-content{display:flex;flex-direction:column}.action-label{color:#fff;font-size:.875rem;font-weight:600}.action-desc{color:#fff6;font-size:.7rem}.learners-section{margin-top:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.125rem;font-weight:600;margin:0}.learners-management .learners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.learners-management .learner-card{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border:none;border-radius:1rem;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.learners-management .learner-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.learners-management .learner-card-header{align-items:center!important;background:#0000!important;border:none!important;display:flex!important;gap:0!important;justify-content:space-between!important;margin-bottom:0!important;padding:1rem!important;position:relative!important}.learners-management .learner-avatar{border:3px solid #ffffff4d;border-radius:1rem;box-shadow:0 4px 15px #0003;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;width:64px}.delete-btn,.learners-management .learner-avatar{align-items:center;color:#fff;display:flex;justify-content:center}.delete-btn{background:#ef4444cc;border:none;border-radius:.5rem;cursor:pointer;height:42px;padding:.75rem;transition:all .2s;width:42px}.delete-btn:hover{background:#ef4444;transform:scale(1.05)}.learners-management .card-header-actions{display:flex!important;gap:.35rem!important;margin-left:auto!important}.pause-btn{align-items:center;background:#fbbf24e6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;padding:.75rem;transition:all .2s;width:42px}.pause-btn:hover{background:#f59e0b;transform:scale(1.05)}.pause-btn.is-paused{background:#22c55ee6}.pause-btn.is-paused:hover{background:#16a34a}.pause-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.learners-management .learner-card.paused{background:#ef444426;border-color:#ef44444d;box-shadow:inset 0 0 20px #ef44441a;opacity:.85}.learners-management .learner-card.paused .learner-name:after{color:#fbbf24;content:" (Paused)";font-size:.75rem;font-weight:500}.learners-management .learner-card-body{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:0 1rem 1rem;width:100%}.learners-management .learner-name{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.learners-management .learner-age{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.8rem;margin:0 0 1rem}.learners-management .learner-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stat-item{align-items:center;color:oklch(var(--bc)/.7);color:var(--fallback-bc,oklch(var(--bc)/.7));display:flex;font-size:.8rem;gap:.35rem}.access-progress{margin-bottom:1rem;width:100%}.progress-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:.35rem}.progress-bar{background:oklch(var(--b3));background:var(--fallback-b3,oklch(var(--b3)));border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:100%;transition:width .5s ease}.learners-management .learner-interests{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.interest-tag{background:oklch(var(--p)/.15);background:var(--fallback-p,oklch(var(--p)/.15));border-radius:999px;color:oklch(var(--p));color:var(--fallback-p,oklch(var(--p)));font-size:.7rem;padding:.2rem .6rem}.interest-more{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.7rem;padding:.2rem .5rem}.learners-management .learner-actions{display:flex;gap:.5rem;margin-top:auto;width:100%}.action-btn{align-items:center;border-radius:.5rem;display:flex;flex:0 0 50%;font-size:.875rem;font-weight:600;gap:.35rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.action-view{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)))}.action-view:hover{background:oklch(var(--b3));background:var(--fallback-b3,oklch(var(--b3)))}.action-manage{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-manage:hover{box-shadow:0 4px 15px #667eea66}.action-pause{background:#fbbf24;border:none;color:#fff;cursor:pointer;flex:0 0 auto}.action-pause:hover{background:#f59e0b;transform:scale(1.05)}.action-pause.is-paused{background:#22c55e}.action-pause.is-paused:hover{background:#16a34a}.action-pause:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-delete{background:#ef444426;border:none;color:#ef4444;cursor:pointer;flex:0 0 auto}.action-delete:hover{background:#ef4444;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-content{background:oklch(var(--b1));background:var(--fallback-b1,oklch(var(--b1)));border-radius:1rem;box-shadow:0 25px 50px #00000040;max-width:400px;padding:1.5rem;width:90%}.modal-title{color:#ef4444;font-size:1.125rem;font-weight:700;margin:0 0 .75rem}.modal-text{color:oklch(var(--bc));color:var(--fallback-bc,oklch(var(--bc)));font-size:.9rem;margin:0 0 .5rem}.modal-warning{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.8rem;margin:0 0 1.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.empty-state{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:1rem;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-text{color:oklch(var(--bc)/.6);color:var(--fallback-bc,oklch(var(--bc)/.6));font-size:.875rem;margin:0 0 1.25rem}@media (max-width:1200px){.widget-col-4,.widget-col-8{grid-column:span 6}}@media (max-width:1024px){.dashboard-sidebar{width:72px;width:var(--sidebar-collapsed-width)}.dashboard-sidebar:not(.collapsed){width:260px;width:var(--sidebar-width)}.dashboard-main{margin-left:72px;margin-left:var(--sidebar-collapsed-width);max-width:calc(100% - 72px);max-width:calc(100% - var(--sidebar-collapsed-width))}.widget-col-4,.widget-col-6,.widget-col-8{grid-column:span 12}}@media (max-width:768px){.dashboard-sidebar{transform:translateX(-100%);width:260px;width:var(--sidebar-width)}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0;max-width:100%;padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.learners-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch}.header-actions .btn{flex:1 1}}.learners-management{padding:0}.learners-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-search{flex:1 1;min-width:200px;position:relative}.filter-search .search-icon{color:oklch(var(--bc)/.4);color:var(--fallback-bc,oklch(var(--bc)/.4));left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-search input{padding-left:2.5rem}.filter-select{align-items:center;display:flex;gap:.5rem}.filter-select svg{color:oklch(var(--bc)/.4);color:var(--fallback-bc,oklch(var(--bc)/.4))}.learners-summary{background:oklch(var(--b2));background:var(--fallback-b2,oklch(var(--b2)));border-radius:.75rem;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.summary-item{display:flex;flex-direction:column}.summary-value{color:oklch(var(--p));color:var(--fallback-p,oklch(var(--p)));font-size:1.5rem;font-weight:700}.summary-label{color:oklch(var(--bc)/.5);color:var(--fallback-bc,oklch(var(--bc)/.5));font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.login-report-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:.875rem;height:100%;padding:1.5rem}.login-table-container{max-height:280px;overflow-y:auto}.login-table{border-collapse:collapse;font-size:.875rem;width:100%}.login-table thead{background:#14141ef2;position:-webkit-sticky;position:sticky;top:0;z-index:1}.login-table th{border-bottom:1px solid #ffffff12;color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.login-table td{border-bottom:1px solid #ffffff0d;color:#ffffffd9;padding:.75rem 1rem}.login-table tbody tr{transition:background .15s ease}.login-table tbody tr:hover{background:hsla(0,0%,100%,.025)}.login-table .learner-name{color:#fff;font-weight:600}.login-table .login-time{color:#a5b4fc;font-weight:500}.login-table .login-date{color:#ffffff80}.login-empty,.login-loading{align-items:center;color:#ffffff59;display:flex;font-size:.875rem;justify-content:center;min-height:150px}.login-empty p{margin:0;text-align:center}.login-blurred{position:relative}.login-blurred .login-table{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.login-blur-overlay{align-items:center;background:rgba(oklch(var(--b2))/.3);background:rgba(var(--fallback-b2,oklch(var(--b2)))/.3);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.login-blur-overlay span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.pause-toggle-btn{align-items:center;background:#ef4444e6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pause-toggle-btn:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.pause-toggle-btn.is-paused{background:#22c55ee6}.pause-toggle-btn.is-paused:hover:not(:disabled){box-shadow:0 4px 12px #22c55e66}.pause-toggle-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-learner-overlay-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-learner-overlay-btn:hover{box-shadow:0 6px 20px #667eea80;transform:scale(1.05)}.add-learner-row td{background:#0000!important;border-top:1px dashed #ffffff1a;padding:.5rem 1rem!important}.add-learner-table-btn{align-items:center;background:#667eea26;border:1px dashed #667eea66;border-radius:.5rem;color:#667eea;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease;width:100%}.add-learner-table-btn:hover{background:#667eea40;border-color:#667eea99}.learner-name-link{color:#667eea;font-weight:500;text-decoration:none;transition:all .2s ease}.learner-name-link:hover{color:#764ba2;text-decoration:underline}.landing-single-view{--landing-text:#fff;--landing-text-muted:#ffffffbf;--landing-border:#fff3;align-items:center;bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;overflow:hidden;right:0;top:0;transition:background .6s ease-out}.landing-single-view,.slide-progress{display:flex;flex-direction:column;position:fixed}.slide-progress{gap:1rem;left:2rem;top:50%;transform:translateY(-50%);z-index:100}.slide-dot{background:#0000;border:2px solid var(--dot-color,var(--slide-color));border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slide-dot:hover{opacity:.6;transform:scale(1.3)}.slide-dot.completed,.slide-dot:hover{background:var(--slide-color);background:var(--dot-color,var(--slide-color))}.slide-dot.completed{opacity:.4}.slide-dot.active{background:var(--slide-color);background:var(--dot-color,var(--slide-color));box-shadow:0 0 20px var(--slide-color);box-shadow:0 0 20px var(--dot-color,var(--slide-color));transform:scale(1.4)}.slide-main{animation:slideIn .5s ease-out;max-width:1200px;padding:2rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slide-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.slide-hero .slide-icon-wrapper{align-items:center;animation:floatIcon 4s ease-in-out infinite;border-radius:30px;display:flex;height:120px;justify-content:center;margin-bottom:1rem;width:120px}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}.slide-icon-huge{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));font-size:4rem}.slide-title-hero{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--landing-text),var(--slide-color));-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;line-height:1.1;margin:0}.slide-title-hero.light{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text}.slide-subtitle-hero{color:var(--slide-color);font-size:1.75rem;font-weight:600;margin:0}.slide-subtitle-hero.light{color:#ffffffe6}.hero-legal-links{align-items:center;display:flex;font-size:.8rem;gap:8px;margin-top:4px}.hero-legal-links a{color:var(--landing-text-muted);text-decoration:none;transition:color .2s}.hero-legal-links a:hover{color:var(--slide-color);text-decoration:underline}.hero-legal-links span{color:var(--landing-text-muted);opacity:.5}.slide-description{color:var(--landing-text-muted);font-size:1.125rem;line-height:1.7;max-width:500px}.slide-description.light{color:#ffffffd9}.slide-feature{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;text-align:left}.slide-left{display:flex;flex-direction:column;gap:1rem}.slide-number{color:var(--slide-color);font-size:6rem;font-weight:900;line-height:1;margin-bottom:-2rem;opacity:.1}.slide-title{color:var(--landing-text);font-size:3rem;font-weight:800;line-height:1.1;margin:0;text-shadow:0 2px 4px #0000004d}.slide-title.light{color:#fff;text-shadow:0 2px 8px #0006}.slide-subtitle{font-size:1.5rem;font-weight:600;margin:0}.slide-subtitle.light{color:#fffc}.slide-benefits{list-style:none;margin:1rem 0;padding:0}.slide-benefits li{border-bottom:1px solid var(--landing-border);color:var(--landing-text);font-size:1rem;padding:.75rem 0 .75rem 2rem;position:relative}.slide-benefits li:before{color:var(--slide-color);color:var(--accent,var(--slide-color));content:"✓";font-weight:700;left:0;position:absolute}.slide-benefits li:last-child{border-bottom:none}.slide-benefits.light li{border-bottom-color:#ffffff26;color:#ffffffe6}.slide-benefits.light li:before{color:var(--slide-color);text-shadow:0 0 10px var(--slide-color)}.slide-right,.slide-visual{display:flex;justify-content:center}.slide-visual{align-items:center;animation:floatIcon 5s ease-in-out infinite;aspect-ratio:1;border-radius:40px;box-shadow:0 40px 80px #00000026;max-width:350px;width:100%}.slide-visual .slide-icon-huge{font-size:8rem}.slide-cta-primary{align-items:center;background:var(--slide-color);border-radius:50px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:1rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.slide-cta-primary:hover{box-shadow:0 15px 40px #0003;transform:translateY(-3px) scale(1.02)}.slide-cta-primary.large{font-size:1.125rem;padding:1.25rem 3rem}.slide-security{color:#fff}.slide-icon-wrapper.dark{background:#ffffff1a;border:1px solid #fff3}.security-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;max-width:600px}.security-feature{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-weight:500;gap:1rem;padding:1rem}.security-feature-icon{font-size:1.5rem}.slide-final{color:#fff}.slide-stats{display:flex;gap:3rem;margin:2rem 0}.slide-stat{align-items:center;display:flex;flex-direction:column}.stat-value{font-size:2.5rem;font-weight:800}.stat-label{font-size:.875rem;opacity:.8}.slide-note{font-size:.875rem;margin-top:1rem;opacity:.7}.slide-final .slide-cta-primary{background:#fff;color:#667eea}.landing-static-footer{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;bottom:0;color:#ffffff80;display:flex;font-size:.75rem;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;z-index:50}.landing-static-footer .footer-links{align-items:center;display:flex;gap:8px}.landing-static-footer .footer-links a{color:#fff9;text-decoration:none;transition:color .2s}.landing-static-footer .footer-links a:hover{color:#6366f1}.landing-static-footer .footer-divider{color:#ffffff4d}.slide-scroll-hint{align-items:center;animation:bounceHint 2s ease-in-out infinite;bottom:2rem;display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;left:50%;letter-spacing:2px;position:fixed;text-transform:uppercase;transform:translateX(-50%)}@keyframes bounceHint{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.scroll-arrow{font-size:1.25rem}.back-to-top-btn{background:none;border:none;cursor:pointer;font-size:.75rem;letter-spacing:2px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s}.back-to-top-btn:hover{opacity:1;transform:translateY(-3px)}.slide-counter{bottom:2rem;font-size:.875rem;font-weight:600;letter-spacing:2px;position:fixed;right:2rem}@media (min-width:768px){.slide-feature{grid-template-columns:1fr 1fr}.slide-title-hero{font-size:5rem}.slide-title{font-size:4rem}.slide-icon-huge{font-size:5rem}.slide-visual .slide-icon-huge{font-size:10rem}.slide-hero .slide-icon-wrapper{height:150px;width:150px}}@media (min-width:1024px){.slide-title-hero{font-size:6rem}.slide-number{font-size:8rem}}@media (max-width:767px){.slide-progress{display:none}.slide-main{padding:1rem}.slide-title-hero{font-size:2.5rem}.slide-title{font-size:2rem}.slide-subtitle,.slide-subtitle-hero{font-size:1.25rem}.slide-description{font-size:1rem}.slide-number{font-size:4rem;margin-bottom:-1rem}.slide-visual{max-width:200px}.slide-visual .slide-icon-huge{font-size:5rem}.security-features{grid-template-columns:1fr}.slide-stats{gap:1.5rem}.stat-value{font-size:1.75rem}.slide-counter{bottom:1rem;right:1rem}.slide-scroll-hint{bottom:40px}.landing-static-footer{font-size:.7rem;padding:10px 16px}.slide-counter{bottom:48px}}.why-hs-page{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.why-hs-hero{background:linear-gradient(135deg,#0d3b12,#1a5c20 40%,#2d7a34);overflow:hidden;padding:80px 24px 60px;position:relative}.why-hs-hero:before{background:radial-gradient(circle,#a3c76d26 0,#0000 70%);height:600px;right:-20%;top:-50%;width:600px}.why-hs-hero:after,.why-hs-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.why-hs-hero:after{background:radial-gradient(circle,#7b9b6f1a 0,#0000 70%);bottom:-30%;height:400px;left:-10%;width:400px}.why-hs-hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.why-hs-hero-badge{background:#a3c76d33;border:1px solid #a3c76d59;border-radius:50px;color:#a3c76d;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:24px;padding:6px 18px;text-transform:uppercase}.why-hs-hero-title{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.why-hs-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a3c76d,#7b9b6f);-webkit-background-clip:text;background-clip:text}.why-hs-hero-description{color:#ffffffd9;font-size:1.2rem;line-height:1.7;margin:0 auto 40px;max-width:600px}.why-hs-hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.why-hs-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.why-hs-stat-value{color:#a3c76d;font-size:2rem;font-weight:800}.why-hs-stat-label{color:#ffffffa6;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.why-hs-stat-divider{background:#fff3;height:40px;width:1px}.why-hs-section{margin:0 auto;max-width:1200px;padding:60px 24px}.why-hs-section-header{margin-bottom:48px;text-align:center}.why-hs-section-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.why-hs-section-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.why-hs-benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.why-hs-benefit-card{animation:whyHsFadeUp .5s ease-out both;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:28px 24px;transition:all .3s ease}.why-hs-benefit-card:hover{border-color:#7b9b6f;border-color:var(--accent-color,#7b9b6f);box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.why-hs-benefit-icon{display:block;font-size:2.25rem;margin-bottom:12px}.why-hs-benefit-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.125rem;font-weight:700;margin:0 0 8px}.why-hs-benefit-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.925rem;line-height:1.6;margin:0}.why-hs-types-section{padding-bottom:40px}.why-hs-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.why-hs-type-card{animation:whyHsFadeUp .5s ease-out both;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border-left:4px solid #7b9b6f;border:1px solid var(--border-color,#e2e8f0);border-left:4px solid var(--card-accent,#7b9b6f);border-radius:16px;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:24px;position:relative;text-align:left;transition:all .3s ease;width:100%}.why-hs-type-card:hover{box-shadow:0 8px 28px #00000014,0 0 0 1px var(--card-accent);transform:translateY(-3px)}.why-hs-type-card.expanded{border-left-width:5px;box-shadow:0 12px 40px #0000001a,0 0 0 2px var(--card-accent)}.why-hs-type-card-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.why-hs-type-icon{align-items:center;background:color-mix(in srgb,var(--card-accent) 12%,#0000);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.why-hs-type-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.why-hs-type-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.6;margin:0 0 8px}.why-hs-type-details{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.why-hs-type-details.show{margin-top:12px;max-height:300px;opacity:1}.why-hs-type-traits{margin-bottom:12px}.why-hs-ideal-label,.why-hs-traits-label{color:#7b9b6f;color:var(--card-accent,#7b9b6f);display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.why-hs-type-traits ul{list-style:none;margin:0;padding:0}.why-hs-type-traits li{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;line-height:1.5;padding:4px 0 4px 20px;position:relative}.why-hs-type-traits li:before{color:#7b9b6f;color:var(--card-accent,#7b9b6f);content:"✓";font-size:.8rem;font-weight:700;left:0;position:absolute}.why-hs-type-ideal p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;font-style:italic;line-height:1.5;margin:0}.why-hs-type-toggle{color:#7b9b6f;color:var(--card-accent,#7b9b6f);display:block;font-size:.8rem;font-weight:600;margin-top:8px;transition:color .2s}.why-hs-type-card:hover .why-hs-type-toggle{opacity:.8}.why-hs-cta-section{background:linear-gradient(135deg,#0d3b12,#1a5c20 40%,#2d7a34);padding:80px 24px;text-align:center}.why-hs-cta-content{margin:0 auto;max-width:600px}.why-hs-cta-title{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.why-hs-cta-desc{color:#fffc;font-size:1.1rem;line-height:1.7;margin:0 0 32px}.why-hs-cta-buttons{display:flex;flex-wrap:wrap;gap:16px}.why-hs-cta-buttons,.why-hs-cta-primary{align-items:center;justify-content:center}.why-hs-cta-primary{background:#a3c76d;border-radius:50px;box-shadow:0 4px 16px #a3c76d59;color:#0d3b12;display:inline-flex;font-size:1rem;font-weight:700;padding:14px 32px;text-decoration:none;transition:all .3s ease}.why-hs-cta-primary:hover{background:#b5d480;box-shadow:0 8px 28px #a3c76d80;transform:translateY(-2px) scale(1.03)}.why-hs-cta-secondary{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:50px;color:#ffffffe6;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .3s ease}.why-hs-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@keyframes whyHsFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.why-hs-hero-title{font-size:4.5rem}.why-hs-benefits-grid,.why-hs-types-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.why-hs-hero-title{font-size:3rem}.why-hs-benefits-grid,.why-hs-types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.why-hs-hero{padding:60px 16px 40px}.why-hs-hero-title{font-size:2.25rem}.why-hs-hero-description{font-size:1rem}.why-hs-hero-stats{gap:20px}.why-hs-stat-value{font-size:1.5rem}.why-hs-stat-divider{display:none}.why-hs-section{padding:40px 16px}.why-hs-section-title{font-size:1.75rem}.why-hs-section-subtitle{font-size:1rem}.why-hs-benefits-grid,.why-hs-types-grid{grid-template-columns:1fr}.why-hs-cta-section{padding:60px 16px}.why-hs-cta-title{font-size:1.75rem}.why-hs-cta-buttons{flex-direction:column}.why-hs-cta-primary,.why-hs-cta-secondary{max-width:320px;width:100%}}@media (max-width:400px){.why-hs-hero-title{font-size:1.85rem}.why-hs-hero-stats{flex-direction:column;gap:16px}.why-hs-type-card{padding:20px 16px}}.swagger-legal-page{background:#0f172a;background:var(--base-100,#0f172a);display:flex;margin-top:70px;min-height:calc(100vh - 70px)}.swagger-sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #ffffff1a;bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:71px;width:280px;z-index:100}.swagger-sidebar-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:24px}.swagger-sidebar-header h1{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 8px}.swagger-effective-date{color:#ffffff80;font-size:.75rem;margin:0}.swagger-sidebar-controls{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 20px}.swagger-control-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s}.swagger-control-btn:hover{background:#ffffff1a;color:#fff}.swagger-nav{flex:1 1;overflow-y:auto;padding:12px 0}.swagger-nav ul{list-style:none;margin:0;padding:0}.swagger-nav li{margin:0}.swagger-nav-link{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:10px 20px;text-align:left;transition:all .2s;width:100%}.swagger-nav-link:hover{background:#ffffff0d;color:#fff}.swagger-nav-link.active{background:#6366f11a;border-left-color:#6366f1;color:#fff}.swagger-nav-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.625rem;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:32px;padding:2px 6px;text-transform:uppercase}.swagger-nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swagger-tag-default{background:#64748b;color:#fff}.swagger-tag-blue{background:#3b82f6;color:#fff}.swagger-tag-green{background:#22c55e;color:#fff}.swagger-tag-yellow{background:#eab308;color:#000}.swagger-tag-red{background:#ef4444;color:#fff}.swagger-tag-purple{background:#8b5cf6;color:#fff}.swagger-tag-orange{background:#f97316;color:#fff}.swagger-tag-cyan{background:#06b6d4;color:#fff}.swagger-tag-pink{background:#ec4899;color:#fff}.swagger-sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.swagger-back-link,.swagger-related-link{align-items:center;color:#fff9;display:flex;font-size:.875rem;gap:8px;text-decoration:none;transition:color .2s}.swagger-back-link:hover,.swagger-related-link:hover{color:#6366f1}.swagger-content{background:#1e293b;background:var(--base-200,#1e293b);flex:1 1;height:calc(100vh - 70px);margin-left:280px;overflow-y:auto}.swagger-content-header{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:40px 48px 32px}.swagger-content-header h1{font-size:2rem;font-weight:700;margin:0 0 8px}.swagger-content-header .swagger-effective-date{font-size:.875rem;opacity:.9}.swagger-sections{padding:24px 48px}.swagger-section{background:#0f172a;background:var(--base-100,#0f172a);border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;overflow:hidden}.swagger-section-header{align-items:center;background:#ffffff05;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s;width:100%}.swagger-section-header:hover{background:#ffffff0d}.swagger-section-header.open{border-bottom:1px solid #ffffff1a}.swagger-section-title{align-items:center;display:flex;gap:12px}.swagger-section-title h2{color:#fff;font-size:1rem;font-weight:600;margin:0}.swagger-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.swagger-chevron{color:#ffffff80;transition:transform .2s}.swagger-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.swagger-section-content.open{max-height:5000px;transition:max-height .5s ease-in}.swagger-section-content>*{padding:20px}.swagger-section-content p{color:#fffc;font-size:.9375rem;line-height:1.7;margin:0 0 16px}.swagger-section-content p:last-child{margin-bottom:0}.swagger-section-content ul{margin:0 0 16px;padding-left:24px}.swagger-section-content li{color:#ffffffbf;font-size:.9375rem;line-height:1.7;margin-bottom:8px}.swagger-section-content li strong{color:#fffffff2}.swagger-section-content a{color:#6366f1;text-decoration:none;transition:color .2s}.swagger-section-content a:hover{color:#818cf8;text-decoration:underline}.swagger-subsection{border-top:1px solid #ffffff0d;margin-top:20px;padding-top:16px}.swagger-subsection:first-child{border-top:none;margin-top:0;padding-top:0}.swagger-subsection h3{color:#6366f1;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.swagger-content-footer{border-top:1px solid #ffffff1a;padding:24px 48px;text-align:center}.swagger-content-footer p{color:#ffffff80;font-size:.875rem;margin:0}.swagger-mobile-header,.swagger-sidebar-overlay{display:none}@media (max-width:900px){.swagger-sidebar{bottom:0;top:70px;transform:translateX(-100%);transition:transform .3s ease}.swagger-sidebar.open{transform:translateX(0)}.swagger-sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:99}.swagger-mobile-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;gap:16px;height:56px;left:0;padding:0 16px;position:fixed;right:0;top:70px;z-index:98}.swagger-menu-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.swagger-mobile-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.swagger-content{margin-left:0;padding-top:56px}.swagger-content-header{padding:24px}.swagger-content-header h1{font-size:1.5rem}.swagger-sections{padding:16px}.swagger-section-header{padding:14px 16px}.swagger-section-content>*{padding:16px}.swagger-content-footer{padding:20px 16px}}.onboarding-overlay{inset:0;pointer-events:none;position:fixed;z-index:10000}.onboarding-backdrop{inset:0;pointer-events:none;position:absolute}.onboarding-spotlight{animation:spotlight-pulse 2s ease-in-out infinite;background:#0000;border-radius:16px;box-shadow:0 0 0 9999px #000000bf,0 0 30px #8b5cf680;pointer-events:none;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #000000bf,0 0 20px #8b5cf666}50%{box-shadow:0 0 0 9999px #000000bf,0 0 40px #8b5cf699}}.onboarding-tooltip{animation:tooltip-enter .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 20px 60px #0006,0 0 40px #8b5cf633;padding:1.5rem;pointer-events:all;position:fixed;width:320px}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px;transition:all .2s}.onboarding-close:hover{background:#fff3;color:#fff}.onboarding-content{margin-bottom:1.25rem}.onboarding-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;padding-right:2rem}.onboarding-message{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.onboarding-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.onboarding-progress{display:flex;gap:6px}.onboarding-dot{background:#ffffff4d;border-radius:50%;height:8px;transition:all .3s;width:8px}.onboarding-dot.active{background:#8b5cf6;transform:scale(1.2)}.onboarding-dot.completed{background:#22c55e}.onboarding-actions{display:flex;gap:.5rem}.onboarding-click-hint{align-items:center;animation:hint-pulse 1.5s ease-in-out infinite;color:#ffffffb3;display:flex;font-size:.8rem;gap:6px}@keyframes hint-pulse{0%,to{opacity:.7}50%{opacity:1}}.onboarding-btn.primary:hover{box-shadow:0 6px 20px #8b5cf680;transform:translateY(-2px)}.onboarding-btn.secondary{background:#ffffff1a;color:#fffc}.onboarding-btn.secondary:hover{background:#ffffff26;color:#fff}.onboarding-skip{color:#ffffff80;cursor:pointer;font-size:.8rem;margin:1rem 0 0;text-align:center;transition:color .2s}.onboarding-skip:hover{color:#fffc}.onboarding-tooltip:before{display:none}.onboarding-tooltip[data-position=bottom]:before{left:50%;margin-left:-8px;top:-9px}.onboarding-tooltip[data-position=top]:before{bottom:-9px;left:50%;margin-left:-8px;transform:rotate(-135deg)}.onboarding-tooltip[data-position=left]:before{margin-top:-8px;right:-9px;top:50%;transform:rotate(135deg)}.onboarding-tooltip[data-position=right]:before{left:-9px;margin-top:-8px;top:50%;transform:rotate(-45deg)}@media (max-width:768px){.onboarding-tooltip{bottom:auto;left:16px!important;max-width:none!important;position:fixed!important;right:16px!important;top:80px;transform:none!important;width:calc(100% - 32px)!important}.onboarding-content{padding:12px 16px}.onboarding-title{font-size:1.1rem}.onboarding-message{font-size:.9rem}.onboarding-footer{padding:10px 16px}.onboarding-skip{font-size:.8rem;padding:8px 16px}.onboarding-spotlight{border-radius:12px}}.onboarding-loading{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.onboarding-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}.coparent-accept-page{align-items:center;background:radial-gradient(ellipse at 60% 0,#667eea26 0,#0000 60%),radial-gradient(ellipse at 10% 80%,#764ba21f 0,#0000 55%),#0d0d0f;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:9999}.coparent-accept-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;box-shadow:0 25px 60px #0006;display:flex;flex-direction:column;gap:1rem;max-width:460px;padding:2.5rem 2rem;text-align:center;width:100%}.coparent-accept-brand{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:.625rem;margin-bottom:.5rem}.coparent-brand-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.coparent-accept-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.coparent-accept-desc{color:#ffffff8c;font-size:.9rem;line-height:1.6;margin:0;max-width:360px}.coparent-accept-desc strong{color:#ffffffd9}.coparent-auth-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:.5rem;width:100%}.coparent-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.625rem;box-shadow:0 4px 15px #667eea59;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:opacity .2s ease,transform .2s ease;width:100%}.coparent-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.coparent-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.625rem;color:#ffffffbf;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.coparent-btn-secondary:hover{background:#ffffff1a;color:#fff}.coparent-accept-fine{color:#ffffff4d;font-size:.75rem;line-height:1.5;margin:0}.coparent-status-icon{align-items:center;border-radius:50%;display:flex;height:68px;justify-content:center;margin-bottom:.25rem;width:68px}.coparent-status-icon.loading{background:#667eea1f;color:#a5b4fc}.coparent-status-icon.success{background:#22c55e1f;color:#4ade80}.coparent-status-icon.error{background:#ef44441f;color:#f87171}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.coparent-reg-form{display:flex;flex-direction:column;gap:.875rem;margin-top:.25rem;width:100%}.coparent-field{display:flex;flex-direction:column;gap:.375rem;text-align:left}.coparent-label{color:#ffffff80;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.coparent-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.625rem;box-sizing:border-box;color:#fff;font-size:.875rem;outline:none;padding:.7rem .875rem;transition:border-color .2s ease;width:100%}.coparent-input:focus{border-color:#667eea99}.coparent-input::placeholder{color:#fff3}.coparent-pw-row{align-items:center;display:flex;position:relative}.coparent-pw-row .coparent-input{padding-right:2.75rem}.coparent-pw-toggle{align-items:center;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;padding:0;position:absolute;right:.75rem;transition:color .2s}.coparent-pw-toggle:hover{color:#ffffffb3}.coparent-form-error{background:#ef444414;border:1px solid #ef444433;border-radius:.5rem;color:#f87171;font-size:.8rem;margin:0;padding:.5rem .75rem;text-align:left}.coparent-inline-link{background:none;border:none;color:#a5b4fc;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.coparent-inline-link:hover{color:#fff}.coparent-linking-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.coparent-linking-ring{align-items:center;animation:ring-pulse 2s ease-in-out infinite;background:#667eea1a;border:2px solid #667eea40;border-radius:50%;display:flex;height:88px;justify-content:center;position:relative;width:88px}.coparent-linking-ring:before{animation:ring-pulse 2s ease-in-out .4s infinite;border:1.5px solid #667eea1f;border-radius:50%;content:"";inset:-8px;position:absolute}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.coparent-linking-icon{animation:emoji-swap .3s ease;color:#a5b4fc}@keyframes emoji-swap{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.coparent-step-label{align-items:baseline;display:flex;gap:0;min-height:1.6rem}.coparent-step-text{animation:step-fade .4s ease;color:#fff;font-size:1rem;font-weight:600}@keyframes step-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.coparent-step-dots{color:#a5b4fc;display:inline-block;font-size:1rem;font-weight:700;text-align:left;width:1.5rem}.coparent-step-pills{align-items:center;display:flex;gap:.375rem}.coparent-step-pill{background:#ffffff1a;border-radius:2px;height:4px;transition:all .4s ease;width:28px}.coparent-step-pill.done{background:#667eea80;width:20px}.coparent-step-pill.active{background:#667eea;box-shadow:0 0 8px #667eea99;width:36px}@media (max-width:480px){.coparent-accept-card{padding:2rem 1.25rem}.coparent-accept-title{font-size:1.25rem}}.App{color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}.App,.main-content{background-color:var(--bg-primary)}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding-top:80px}@media (max-width:768px){.main-content{padding-left:10px;padding-right:10px;padding-top:70px}}@media (max-width:480px){.main-content{padding-left:8px;padding-right:8px;padding-top:60px}}@keyframes notificationPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes notificationPulse{0%,to{box-shadow:0 2px 8px #ee5a5a80,0 0 0 2px #fff;box-shadow:0 2px 8px #ee5a5a80,0 0 0 2px var(--background,#fff);transform:scale(1)}50%{box-shadow:0 3px 12px #ee5a5a99,0 0 0 2px #fff,0 0 12px #ee5a5a4d;box-shadow:0 3px 12px #ee5a5a99,0 0 0 2px var(--background,#fff),0 0 12px #ee5a5a4d;transform:scale(1.08)}}
/*# sourceMappingURL=main.2292dbc3.css.map*/