@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}*{font-family:Inter,sans-serif}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-500:oklch(79.5% .184 86.047);--color-lime-500:oklch(76.8% .233 130.85);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-500:oklch(55.4% .046 257.417);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-full{height:100%}.h-px{height:1px}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-full{width:100%}.w-px{width:1px}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-8{--tw-translate-y:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.98\]{scale:.98}.scale-\[0\.99\]{scale:.99}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[shimmer_2s_infinite\]{animation:2s infinite shimmer}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-cyan-500\/30{border-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/30{border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/30{border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.border-gray-700{border-color:var(--color-gray-700)}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-pink-500\/30{border-color:#f6339a4d}@supports (color:color-mix(in lab,red,red)){.border-pink-500\/30{border-color:color-mix(in oklab,var(--color-pink-500) 30%,transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/30{border-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/30{border-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.border-teal-500\/30{border-color:#00baa74d}@supports (color:color-mix(in lab,red,red)){.border-teal-500\/30{border-color:color-mix(in oklab,var(--color-teal-500) 30%,transparent)}}.border-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.bg-\[\#10B981\]{background-color:#10b981}.bg-\[\#f6d25c\]{background-color:#f6d25c}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/20{background-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/20{background-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/20{background-color:color-mix(in oklab,var(--color-sky-500) 20%,transparent)}}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/20{background-color:color-mix(in oklab,var(--color-teal-500) 20%,transparent)}}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20{background-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-500{--tw-gradient-from:var(--color-lime-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-400{--tw-gradient-to:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-400{--tw-gradient-to:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-400{--tw-gradient-to:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[16px\]{font-size:16px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-blue-300{color:var(--color-blue-300)}.text-cyan-300{color:var(--color-cyan-300)}.text-emerald-300{color:var(--color-emerald-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-green-300{color:var(--color-green-300)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-orange-300{color:var(--color-orange-300)}.text-pink-300{color:var(--color-pink-300)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-rose-300{color:var(--color-rose-300)}.text-sky-300{color:var(--color-sky-300)}.text-teal-300{color:var(--color-teal-300)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.uppercase{text-transform:uppercase}.placeholder-gray-600::placeholder{color:var(--color-gray-600)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:border-gray-500:is(:where(.group):hover *){border-color:var(--color-gray-500)}.group-hover\:text-gray-200:is(:where(.group):hover *){color:var(--color-gray-200)}.group-hover\:opacity-75:is(:where(.group):hover *){opacity:.75}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:text-gray-200:hover{color:var(--color-gray-200)}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@font-face{font-family:qafine;src:url(/assets/QafineDEMO-Regular-B3-nKL4F.otf)format("opentype")}@font-face{font-family:bulkside;src:url(/assets/BulksideDemo-Regular-C8LlRn4u.otf)format("opentype")}@font-face{font-family:flex;src:url(/assets/GoogleSansFlex_72pt-Bold-Clxzat3h.ttf)format("truetype")}@font-face{font-family:inter;src:url(/assets/Inter_24pt-Regular-BPx6xqqj.ttf)format("truetype")}@font-face{font-family:space-grotesk;src:url(/assets/SpaceGrotesk-Bold-wuXZARFU.ttf)format("truetype")}@font-face{font-family:zin-ext;src:url(/assets/zin-OLL8w0tL.ttf)format("truetype")}@font-face{font-family:brandel;src:url(/assets/BrandelLuchador-Regular-jqIngQwD.ttf)format("truetype")}body{background:#f3f4f6;margin:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root,[data-theme=light]{--bg: #ffffff;--surface: #f9fafb;--card: #ffffff;--text: #111827;--text-secondary: #6b7280;--primary: #7c3aed;--primary-hover: #6d28d9;--border: #e5e7eb;--shadow: rgba(0, 0, 0, .08);--input-bg: #f9fafb;--hover: #f3f4f6;--sidebar-bg: rgba(255, 255, 255, .7);--badge--green: #ecfdf5;--create-div:#fbbeffa1}[data-theme=dark]{--bg: #070b14;--surface: #111827;--card: #1f2937;--right-card: #1f2937;--join-card: #222329;--text: #f9fafb;--text-secondary: #9ca3af;--primary: #7c3aed;--primary-hover: #8b5cf6;--border: rgba(255, 255, 255, .08);--shadow: rgba(81, 4, 4, .4);--input-bg: #1f2937;--hover: #283244;--sidebar-bg: rgba(17, 24, 39, .7);--badge--green: #27322d;--create-div:#370a39a1}html,body,#root{background-color:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.card{background-color:var(--card)!important;border-color:var(--border)!important;color:var(--text)}input,select,textarea{background-color:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}input::placeholder,textarea::placeholder{color:var(--text-secondary)!important}a,button{color:inherit}.empty-msg,[class*=-empty],[class*=empty-]{color:var(--text-secondary)!important}.sidebar{height:100vh;display:flex;flex-direction:column;padding:0 8px 16px;background:var(--sidebar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border);overflow-x:hidden;position:fixed;top:0;left:0;z-index:200;transition:width .6s ease,background-color .2s ease,border-color .2s ease}.sidebar-collapsed{width:60px;align-items:center}.sidebar-expanded{width:200px}.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px 0}.sidebar-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:16px 8px;margin-bottom:20px}.sidebar-logo-icon{border-radius:10px;overflow:hidden}.sidebar-logo-text{font-size:20px;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;padding:0 4px;width:100%;gap:2px;flex:1}.sidebar-link{display:flex;flex-direction:row;width:100%;gap:8px;padding:10px 12px;cursor:pointer;color:var(--text-secondary);border-radius:4px;align-items:center;justify-content:flex-start}.sidebar-link:hover{background-color:#7c3aed0d;color:#7c3aed}.sidebar-link-active{background-color:#7c3aed1a;color:#7c3aed;border-left:3px solid #7c3aed}.sidebar-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.sidebar-label{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden}.create-new{margin-top:140px;border-bottom:2px dotted var(--border);padding-bottom:20px}.create-div{display:flex;flex-direction:row;width:100%;gap:8px;padding:10px 12px;cursor:pointer;color:#7c3aed;border-radius:8px;background-color:#fbbeffd7;align-items:center;justify-content:flex-start;box-shadow:0 2px 12px #00000017}.sidebar-collapsed .create-div{justify-content:center;padding:10px 0;border-radius:50%;width:35px;height:35px}.sidebar-bottom{margin-top:auto}.dashboard-container{height:100vh;flex:1;display:flex;flex-direction:column;margin-left:60px;overflow:hidden;font-family:Inter,sans-serif}.dashboard-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background-color:var(--surface);height:60px;flex-shrink:0}.search-bar{width:600px;padding:8px 16px;border:1px solid var(--border);border-radius:12px;font-size:.85rem;color:var(--text);background-color:var(--input-bg);outline:none}.search-bar:focus{border-color:#7c3aed;background-color:var(--input-bg)}.theme-toggle:hover{box-shadow:0 4px 8px var(--shadow)}.notifications:hover{box-shadow:0 4px 8px var(--shadow)}.profile-section{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;position:relative;color:var(--text)}.profile-dropdown{position:absolute;top:100%;right:0;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px var(--shadow);padding:6px;min-width:160px;z-index:100;display:flex;flex-direction:column;gap:2px}.profile-pic{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;overflow:hidden}.dashboard-content{display:flex;flex-direction:row;flex:1;overflow:hidden}.left-panel{display:flex;flex-direction:column;flex:1;padding:20px;gap:24px;overflow-y:auto}.dashboard-greeting{margin-left:10px;font-size:1.8rem;font-weight:700;color:var(--text)}.dashboard-welcome-msg{margin-left:10px;font-size:.9rem;color:var(--text-secondary);margin-top:-20px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-stat-card{background:var(--card);border-radius:12px;box-shadow:0 2px 12px var(--shadow);padding:16px 4px 16px 16px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease;border:1px solid var(--border)}.dashboard-stat-card:hover{box-shadow:0 4px 12px var(--shadow)}.stat-icon-1{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#b4dff833,#b4dff880)}.stat-icon-2{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#b6f8b433,#b6f8b480)}.stat-icon-3{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#f8e3b433,#f8e3b480)}.stat-icon-4{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#b4eff833,#b4eff880)}.stat-label{font-size:.7rem;color:var(--text-secondary);font-weight:600}.stat-sublabel{font-size:.65rem;color:var(--text-secondary);opacity:.7}.recomended-projects-section{display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:16px;background:var(--card);border:1px solid var(--border)}.reconmended-projects-cards{display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding-bottom:8px}.project-card{max-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;position:relative;flex-direction:column;gap:16px;flex-shrink:0;transition:box-shadow .2s ease}.card-bg-1{background:url(/assets/bg-card-1-DDPb50Wt.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.card-bg-2{background:url(/assets/bg-card-2-BcS5o_r5.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.card-bg-3{background:url(/assets/bg-card-3-DRsDxXkE.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.icon-wraper{position:absolute;bottom:-18px;left:12px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.bookmark-btn{position:absolute;right:8px;top:8px;left:unset;background:none;border:none;cursor:pointer}.skill-tag{font-size:.7rem;padding:3px 8px;border-radius:4px;background:var(--input-bg);color:var(--text);font-weight:500;border:1px solid var(--border)}.card-star-count{font-size:.7rem;color:var(--text-secondary)}.member-number{font-size:.7rem;color:var(--text-secondary)}.cards-fade-right{position:absolute;right:0;top:0;width:100px;height:100%;background:linear-gradient(to right,transparent,var(--card));pointer-events:none;z-index:5}.cards-fade-left{position:absolute;left:0;top:0;width:100px;height:100%;background:linear-gradient(to left,transparent,var(--card));pointer-events:none;z-index:5}.recent-activity-section{display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:16px;background:var(--card);border:1px solid var(--border)}.recent-activity-header{font-size:1.1rem;font-weight:700;color:var(--text);display:flex;justify-content:space-between;align-items:center}.recent-activity-content{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;scrollbar-width:none;padding-right:2px}.recent-activity-content::-webkit-scrollbar{display:none}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);border-left:3px solid transparent;transition:border-left .2s ease,background .2s ease}.activity-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.activity-text{flex:1;font-size:.82rem;color:var(--text)}.activity-time{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.activity-item:hover{background:var(--hover);border-left:3px solid #7c3aed}.right-panel{display:flex;flex-direction:column;width:300px;padding:20px 12px;gap:10px;overflow-y:auto;flex-shrink:0}.trending-projects{display:flex;flex-direction:column;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:12px 10px;gap:10px;background:var(--card);border:1px solid var(--border)}.trending-projects-header{font-size:.9rem;font-weight:700;color:var(--text);display:flex;justify-content:space-between;align-items:center}.trending-projects-content{display:flex;flex-direction:column}.trending-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s ease}.trending-item:hover{background:var(--hover)}.trending-rank-1{font-size:.8rem;font-weight:700;color:#598e69;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d8e0ed,#52f19a)}.trending-rank-2{font-size:.8rem;font-weight:700;color:#60598e;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d8daed,#52bcf1)}.trending-rank-3{font-size:.8rem;font-weight:700;color:#858e59;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#eaedd8,#f1cc52)}.trending-info{display:flex;flex-direction:column;flex:1}.trending-title{font-size:.75rem;font-weight:600;color:var(--text)}.trending-skills{font-size:.6rem;color:var(--text-secondary)}.trending-rating{display:flex;align-items:center;gap:4px}.trending-rating svg{transition:fill .2s ease,stroke .2s ease}.trending-rating:hover svg{fill:#f59e0b;stroke:#f59e0b}.rating-count{font-size:.6rem;color:var(--text-secondary)}.dash-connections-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 10px;box-shadow:0 4px 12px var(--shadow)}.dash-connections-header{display:flex;justify-content:space-between;align-items:center}.dash-connections-title{font-size:.9rem;font-weight:700;color:var(--text)}.dash-connections-empty{font-size:.75rem;color:var(--text-secondary);padding:4px 2px;line-height:1.5}.dash-connections-list{display:flex;flex-direction:column;gap:2px}.dash-connection-item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;cursor:pointer;transition:background .15s ease}.dash-connection-item:hover{background:var(--hover)}.dash-conn-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.dash-conn-info{display:flex;flex-direction:column;flex:1;min-width:0}.dash-conn-name{font-size:.75rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-conn-username{font-size:.65rem;color:var(--text-secondary)}.dash-conn-msg-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.dash-conn-msg-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.community-highlights{width:92%;height:180px;display:flex;flex-direction:column;background:url(/assets/community-bg-fmjkQX45.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid #ddd6fe;border-radius:12px;padding:12px 12px 4px;margin-left:auto;justify-content:space-around}.community-upper{display:flex;flex-direction:column;margin-bottom:60px}.community-highlights-header{font-size:.7rem;font-weight:700;color:#111827}.community-highlights-subheader{font-size:.5rem;color:#6b7280}.community-highlights-content{margin-top:4px;display:flex;padding:10px;border-radius:10px;background-color:#52bcf197;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.community-bar{display:flex;gap:24px}.bar-info{display:flex;flex-direction:column}.bar-header{font-size:.62rem;color:#fff}.bar-subheader{font-size:.5rem}.bar-icons{display:flex;flex-direction:row;align-items:center}.bar-icon{width:20px;height:20px;border-radius:50%;border:2px solid #fff;background-size:cover;background-position:center;margin-left:-6px}.bar-icon:first-child{margin-left:0}.bar-icon-count{margin-left:-4px;background:#7c3aed;color:#fff;font-size:.4rem;font-weight:700;padding:4px 10px;border-radius:20px;border:2px solid #fff}.view-all-link{font-size:.64rem;color:#7c3aed;text-decoration:none;font-weight:500;transition:transform .3s ease}.github-hash-tab{display:flex;flex-direction:column;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:12px 10px;overflow-x:hidden;gap:10px;background:var(--card);border:1px solid var(--border)}.github-hash-header{font-size:.8rem;font-weight:700;color:var(--text);display:flex;justify-content:space-between;align-items:center}.github-heatmap{display:flex;flex-direction:row;gap:3px;padding:1px;overflow-x:auto}.heatmap-column{display:flex;flex-direction:column;gap:2px}.heatmap-cell{width:5px;height:5px;border-radius:2px}.level-0{background-color:var(--border)}.level-1{background-color:#9be9a8}.level-2{background-color:#40c463}.level-3{background-color:#30a14e}.level-4{background-color:#216e39}.contribution-count{display:flex;align-items:baseline;gap:6px}.contribution-count-number{font-size:1.6rem;font-weight:700;color:var(--text)}.contribution-count-label{font-size:.6rem;font-weight:600;color:var(--text-secondary)}.contribution-year-selector{margin-left:auto;font-size:.78rem;border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text);background:var(--input-bg)}.github-heatmap::-webkit-scrollbar{height:2px}.github-heatmap::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}.github-heatmap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.github-heatmap::-webkit-scrollbar-thumb:hover{background:#288942}.left-panel::-webkit-scrollbar{width:0px}.reconmended-projects-cards::-webkit-scrollbar{width:0px}.explore-container{background:var(--bg);height:100vh;flex:1;display:flex;margin-left:60px;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.explore-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background-color:var(--surface);height:60px;flex-shrink:0}.search-bar input{outline:none;width:600px;background:transparent;color:var(--text)}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar:focus-within{border-color:#7c3aed;background-color:var(--card)}.theme-toggle{width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text)}.theme-toggle:hover{box-shadow:0 4px 8px var(--shadow);background-color:var(--hover)}.notifications{width:36px;height:36px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text)}.notifications:hover{box-shadow:0 4px 8px var(--shadow);background-color:var(--hover)}.profile-section span{font-size:.85rem;font-weight:500;color:var(--text)}.profile-dropdown{position:absolute;top:100%;right:0;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px var(--shadow);padding:6px;min-width:160px;z-index:100;display:flex;flex-direction:column;gap:2px}.profile-dropdown a{display:block;padding:8px 12px;font-size:.85rem;color:var(--text);text-decoration:none;border-radius:6px;transition:background .15s ease}.profile-dropdown a:hover{background:var(--hover);color:var(--text)}.profile-dropdown .logout-btn:hover{background:#ef44441a}.explore-content{display:flex;flex-direction:row;flex:1;overflow:hidden}.explore-center{display:flex;flex-direction:column;flex:1;padding:20px;gap:16px;overflow-y:auto;scrollbar-width:none}.explore-header{display:flex;flex-direction:row;justify-content:space-between}.explore-title{margin-left:10px;font-size:1.7rem;font-weight:700;color:var(--text)}.explore-msg{margin-left:10px;font-size:.8rem;color:var(--text-secondary);margin-top:-20px}.create-div{display:flex;flex-direction:row;width:100%;gap:8px;padding:10px 12px;cursor:pointer;color:#7c3aed;border-radius:8px;background-color:var(--create-div);align-items:center;justify-content:flex-start;box-shadow:0 2px 12px var(--shadow)}.explore-tabs{display:flex;padding:4px 12px;gap:8px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.explore-tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap;border:1px solid var(--border);border-radius:12px;padding:6px 14px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text)}.tab:hover{background:#257cff6c;border-radius:12px;box-shadow:0 4px 12px var(--shadow);backdrop-filter:blur(8.8px);-webkit-backdrop-filter:blur(8.8px);border:1px solid rgba(60,137,253,.3);cursor:pointer;transition:all ease-in-out .1s}.explore-bottom{display:flex;gap:16px;min-height:0;align-items:flex-start;padding-bottom:20px}.explore-filters{width:210px;display:flex;flex-direction:column;flex-shrink:0;border-radius:12px;padding:14px;gap:0;overflow-y:auto;scrollbar-width:none;box-shadow:0 4px 12px var(--shadow);background-color:var(--surface)}.explore-filters::-webkit-scrollbar{display:none}.filter-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;color:var(--text);padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:4px}.filter-clear-btn{font-size:.72rem;color:#7c3aed;cursor:pointer;font-weight:500}.filter-clear-btn:hover{color:red}.filter-section{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.filter-section:last-child{border-bottom:none}.filter-section-title{font-size:.72rem;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em}.filter-more-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-more-toggle:hover{color:#6d28d9}.filter-search{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg)}.filter-search input{outline:none;border:none;background:transparent;font-size:.72rem;color:var(--text);width:100%}.filter-search input::placeholder{color:var(--text-secondary)}.filter-list{display:flex;flex-direction:column;gap:2px}.filter-item{display:flex;align-items:center;justify-content:space-between;padding:5px 4px;border-radius:6px;cursor:pointer;transition:background .15s ease;color:var(--text)}.filter-item:hover{background:var(--hover)}.filter-item-left{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text);font-weight:500}.filter-count{font-size:.65rem;color:var(--text-secondary);font-weight:500}.filter-show-more{font-size:.68rem;color:#7c3aed;cursor:pointer;font-weight:500;padding:2px 4px;transition:transform .3s ease}.filter-show-more:hover{transform:translateY(10%)}input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;width:12px;height:12px}.more-filters-container{display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.more-filter-group{display:flex;flex-direction:column;gap:6px}.more-filter-label{font-size:.67rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.explore-cards{display:flex;flex-direction:column;flex:1;background:var(--bg);min-width:0}.recomended-projects-section{display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:16px;background-color:var(--surface)}.recomendation-header{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:700;color:var(--text)}.recomendation-subheader{font-size:.82rem;color:var(--text-secondary);margin-top:-8px}.reconmended-projects-cards{display:flex;flex-direction:row;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.reconmended-projects-cards::-webkit-scrollbar{display:none}.project-card{max-width:250px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;position:relative;flex-direction:column;gap:16px;flex-shrink:0;transition:box-shadow .2s ease}.project-card:hover{box-shadow:0 2px 12px var(--shadow)}.card-header{height:70px;border-radius:8px 8px 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:8px;position:relative;margin:-16px -16px 0;z-index:2}.card-bg-1{background:url(/assets/bg-card-1-DDPb50Wt.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.card-bg-2{background:url(/assets/bg-card-2-BcS5o_r5.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.card-bg-3{background:url(/assets/bg-card-3-DRsDxXkE.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.9}.icon-wraper{position:absolute;bottom:-18px;left:12px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow)}.bookmark-btn{position:absolute;right:8px;top:8px}.card-body{display:flex;flex-direction:column;gap:6px;padding-top:24px}.project-card-title{font-size:.95rem;font-weight:700;color:var(--text)}.project-card-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.project-card-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{font-size:.7rem;padding:3px 8px;border-radius:4px;background:var(--hover);color:var(--text);font-weight:500;border:1px solid var(--border)}.card-footer{display:flex;gap:12px}.card-star-count{font-size:.7rem;color:var(--text)}.member-number{font-size:.7rem;color:var(--text)}.git-fork-container{display:flex;gap:6px;align-items:center}.git-fork-number{font-size:.7rem;color:var(--text)}.join-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px}.join-btn{border:1px solid var(--border);background:#e7cdfc;color:#7c3aed;border-radius:8px;padding:8px 32px;font-size:.7rem;font-weight:600}.join-btn:hover{box-shadow:0 4px 12px var(--shadow);cursor:pointer}.bottom-bookmark-btn{border:1px solid var(--border);padding:8px;border-radius:8px;background:var(--card);color:var(--text)}.bottom-bookmark-btn:hover{box-shadow:0 4px 12px var(--shadow);cursor:pointer}.bottom-bookmark-btn svg:hover{fill:#ff0}.cards-carousel-wrapper{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:8px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--card);box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .2s ease}.carousel-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.carousel-btn-left{left:4px}.carousel-btn-right{right:4px}.cards-fade-right{position:absolute;right:0;top:0;width:100px;height:100%;background:linear-gradient(to right,transparent,var(--surface));pointer-events:none;z-index:5}.cards-fade-left{position:absolute;left:0;top:0;width:100px;height:100%;background:linear-gradient(to left,transparent,var(--surface));pointer-events:none;z-index:5}.all-projects-section{display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;padding:16px;background-color:var(--surface)}.all-projects-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.all-projects-title-group{display:flex;flex-direction:column;gap:2px}.all-projects-title{font-size:1.1rem;font-weight:700;color:var(--text)}.all-projects-count{font-size:.75rem;color:var(--text-secondary)}.all-projects-controls{display:flex;align-items:center;gap:10px}.sort-select{font-size:.75rem;padding:6px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--input-bg);outline:none;cursor:pointer}.view-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-btn{padding:6px 10px;background:var(--card);border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:background .15s ease}.view-btn:hover{background:var(--hover);color:var(--text)}.view-btn-active{background:#7c3aed1f;color:#7c3aed}.all-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1400px){.all-projects-grid{grid-template-columns:repeat(2,1fr)}}.all-projects-grid .project-card{max-width:100%;flex-shrink:unset}.your-project-btn{background:var(--hover);color:var(--text-secondary);cursor:not-allowed}.joined-btn{background:#10b98126;color:#10b981;cursor:not-allowed}.explore-right{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:20px 10px;overflow-y:auto;scrollbar-width:none}.explore-right::-webkit-scrollbar{display:none}.match-header{display:flex;justify-content:space-between;align-items:center}.match-stats{display:flex;align-items:center;gap:16px}.match-stat{display:flex;flex-direction:column;gap:2px}.match-stat-number{font-size:1.8rem;font-weight:700;color:var(--text)}.match-percent{color:#10b981}.match-stat-label{font-size:.72rem;color:var(--text-secondary)}.match-stat-divider{width:1px;height:40px;background:var(--border)}.top-technologies{display:flex;flex-direction:column;gap:8px}.top-tech-title{font-size:.75rem;font-weight:600;color:var(--text)}.tech-bar-item{display:flex;flex-direction:column;gap:4px}.tech-bar-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text);font-weight:500}.tech-bar-track{height:6px;background:var(--hover);border-radius:4px;overflow:hidden}.tech-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#6366f1);border-radius:4px;transition:width .6s ease}.new-matches{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#10b981;font-weight:600}.new-matches-text{font-size:.75rem}.contributors-list{display:flex;flex-direction:column;gap:4px}.contributor-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s ease}.contributor-item:hover{background:var(--hover)}.contributor-you{background:#7c3aed1a}.contributor-rank{font-size:.72rem;font-weight:700;color:var(--text-secondary);width:14px}.contributor-avatar{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.contributor-name{flex:1;flex-direction:column;align-items:flex-start;font-size:.6rem;font-weight:500;color:var(--text);display:flex;gap:4px}.you-badge{font-size:.6rem;background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.3);padding:1px 5px;border-radius:10px;font-weight:600}.contributor-pts{font-size:.7rem;color:var(--text-secondary);font-weight:500}.right-activity-list{display:flex;flex-direction:column;gap:10px}.right-activity-item{display:flex;align-items:center;gap:8px}.right-activity-info{display:flex;flex-direction:column;gap:2px}.right-activity-text{font-size:.75rem;color:var(--text);line-height:1.4}.right-activity-time{font-size:.68rem;color:var(--text-secondary)}.explore-center::-webkit-scrollbar{display:none}.explore-center{scrollbar-width:none;-ms-overflow-style:none}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:var(--surface);border-radius:16px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;font-weight:700;color:var(--text);margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;padding:4px;border-radius:6px;transition:background .15s}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;color:var(--text)}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field label{font-size:13px;font-weight:600;color:#374151}.modal-field input,.modal-field textarea,.modal-field select{border:1.5px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .15s;font-family:inherit;resize:vertical}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:#6366f1;background:#fff}.tag-input-row{display:flex;gap:8px}.tag-input-row input{flex:1}.tag-add-btn{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:9px 12px;cursor:pointer;display:flex;align-items:center;transition:background .15s}.tag-add-btn:hover{background:#4f46e5}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-chip{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:500;padding:4px 9px;border-radius:20px}.tag-chip button{background:none;border:none;cursor:pointer;color:#6366f1;display:flex;align-items:center;padding:0;opacity:.7;transition:opacity .15s}.tag-chip button:hover{opacity:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9}.profile-container{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;margin-left:60px;background-color:var(--bg);font-family:Inter,system-ui,sans-serif}.profile-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background-color:var(--bg);border-bottom:1px solid var(--border)}.profile-nav .search-bar{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:#94a3b8}.profile-nav .search-bar input{flex:1;border:none;background:none;outline:none;font-size:13px;font-family:inherit;color:#334155}.profile-nav .nav-right{display:flex;align-items:center;gap:14px}.profile-nav .theme-toggle,.profile-nav .notifications{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;padding:4px}.profile-nav .profile-section{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;font-size:13px;color:#334155}.profile-nav .profile-pic{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#8b5cf6);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.profile-nav .profile-dropdown{position:absolute;top:38px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px #0f172a1f;display:flex;flex-direction:column;min-width:140px;overflow:hidden;z-index:20}.profile-nav .profile-dropdown a,.profile-nav .profile-dropdown button{padding:10px 14px;font-size:13px;color:#334155;text-decoration:none;text-align:left;background:none;border:none;cursor:pointer}.profile-nav .profile-dropdown a:hover,.profile-nav .profile-dropdown button:hover{background:#f8fafc}.profile-nav .logout-btn{color:#ef4444}.profile-layout{flex:1;display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px 28px 40px;align-items:start}.profile-center{display:flex;flex-direction:column;gap:24px;min-width:0}.profile-right{display:flex;flex-direction:column;gap:24px}@media(max-width:1100px){.profile-layout{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0f172a0f;padding:24px;transition:box-shadow .3s ease}.section-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 16px}.section-title--sm{font-size:14px;margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-header-card{display:flex}.profile-header-left{display:flex;gap:20px;width:100%}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#8b5cf6);color:#fff;font-size:30px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-header-info{display:flex;flex-direction:column;gap:4px}.profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name{font-size:21px;font-weight:700;color:var(--text);margin:0}.profile-username{font-size:14px;color:#64748b;margin:0}.profile-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.profile-bio{font-size:14px;color:#475569;max-width:480px;line-height:1.6;margin:8px 0 4px}.profile-actions{display:flex;gap:12px;margin-top:8px}.btn{display:flex;align-items:center;gap:8px;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;padding:9px 18px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.btn--primary{background:#6366f1;color:#fff}.btn--primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 14px #6366f14d}.btn--outline{background:var(--card);border:1px solid var(--border);color:var(--text)}.btn--outline:hover{background:var(--hover);transform:translateY(-2px)}.badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge--green{background:var(--badge--green);color:#059669}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.tech-pill{display:flex;align-items:center;gap:8px;background:va(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:13px;color:var(--text);transition:transform .25s ease,box-shadow .25s ease}.tech-pill:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0f172a14}.tech-pill svg{transition:transform .25s ease}.tech-pill:hover svg{transform:scale(1.15)}.interests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:600px){.interests-grid{grid-template-columns:repeat(2,1fr)}}.interest-card{display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:14px;border:2px dotted var(--border);padding:20px 12px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.interest-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0f172a1a}.interest-emoji{font-size:24px;transition:transform .25s ease}.interest-card:hover .interest-emoji{transform:scale(1.15)}.interest-label{font-size:13px;font-weight:500;color:#334155}.contribution-month{font-size:12px;color:#94a3b8;font-weight:500}.contribution-summary{display:flex;gap:32px;margin-bottom:18px}.contribution-stat{display:flex;flex-direction:column;gap:2px}.contribution-stat__value{font-size:22px;font-weight:700;color:var(--text)}.contribution-stat__label{font-size:12px;color:#64748b}.heatmap-wrapper{overflow-x:auto;padding-bottom:4px}.heatmap-inner{display:inline-flex;flex-direction:column;gap:4px}.heatmap-months{display:grid;grid-template-columns:repeat(52,11px);gap:3px;padding-left:28px;font-size:11px;color:#94a3b8;height:14px}.heatmap-month-label{grid-row:1}.heatmap-body{display:flex;gap:6px}.heatmap-day-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#94a3b8;width:24px;padding:1px 0;height:80px}.heatmap-grid{display:flex;gap:3px;width:max-content}.heatmap-column{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:11px;height:11px;border-radius:2px;transition:transform .15s ease,outline .15s ease}.heatmap-cell:hover{transform:scale(1.3);outline:1px solid #94a3b8}.heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:14px;font-size:11px;color:#94a3b8}.legend-box{width:10px;height:10px;border-radius:2px}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:14px}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-icon{width:32px;height:32px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-line{width:2px;flex:1;background:var(--bg);margin:2px 0}.timeline-content{padding-bottom:22px}.timeline-time{font-size:11px;color:#94a3b8;margin:0 0 2px}.timeline-text{font-size:13.5px;color:#334155;margin:0}.languages-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.language-item__row{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:6px}.language-item__name{font-weight:500;color:var(--text-secondary)}.language-item__percent{color:#94a3b8}.progress-track{width:100%;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .5s ease}.github-stats-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.github-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.github-stat-row__label{display:flex;align-items:center;gap:8px;color:#64748b}.github-stat-row__value{font-weight:600;color:var(--text-secondary)}.achievements-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.achievement-item{display:flex;align-items:flex-start;gap:12px;transition:transform .25s ease}.achievement-item:hover{transform:translateY(-2px)}.achievement-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.achievement-title{font-size:13px;font-weight:600;color:var(--text);margin:0}.achievement-desc{font-size:11.5px;color:#94a3b8;margin:2px 0 0}.profile-toast{position:fixed;top:20px;right:24px;z-index:2000;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #0000001f;animation:toast-in .25s ease}.profile-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.profile-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.public-profile-page{min-height:100vh;background:var(--bg);color:var(--text)}.public-profile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.public-profile-brand{font-size:18px;font-weight:800;color:#6366f1;text-decoration:none;letter-spacing:-.3px}.public-profile-layout{max-width:1100px;margin:0 auto;padding:32px 24px}.public-profile-loading,.public-profile-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:#64748b;font-size:15px}.public-profile-notfound h2{font-size:22px;font-weight:700;color:#0f172a;margin:0}.public-profile-notfound p{margin:0;font-size:14px}.project-detail-container{background:var(--bg);height:100vh;flex:1;display:flex;margin-left:60px;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.project-detail-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px #00000014;background-color:var(--bg);height:60px;flex-shrink:0}.search-bar{width:600px;padding:8px 16px;border:1px solid var(--border);border-radius:12px;font-size:.85rem;color:#374151;display:flex;gap:12px;background-color:#f9fafb}.project-detail-content{display:flex;flex-direction:row;padding:10px;flex:1;overflow:hidden}.center-content{width:100%;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.center-content::-webkit-scrollbar{display:none}.back{width:100px;display:flex;align-items:center;font-size:.75rem;color:#63686f;cursor:pointer;padding:10px}.back:hover{color:#111827}.hero-section{display:flex;justify-content:space-between}.left-hero{padding:4px 10px;display:flex;width:77%}.logo-section{display:flex;align-items:flex-start;flex-shrink:0}.logo{border-radius:20px;padding:5px;margin-left:5px;box-shadow:0 2px 25px #98a9ffbc}.details-section{display:flex;flex-direction:column;padding:5px 20px;gap:12px}.project-title{display:flex;gap:12px;align-items:center}.title{font-size:1.7rem;font-weight:800;letter-spacing:.4px}.header-owner-badge{width:fit-content;font-size:.5rem;padding:2px 4px;border-radius:4px;background-color:#e7a5fa;color:#6625d7;letter-spacing:1px;font-weight:500;box-shadow:0 4px 30px #98a9ffd4}.hearder-status{display:flex;gap:12px}.contributor-badge{display:flex;align-items:center;gap:2px;font-size:.6rem;font-weight:600;letter-spacing:.1px;padding:2px 8px;background-color:#c2fce0dc;color:#2dad21;box-shadow:0 4px 30px #b0ff98c7;border-radius:8px}.status{display:flex;align-items:center;font-size:.6rem;font-weight:600;letter-spacing:.1px;padding:2px 6px;background-color:#c2fce0dc;color:#2dad21;box-shadow:0 4px 30px #b0ff98c7;border-radius:8px}.star-container{display:flex;gap:6px;align-items:center}.star-container svg{transition:fill .2s ease,stroke .2s ease}.star-container:hover svg{fill:#f59e0b;stroke:#f59e0b}.card-star-count{font-size:.7rem;font-weight:600}.match-badge{font-size:.72rem;font-weight:700;padding:3px 6px;border-radius:20px;color:#059669;align-self:flex-start}.member-container{display:flex;gap:6px;align-items:center}.member-number{font-size:.7rem;font-weight:600;letter-spacing:1px}.project-desc-header{font-size:.75rem;font-weight:500;color:#63686f;letter-spacing:.1px;max-height:6em;overflow-y:auto;line-height:1.5}.project-desc-header.truncated{line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.project-desc-header::-webkit-scrollbar{width:2px}.project-desc-header::-webkit-scrollbar-track{background:#f6f6f3;border-radius:4px}.project-desc-header::-webkit-scrollbar-thumb{background:#a582f0ce;border-radius:4px}.project-desc-header::-webkit-scrollbar-thumb:hover{background:#d38cff}.read-more-btn{font-size:.6rem;color:#374151}.read-more-btn:hover{color:#000}.skills-header{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{display:flex;justify-content:center}.right-hero{display:flex;flex-direction:column;margin-top:20px}.join-btn-div{display:flex;flex-direction:column;gap:24px;width:170px}.join-project{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;margin-top:40px;border-radius:8px;font-size:.8rem;color:#fff;background:#602cdae3}.join-project:hover{color:#fff;box-shadow:0 4px 30px #acc8fcc2;background:linear-gradient(135deg,#612cda,#9f96ffc4)}.bookmark-hero-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;border:1px solid var(--border);border-radius:8px;padding:8px 15px}.bookmark-hero-btn:hover{box-shadow:0 2px 12px #0000000f;background:linear-gradient(135deg,#dad72c,#ffe4b9c4)}.pending-div{display:flex;flex-direction:column;gap:24px;width:170px;margin-top:40px}.request-pending-btn{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;box-shadow:inset 0 2px 15px #00000014,inset 0 -4px 4px #ffffff80;cursor:not-allowed}.joined-btn-div{display:flex;flex-direction:column;gap:16px;margin-left:10px}.joined-span{display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 12px #0000000f;padding:6px}.span{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#42c936;text-shadow:0 0 10px #97ff29d8,0 0 10px #97ff29d8,0 0 10px #97ff29d8,0 0 10px #97ff29d8}.leaveproject-btn{border:1px solid var(--border);border-radius:6px;font-size:.7rem;padding:5px}.leaveproject-btn:hover{color:#fff;background:linear-gradient(135deg,#da4c2c,#ff9696c4);cursor:pointer}.view-issue-div{display:flex;justify-content:space-between}.view-issue-btn{width:75%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.85rem;background:linear-gradient(135deg,#612cda,#9f96ffc4);color:#fff;cursor:pointer;gap:6px}.view-issue-btn:hover{background:linear-gradient(135deg,#602cdae2,#9f96ffc4);box-shadow:0 2px 12px #0000000d}.view-issue-dots{border:1px solid var(--border);border-radius:8px;padding:5px 6px;cursor:pointer}.view-issue-dots:hover{box-shadow:0 2px 12px #0000000d}.create-pull-div{display:flex;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:6px 12px}.create-pull-div:hover{box-shadow:0 2px 12px #0000000d}.create-pull-btn{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:.8rem;cursor:pointer;padding:5px 12px}.your-project-btn{padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;box-shadow:0 2px 12px #0000000d}.tabs{display:flex;margin-top:10px;padding:0 20px;border:1px solid var(--border);border-radius:8px;font-size:.75rem;gap:28px}.tab-active{border-bottom:2px solid #6366f1;color:#6366f1;box-shadow:inset 0 -10px 10px -10px #6bb0ff56}.overview-btn,.readme-btn,.contributors-btn,.issues-btn{display:flex;align-items:center;padding:8px 5px;gap:6px;cursor:pointer;transition:all .2s ease-in-out}.discussions-btn,.pull-request-btn,.settings-btn{display:flex;align-items:center;padding:8px 5px;gap:6px;cursor:pointer;transition:all .1s ease-in}.body{display:flex;flex-direction:column;gap:16px;margin-top:20px}.overview-div{display:flex;flex-direction:column;justify-content:center}.stats-div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:10px}.stat-card-1{background:linear-gradient(135deg,#d0f1ff41,#a0dffe23);border-radius:12px;padding:12px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease}.stat-card-2{background:linear-gradient(135deg,#d0ffe141,#a1feac23);border-radius:12px;padding:12px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease}.stat-card-3{background:linear-gradient(135deg,#fff6d041,#fec79023);border-radius:12px;padding:12px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease}.stat-card-4{background:linear-gradient(135deg,#d0f1ff41,#90eafe23);border-radius:12px;padding:12px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease}.stat-card-1:hover,.stat-card-2:hover,.stat-card-3:hover,.stat-card-4:hover{box-shadow:0 4px 30px #0000000f}.stat-number{font-size:1.6rem;font-weight:700;color:#111827}.bottom-overview{display:flex;flex-direction:row;gap:8px}.about-div{width:60%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:24px}.about-section{display:flex;flex-direction:column;gap:6px}.about-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.about-title{font-size:1rem;font-weight:800}.about-desc{font-size:.75rem;margin-left:25px;font-weight:500;color:#5e5e5e}.goal-section{display:flex;flex-direction:column;gap:6px}.goal-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.goal-title{font-size:1rem;font-weight:800}.goal-desc{font-size:.7rem;margin-left:30px;font-weight:500;color:#5e5e5e}.current-section{display:flex;flex-direction:column;gap:6px}.current-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.current-title{font-size:1rem;font-weight:800}.badge-current{background:linear-gradient(135deg,#c7afff,#88c7ffe3);color:#632bc2;padding:2px 5px;font-size:.6rem;font-weight:600;border-radius:4px}.current-desc{font-size:.7rem;margin-left:30px;font-weight:500;color:#5e5e5e}.key-section{display:flex;flex-direction:column;gap:12px}.key-header{display:flex;align-items:center;justify-content:flex-start;gap:6px}.key-title{font-size:1rem;font-weight:800}.bullets-div{display:flex;flex-direction:column;gap:6px}.bullet{display:flex;align-items:center;margin-left:25px;gap:6px;font-size:.7rem;font-weight:500}.need-section{display:flex;flex-direction:column;gap:12px}.need-header{display:flex;align-items:center;justify-content:flex-start;gap:6px}.need-title{font-size:1rem;font-weight:800}.need-tags{display:flex;margin-left:25px;gap:6px}.badge-need{background:linear-gradient(135deg,#dbccffdc,#ea9cfeb4);color:#632bc2;padding:4px 8px;font-size:.75rem;font-weight:600;border-radius:4px}.project-detail-div{width:40%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:18px}.header-project-detail-div{display:flex;align-items:center}.project-detail-title{font-size:1rem;font-weight:700;padding:0 10px}.details-div{display:flex;flex-direction:column;gap:12px}.line-1,.line-2,.line-3,.line-4,.line-5,.line-6,.line-7,.line-8{padding:10px 6px;display:flex;border-bottom:1px solid #cfd0d2}.left-detail{display:flex;align-items:center;width:50%;font-size:.8rem;font-weight:400;gap:6px}.right-detail{display:flex;align-items:center;width:50%;font-size:.8rem;font-weight:500;gap:6px}.right-detail a{font-size:.7rem}.right-detail a:hover{color:#612cda}.right-content{display:flex;flex-direction:column;align-items:center;width:35%;overflow-y:auto;scrollbar-width:none;padding-left:20px;gap:10px}.collaborators-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:18px}.hader-coll{display:flex;align-items:center;justify-content:space-between}.coll-title{display:flex;align-items:center;font-size:.9rem;font-weight:700;gap:8px}.coll-logo{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;background:linear-gradient(135deg,#daccfad0,#bda1ffd5)}.coll-profiles{display:flex;align-items:center;justify-content:flex-start;gap:6px}.profile-1{height:40px;width:40px;font-size:.85rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fae6ccd0,#d8943bd5)}.profile-2{height:40px;width:40px;font-size:.85rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faccd7d0,#d5485fd5)}.profile-3{height:40px;width:40px;font-size:.85rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ccfad9d0,#68d13bd5)}.profile-4{height:40px;width:40px;font-size:.85rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faccf8d0,#4099c9d5)}.profile-add{height:40px;width:40px;font-size:.85rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1ccfa97,#e0e0e0d5)}.open-roles-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:20px}.hader-open{display:flex;align-items:center;justify-content:space-between}.open-title{display:flex;align-items:center;font-size:.85rem;font-weight:600;gap:8px}.open-logo{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;background:linear-gradient(135deg,#e2d8fad0,#d1bffcd5)}.roles-container{display:flex;flex-direction:column;gap:24px}.role-1,.role-2,.role-3{display:flex;justify-content:space-between}.left-role{display:flex;align-items:center;gap:12px}.logo-role-1{padding:8px;border-radius:6px;background:linear-gradient(135deg,#caecffd5,#90aaffe2)}.logo-role-2{padding:8px;border-radius:6px;background:linear-gradient(135deg,#ffcaf6d5,#ff92ede2)}.logo-role-3{padding:8px;border-radius:6px;background:linear-gradient(135deg,#fff9bad5,#ffe17de2)}.role-info{display:flex;flex-direction:column;gap:2px}.role-title{font-size:.8rem;font-weight:600}.role-skill-req{font-size:.7rem;font-weight:500;color:#818181}.right-role{display:flex;align-items:end}.spot-div{background:#f2c6ffc5;color:#692ad5;border-radius:6px;padding:4px 6px;font-size:.6rem;font-weight:500}.your-match-div{width:100%;display:flex;flex-direction:column;padding:16px 16px 6px;border:1px solid var(--border);border-radius:10px}.hader-match{display:flex;align-items:center;justify-content:space-between}.match-title{display:flex;align-items:center;font-size:.8rem;font-weight:600;gap:8px}.progress-title{font-size:.85rem;font-weight:700}.match-logo{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;background:linear-gradient(135deg,#d5faccd0,#cbffa1d5)}.main-match{display:flex;align-items:center}.donut-chart-div{position:relative;width:140px;height:140px;display:flex;justify-content:center;align-items:center}.chart-content{position:absolute;text-align:center}.chart-content h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--text);line-height:1}.chart-content p{margin-top:6px;font-size:.5rem;color:var(--text-secondary)}.donut-chart-div svg{filter:drop-shadow(0 0 12px rgba(139,92,246,.25))}.match-scale{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.project-health-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:24px}.hader-health{display:flex;align-items:center;justify-content:space-between}.health-title{display:flex;align-items:center;font-size:.8rem;font-weight:600;gap:8px}.health-logo{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;background:linear-gradient(135deg,#ccfaddd0,#a1ffbdd5)}.health-main{display:grid;grid-template-columns:repeat(2,1fr)}.cell-1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-bottom:15px;padding-right:5px;border-right:1px solid #e0e0e0d5;border-bottom:1px solid #e0e0e0d5}.cell-2{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:15px;gap:6px;border-bottom:1px solid #e0e0e0d5}.cell-3{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border-right:1px solid #e0e0e0d5}.cell-4{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:15px;gap:6px}.cell-head{font-size:.75rem;color:#5f5f5f;font-weight:500}.cell-data{font-size:1.2rem;font-weight:600}.cell-msg{font-size:.65rem;color:#059669}.cell-info{font-size:.7rem;color:#5e5e5e}.team-member-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:16px}.your-contri-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:2px}.view-detail-div{border:2px dotted var(--border);border-radius:8px;display:flex;padding:8px 0;justify-content:center;cursor:pointer}.view-detail-div:hover{background:linear-gradient(135deg,#f2edfddb,#ffeabeb8);box-shadow:0 2px 30px #0000001a}.upcoming-task-div{width:100%;display:flex;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:10px;gap:16px}.hader-task{display:flex;align-items:center;justify-content:space-between}.task-title{display:flex;align-items:center;font-size:.75rem;font-weight:700;gap:8px}.header-main{display:flex;flex-direction:column;gap:24px}.row{display:flex;justify-content:space-between}.left-row{display:flex;gap:4px}.no-div{display:flex;align-items:center;gap:3px}.no{font-size:.65rem;padding:0 6px;border-radius:6px;background-color:#ffb1faa4}.task-info{font-size:.7rem}.right-row{display:flex;align-items:center;justify-content:flex-end}.inpro-tag{font-size:.5rem;font-weight:500;padding:2px 5px;border-radius:6px;background-color:#f981ffa3;color:#7c3aed}.to-do-tag{font-size:.5rem;font-weight:500;padding:2px 5px;border-radius:6px;background-color:#b7b7b7a3;color:#4c4c4c}.view-all-link{font-size:.6rem;color:#7c3aed;text-decoration:none;font-weight:500;transition:transform .3s ease;cursor:pointer}.view-all-link:hover{transform:translate(5%)}.commits-section{margin-top:10px;padding:15px;border:1px solid var(--border);border-radius:10px}.commits-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.commits-title{font-weight:700;font-size:16px}.commit-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #dbdbdb;font-size:13px;text-decoration:none;color:inherit}.commit-sha{font-family:monospace;color:#497d16}.commit-message{flex:1}.commit-meta{color:#999;font-size:12px}.commits-empty,.readme-loading,.readme-error,.readme-empty,.issues-loading,.issues-empty,.pulls-loading,.pulls-empty{padding:20px;color:#888;font-size:14px}.readme-markdown{padding:16px}.issue-row,.pull-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;text-decoration:none;color:inherit}.issue-number,.pull-number{color:#888;margin-right:8px}.issue-comments,.pull-author{color:#888;font-size:12px}.issue-state,.pull-state{font-size:11px;padding:2px 8px;border-radius:10px;margin-left:8px;text-transform:capitalize}.issue-state--open,.pull-state--open{background:#dcfce7;color:#15803d}.issue-state--closed,.pull-state--closed{background:#fee2e2;color:#b91c1c}.issue-date,.pull-date{color:#999;font-size:12px;margin-right:8px}.issue-row-left,.pull-row-left{display:flex;align-items:center;gap:4px}.issue-row-right,.pull-row-right{display:flex;align-items:center;gap:8px}.contributors-div{display:flex;flex-direction:column;gap:24px}.current-contributors-section,.pending-requests-section{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;padding:16px;gap:16px}.contributors-section-header,.pending-requests-header{display:flex;align-items:center;justify-content:space-between}.contributors-section-title,.pending-requests-title{font-size:.95rem;font-weight:700}.contributor-row,.request-row{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid #f1f1f1}.contributor-row:last-child,.request-row:last-child{border-bottom:none}.contributor-row-left,.request-row-left{display:flex;align-items:center;gap:12px}.contributor-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contributor-info{display:flex;flex-direction:column;gap:2px}.contributor-name{font-size:.85rem;font-weight:600}.request-time{font-size:.7rem;color:#9ca3af}.request-row-right{display:flex;align-items:center;gap:8px}.request-row{display:flex;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid #f1f1f1}.approve-btn{padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid var(--border);background:#f0fdf4;color:#16a34a;cursor:pointer}.reject-btn{padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;cursor:pointer}.requests-empty{font-size:.8rem;color:#9ca3af;padding:12px 0;text-align:center}.contributor-row,.request-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:10px 6px;border-bottom:1px solid #f1f1f1}.request-row{justify-content:space-between}.approve-btn,.reject-btn{min-width:80px;text-align:center;flex-shrink:0}.readme-markdown{background:var(--surface);border-radius:12px;padding:24px 28px;box-shadow:0 2px 8px #0000000f;line-height:1.7;color:#374151;font-size:.9rem}.readme-markdown h1{font-size:1.6rem;font-weight:700;color:var(--text);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.readme-markdown h2{font-size:1.3rem;font-weight:700;color:var(--text);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.readme-markdown h3{font-size:1.05rem;font-weight:700;color:#111827;margin:20px 0 8px}.readme-markdown p{margin:0 0 14px}.readme-markdown ul,.readme-markdown ol{margin:0 0 14px;padding-left:24px}.readme-markdown li{margin-bottom:6px}.readme-markdown li>ul,.readme-markdown li>ol{margin-top:6px}.readme-markdown a{color:#7c3aed;text-decoration:none;font-weight:500}.readme-markdown a:hover{text-decoration:underline}.readme-markdown strong{color:#111827;font-weight:700}.readme-markdown code{background:#f3f4f6;color:#db2777;padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:Fira Code,Courier New,monospace}.readme-markdown pre{background:#1e1e2e;color:#f3f4f6;padding:16px;border-radius:8px;overflow-x:auto;margin:0 0 16px}.readme-markdown pre code{background:none;color:inherit;padding:0;font-size:.82rem}.readme-markdown blockquote{border-left:3px solid #ddd6fe;background:#f5f3ff;padding:10px 16px;margin:0 0 16px;color:#6b7280;border-radius:0 6px 6px 0}.readme-markdown table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:.85rem}.readme-markdown th,.readme-markdown td{border:1px solid var(--border);padding:8px 12px;text-align:left}.readme-markdown th{background:#f9fafb;font-weight:700;color:#111827}.readme-markdown img{max-width:100%;border-radius:8px;margin:8px 0}.readme-markdown hr{border:none;border-top:1px solid var(--border);margin:20px 0}.readme-markdown input[type=checkbox]{margin-right:8px}.settings-div{display:flex;flex-direction:column;gap:20px}.settings-section{background:var(--surface);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.settings-section-title{font-size:1rem;font-weight:700;color:var(--text)}.settings-form{display:flex;flex-direction:column;gap:14px;margin-top:12px}.settings-row{display:flex;gap:14px}.settings-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:#374151;flex:1}.settings-input,.settings-textarea{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:400;outline:none}.settings-textarea{min-height:80px;resize:vertical}.settings-save-btn{align-self:flex-start;padding:8px 18px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.edit-section-btn{display:flex;align-self:flex-end;align-items:center;padding:4px 18px;color:#797979;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border);gap:6px}.edit-section-btn:hover{color:#000;background:linear-gradient(135deg,#dfe2ff,#fff)}.edit-section-btns{display:flex;align-self:flex-start;align-items:center;padding:6px 18px;color:#393939;background:linear-gradient(135deg,#d7ecff,#affffa9d);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border);gap:6px}.edit-section-btns:hover{color:#000}.settings-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.settings-remove-btn{margin-left:auto;padding:6px 12px;background:#fef2f2;color:#ef4444;border:1px solid #fee2e2;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer}.settings-remove-btn:hover{background:#ef4444;color:#fff}.settings-danger-zone{border:1px solid #fee2e2}.settings-danger-text{font-size:.8rem;color:#6b7280;margin:10px 0 14px}.settings-delete-btn{margin-top:12px;padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.pulls-div{display:flex;flex-direction:column;gap:10px;padding:0 5px}.pull-row{border:1px solid var(--border);border-radius:10px;padding:14px 16px;background:#ffffff48;transition:box-shadow .2s ease,border-color .2s ease}.pull-row:hover{box-shadow:0 2px 12px #0000000d;border-color:#d8d2ff}.pull-title{font-size:.85rem;font-weight:600;color:#111827}.pull-number{font-family:monospace;font-weight:600}.pulls-empty{text-align:center;border:1px dashed var(--border);border-radius:10px;background:var(--surface)}.create-project-container{height:100vh;flex:1;display:flex;flex-direction:column;margin-left:60px;overflow:hidden;font-family:Inter,sans-serif}.create-project-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid #e5e7eb;box-shadow:0 4px 12px #00000014;background-color:#ffffffa5;height:60px;flex-shrink:0}.search-bar{width:600px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:.85rem;color:#374151;background-color:#f9fafb;outline:none}.center-form{display:flex;flex-direction:row;flex:1;overflow:hidden}.form{display:flex;flex-direction:column;flex:1;padding:20px;gap:16px;overflow-y:auto;scrollbar-width:none}.form::-webkit-scrollbar{display:none}.form-header{margin-top:10px;padding:10px 20px;display:flex;flex-direction:column;gap:16px}.back-to-projects{font-size:.8rem;color:#6b7280;margin-top:-15px}.form-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:8px}.form-msg{margin-left:2px;font-size:.8rem;color:#6b7280;margin-top:-20px}.form-content{display:flex;flex-direction:column;padding:20px;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 24px #0000000f;gap:20px}.project-title-section{display:flex;flex-direction:column;gap:6px}.project-title{font-size:.85rem;font-weight:700}.title-input{height:42px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 12px}.title-input input{outline:none;border:none;background:transparent;font-size:.9rem;color:#374151;width:100%}.project-desc-section{display:flex;flex-direction:column;gap:6px}.project-desc{font-size:.85rem;font-weight:700}.desc-input{display:flex;justify-content:space-between;align-items:end;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px}.desc-input textarea{outline:none;border:none;background:transparent;font-size:.915rem;color:#374151;width:100%;min-height:120px}.skills-section{display:flex;align-items:center;padding:10px;justify-content:space-between}.skill-tags{display:flex;gap:6px}.skill-tag{display:flex;padding:4px 8px;background-color:#dce6ff;color:#7c3aed;align-items:center;gap:6px}.delete-x{cursor:pointer}.ttg-section{display:flex;flex-direction:row;justify-content:space-between}.team-size-section{display:flex;flex-direction:column;gap:8px;width:32%}.team-size-title{font-size:.85rem;font-weight:700}.team-input{min-height:40px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 12px;gap:12px}.team-input input{outline:none;border:none;background:transparent;font-size:.9rem;color:#374151;width:100%}.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timeline-section{display:flex;flex-direction:column;gap:8px;width:32%}.timeline-title{font-size:.85rem;font-weight:700}.timeline-input{min-height:40px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 12px;gap:12px}.custom-select{background:none;border:none;outline:none}.git-repo-link-section{display:flex;flex-direction:column;gap:8px;width:32%}.git-repo-link-title{font-size:.85rem;font-weight:700}.git-url-input{min-height:40px;display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:6px 12px;gap:12px}.git-url-input input{outline:none;border:none;background:transparent;font-size:.9rem;color:#374151;width:100%}.btns-section{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;margin-top:30px}.cancel-btn{min-height:50px;min-width:90px;border:1px solid #e5e7eb;border-radius:8px;padding:4px 16px;cursor:pointer;font-size:.9rem}.cancel-btn:hover{box-shadow:0 2px 12px #0000001a}.create-project-btn{min-height:50px;min-width:200px;border:1px solid #e5e7eb;border-radius:8px;background-color:#2f58fc;color:#fff;padding:4px 24px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.create-project-btn:hover{background-color:#4166fd;box-shadow:0 4px 12px #0000001a}.create-project-right{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;scrollbar-width:none}.create-project-right::-webkit-scrollbar{display:none}.right-section{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px #0000000f}.right-section-header{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-bottom:4px}.right-section-title{font-size:.8rem;font-weight:700;color:#111827}.tip-item{display:flex;align-items:flex-start;gap:10px}.tip-icon{min-height:30px;min-width:30px;border-radius:8px;background:#f5f3ff;display:flex;align-items:center;justify-content:center}.tip-info{display:flex;flex-direction:column;gap:2px}.tip-title{font-size:.7rem;font-weight:600;color:#111827}.tip-desc{font-size:.6rem;color:#6b7280;line-height:1.4}.guideline-item{display:flex;align-items:center;gap:8px}.guideline-text{font-size:.7rem;color:#374151}.bookmarks-layout{display:flex;min-height:100vh;background-color:var(--bg);font-family:Inter,sans-serif}.bookmarks-container{flex:1;display:flex;flex-direction:column;min-height:100vh}.bookmarks-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:64px;background-color:var(--bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.bookmarks-nav__left{display:flex;align-items:center;gap:12px}.bookmarks-nav__title{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.02em}.bookmarks-nav__count{font-size:13px;color:#6b7280;font-weight:400}.bookmarks-nav__user{font-size:13px;color:#6b7280;font-weight:500}.bookmarks-main{flex:1;padding:32px 28px 48px}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}@media(max-width:900px){.explore-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:600px){.explore-grid{grid-template-columns:1fr}}.explore-card{background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;outline:none;border:1px solid #f3f0ff}.explore-card:hover{box-shadow:0 8px 24px #7c3aed21,0 2px 8px #0000000f;transform:translateY(-3px)}.explore-card:focus-visible{box-shadow:0 0 0 3px #7c3aed40}.explore-card__banner{position:relative;height:90px;background:#1e1b4b;display:flex;align-items:flex-end;padding:12px 14px}.explore-card__bookmark{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff26;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explore-card__bookmark:hover{background:#ffffff47}.explore-card__bookmark--active{color:#a78bfa;background:#a78bfa33}.explore-card__icon{width:38px;height:38px;border-radius:10px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.explore-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.explore-card__title{font-size:15px;font-weight:700;color:#111827;margin:0;letter-spacing:-.01em;line-height:1.35}.explore-card__desc{font-size:13px;color:#6b7280;margin:0;line-height:1.6;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-card__tags{display:flex;flex-wrap:wrap;gap:6px}.explore-card__tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background-color:#ede9fe;color:#7c3aed;letter-spacing:.01em}.explore-card__meta{display:flex;align-items:center;gap:14px}.explore-card__stars,.explore-card__members{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;font-weight:500}.explore-card__match{margin-left:auto;font-size:12px;font-weight:700;color:#7c3aed}.explore-card__footer{margin-top:auto;padding-top:4px}.explore-card__btn{width:100%;padding:9px 0;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:Inter,sans-serif;transition:background .15s,color .15s}.explore-card__btn--join{background-color:#7c3aed;color:#fff}.explore-card__btn--join:hover{background-color:#6d28d9}.explore-card__btn--joined{background-color:#ede9fe;color:#7c3aed}.explore-card__btn--owner{background-color:#f3f4f6;color:#6b7280;cursor:default}.bookmarks-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.explore-card--skeleton{cursor:default;pointer-events:none}.skeleton-banner{height:90px;background:linear-gradient(90deg,#f3f0ff 25%,#ede9fe,#f3f0ff 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line{height:13px;border-radius:6px;background:linear-gradient(90deg,#f3f0ff 25%,#ede9fe,#f3f0ff 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line--title{height:16px;width:70%}.skeleton-line--short{width:50%}.skeleton-tags{display:flex;gap:6px;margin-top:2px}.skeleton-tag{height:22px;width:60px;border-radius:6px;background:linear-gradient(90deg,#f3f0ff 25%,#ede9fe,#f3f0ff 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;gap:12px}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background-color:#ede9fe;color:#7c3aed;margin-bottom:8px}.empty-state__heading{font-size:20px;font-weight:700;color:#111827;margin:0}.empty-state__body{font-size:14px;color:#6b7280;max-width:320px;line-height:1.6;margin:0}.empty-state__cta{margin-top:8px;padding:10px 24px;background-color:#7c3aed;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .15s}.empty-state__cta:hover{background-color:#6d28d9}.empty-state__cta:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.bookmark-top-btn{display:flex;align-items:center;justify-content:center;position:relative;left:185px;top:-12px;width:32px;height:32px;border:none;background:#ffffff26;color:#fff;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.bookmark-top-btn:hover{background:#ffffff47}.bookmark-match{font-size:12px;font-weight:700;color:#7c3aed;margin-left:auto}.requests-container{background:var(--bg);height:100vh;flex:1;display:flex;margin-left:60px;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.requests-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background-color:var(--surface);height:60px;flex-shrink:0}.requests-nav .search-bar{width:600px;padding:8px 16px;border:1px solid var(--border);border-radius:12px;font-size:.85rem;color:#374151;display:flex;gap:12px;background-color:var(--input-bg)}.requests-nav .search-bar input{outline:none;width:600px}.requests-nav .nav-right{display:flex;flex-direction:row;gap:16px;align-items:center}.requests-nav .theme-toggle,.requests-nav .notifications{width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.requests-nav .theme-toggle:hover,.requests-nav .notifications:hover{box-shadow:0 4px 8px #0000000f}.requests-nav .profile-section{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;position:relative}.requests-nav .profile-section span{font-size:.85rem;font-weight:500;color:#374151}.requests-nav .profile-dropdown{position:absolute;top:100%;right:0;background:#ffffff30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;padding:6px;min-width:160px;z-index:100;display:flex;flex-direction:column;gap:2px}.requests-nav .profile-dropdown a,.requests-nav .profile-dropdown .logout-btn{display:block;padding:8px 12px;font-size:.85rem;color:#374151;text-decoration:none;border-radius:6px;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.requests-nav .profile-dropdown a:hover{background:#eff4fdd6;color:#111827}.requests-nav .logout-btn{color:#ef4444}.requests-nav .logout-btn:hover{background:#fef2f2}.requests-nav .profile-pic{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.requests-content{display:flex;flex-direction:row;padding:20px;flex:1;overflow:hidden;gap:20px}.requests-center{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;gap:20px}.requests-center::-webkit-scrollbar{display:none}.requests-right{width:320px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:none}.requests-right::-webkit-scrollbar{display:none}.requests-header{display:flex;flex-direction:column;gap:4px}.requests-title{font-size:1.8rem;font-weight:800;margin:0}.requests-subtitle{font-size:.85rem;color:#6b7280;margin:0}.requests-stats-div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.req-stat-card-1,.req-stat-card-2,.req-stat-card-3,.req-stat-card-4{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:box-shadow .2s ease}.req-stat-card-1:hover,.req-stat-card-2:hover,.req-stat-card-3:hover,.req-stat-card-4:hover{box-shadow:0 4px 20px #0000000f}.req-stat-icon-1,.req-stat-icon-2,.req-stat-icon-3,.req-stat-icon-4{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.req-stat-icon-1{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.req-stat-icon-2{background:linear-gradient(135deg,#fef3c7,#fde68a)}.req-stat-icon-3{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.req-stat-icon-4{background:linear-gradient(135deg,#fee2e2,#fecaca)}.req-stat-info{display:flex;flex-direction:column;gap:2px}.req-stat-number{font-size:1.5rem;font-weight:700;color:var(--text)}.req-stat-label{font-size:.75rem;font-weight:600;color:#374151}.req-stat-sublabel{font-size:.65rem;color:#9ca3af}.requests-toolbar{display:flex;gap:12px}.requests-search-bar{flex:1;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);color:#9ca3af}.requests-search-bar input{flex:1;border:none;outline:none;background:none;font-size:.85rem;color:#374151}.filter-select{padding:8px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.85rem;color:#374151;cursor:pointer}.requests-list-section{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px;gap:16px}.requests-list-header{display:flex;align-items:center}.requests-list-title{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px}.requests-list-count{font-size:.7rem;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:999px;font-weight:600}.requests-empty-state{font-size:.85rem;color:#9ca3af;text-align:center;padding:24px 0}.request-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:8px;padding:14px 10px;border-bottom:1px solid var(--border)}.request-card:last-child{border-bottom:none}.request-card-left{display:flex;align-items:center;gap:12px;min-width:140px}.request-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.request-card-info{display:flex;flex-direction:column;gap:2px}.request-card-name{font-size:.85rem;font-weight:600}.request-card-time{font-size:.7rem;color:#9ca3af}.request-card-project{flex:1;display:flex;flex-direction:column;gap:6px}.request-card-project-title{font-size:.85rem;font-weight:600;margin-left:6px}.request-card-skills{display:flex;flex-wrap:wrap;gap:6px}.request-skill-tag{font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:6px;background:#ede9fe;color:#7c3aed}.request-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.approve-btn{min-width:80px;text-align:center;flex-shrink:0;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid #bbf7d0;background:#f0fdf4;color:#16a34a;cursor:pointer}.approve-btn:hover{background:#dcfce7}.reject-btn{min-width:80px;text-align:center;flex-shrink:0;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;cursor:pointer}.reject-btn:hover{background:#fee2e2}.status-badge{font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:999px;text-transform:capitalize}.status-badge--approved{background:#dcfce7;color:#16a34a}.status-badge--rejected{background:#fee2e2;color:#dc2626}.req-overview-div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.req-overview-header{display:flex;align-items:center;justify-content:space-between}.req-overview-title{font-size:.9rem;font-weight:700}.req-overview-main{display:flex;align-items:center;gap:16px}.req-donut-div{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.req-chart-content{position:absolute;text-align:center}.req-chart-content h2{margin:0;font-size:1.3rem;font-weight:700;color:var(--text);line-height:1}.req-chart-content p{margin-top:4px;font-size:.6rem;color:#6b7280}.req-overview-legend{display:flex;flex-direction:column;gap:8px}.req-legend-row{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#374151}.req-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.req-legend-count{font-weight:700;margin-left:auto}.top-projects-div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.top-projects-header{display:flex;align-items:center}.top-projects-title{font-size:.9rem;font-weight:700}.top-project-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border)}.top-project-row:last-child{border-bottom:none}.top-project-left{display:flex;align-items:center;gap:8px}.top-project-name{font-size:.8rem;font-weight:600}.top-project-count{font-size:.7rem;font-weight:600;color:#7c3aed;background:#ede9fe;padding:3px 8px;border-radius:999px}.projects-container{height:100vh;flex:1;display:flex;margin-left:60px;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.projects-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background-color:var(--surface);height:60px;flex-shrink:0}.profile-dropdown{position:absolute;top:100%;right:0;background:#ffffff30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;padding:6px;min-width:160px;z-index:100;display:flex;flex-direction:column;gap:2px}.projects-content{display:flex;flex-direction:row;flex:1;overflow:hidden}.projects-center{display:flex;flex-direction:column;flex:1;padding:20px;gap:16px;overflow-y:auto;scrollbar-width:none}.projects-center::-webkit-scrollbar{display:none}.projects-header{display:flex;flex-direction:row;justify-content:space-between}.header-left{display:flex;flex-direction:column;gap:24px}.projects-title{margin-left:10px;font-size:1.7rem;font-weight:700;color:var(--text)}.projects-msg{margin-left:10px;font-size:.8rem;color:#6b7280;margin-top:-20px}.header-right{display:flex;padding:10px}.create-div{display:flex;flex-direction:row;width:100%;gap:8px;padding:10px 12px;cursor:pointer;color:#7c3aed;border-radius:8px;background-color:var(--create-div);align-items:center;justify-content:flex-start;box-shadow:0 2px 12px #00000017}.create-div:hover{background-color:#fbbefff3}.create-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.create-label{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden}.projects-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:10px}.projects-stat-card{background:var(--surface);border-radius:12px;box-shadow:0 2px 12px #00000017;padding:16px 4px 16px 16px;display:flex;flex-direction:row;gap:12px;transition:box-shadow .2s ease}.projects-stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon-1{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#f7f8f9,#b4dff8)}.stat-icon-2{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#f7f9f7,#b6f8b4)}.stat-icon-3{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#f9f8f7,#f8e3b4)}.stat-icon-4{width:36px;height:36px;margin-top:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#f7f7f9,#b4eff8)}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:1.6rem;font-weight:700;color:var(--text)}.stat-label{font-size:.7rem;color:#6b7280;font-weight:600}.stat-sublabel{font-size:.65rem;color:#9ca3af}.projects-search-tab{display:flex;padding:4px 12px;gap:12px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.search-bar-tab{width:400px;padding:4px 16px;border:1px solid var(--border);border-radius:8px;font-size:.75rem;color:#374151;display:flex;gap:12px;background-color:var(--input-bg)}.search-bar-tab input{outline:none;width:600px}.search-bar-tab:focus{border-color:#7c3aed;background-color:#fff}.sort-select{font-size:.75rem;border-radius:8px;color:#374151;background:#f9fafb;outline:none;cursor:pointer}.sort-select:focus{border-color:#7c3aed}.view-toggle{display:flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.view-btn{padding:6px 10px;background:#fff;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;transition:background .15s ease}.view-btn:hover{background:#f3f4f6;color:#374151}.view-btn-active{background:#f5f3ff;color:#7c3aed}.projects-grid-section{display:flex;flex-direction:column;gap:16px;background:var(--surface);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.projects-grid-header{display:flex;align-items:center;justify-content:space-between}.projects-grid-title-group{display:flex;flex-direction:column;gap:2px}.projects-grid-title{font-size:1rem;font-weight:700;color:var(--text)}.projects-grid-count{font-size:.72rem;color:#9ca3af}.all-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.all-projects-list{display:flex;flex-direction:column;gap:12px}.projects-empty{text-align:center;padding:40px;color:#9ca3af;font-size:.85rem}.project-card-status-row{display:flex;align-items:center;gap:8px}.status-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:20px}.status-open{background:#d1fae5;color:#059669}.status-completed{background:#ede9fe;color:#7c3aed}.status-recruiting{background:#fef3c7;color:#d97706}.owner-badge{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:20px;background:#ffffffd9;color:#7c3aed;position:absolute;top:8px;right:8px}.projects-right{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:20px 12px;overflow-y:auto;scrollbar-width:none}.projects-right::-webkit-scrollbar{display:none}.right-section{display:flex;flex-direction:column;gap:12px;background:var(--right-card);border-radius:12px;padding:14px;box-shadow:0 2px 8px var(--shadow)}.right-section-header{display:flex;justify-content:space-between;align-items:center}.right-section-title{font-size:.88rem;font-weight:700;color:var(--text)}.join-request-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:8px;background:var(--join-card);border:1px solid var(--border)}.request-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.request-info{display:flex;flex-direction:column;gap:2px;flex:1}.request-name{font-size:.75rem;font-weight:600;color:var(--text)}.request-role{font-size:.65rem;color:#6b7280}.request-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.request-skills .skill-tag{font-size:.6rem;padding:2px 6px}.request-actions{display:flex;flex-direction:column;gap:4px}.approve-btn{width:26px;height:26px;border-radius:6px;border:1px solid #d1fae5;background:#ecfdf5;color:#10b981;cursor:pointer;display:flex;align-items:center;justify-content:center}.approve-btn:hover{background:#10b981;color:#fff}.reject-btn{width:26px;height:26px;border-radius:6px;border:1px solid #fee2e2;background:#fef2f2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center}.reject-btn:hover{background:#ef4444;color:#fff}.activity-icon-bubble{width:28px;height:28px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.deadline-item{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;transition:background .15s ease}.deadline-item:hover{background:var(--join-card)}.deadline-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.deadline-info{display:flex;flex-direction:column;flex:1;gap:2px}.deadline-name{font-size:.75rem;font-weight:600;color:var(--text)}.deadline-remaining{font-size:.65rem;color:#9ca3af}.deadline-date{display:flex;flex-direction:column;align-items:center;font-weight:700}.deadline-month{font-size:.6rem;text-transform:uppercase}.deadline-day{font-size:1rem;line-height:1}.rec-page-wrap{display:flex;flex-direction:row;height:100vh;background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif}.rec-main{flex:1;margin-left:60px;display:flex;flex-direction:column;overflow:hidden;height:100vh}.rec-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background-color:var(--surface);height:60px;flex-shrink:0}.rec-page-title{font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.rec-page-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.rec-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.rec-body::-webkit-scrollbar{display:none}.rec-tabs-row{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}.rec-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 18px;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.rec-tab:hover{color:var(--text)}.rec-tab-active{color:#7c3aed;border-bottom:2px solid #7c3aed}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1200px){.rec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.rec-grid{grid-template-columns:1fr}}.rec-project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:0;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.rec-project-card:hover{box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.rec-card-banner{height:72px;background:linear-gradient(135deg,#393989,#0c0f11);display:flex;align-items:flex-end;justify-content:flex-end;padding:8px 10px;position:relative}.rec-card-avatar{position:absolute;bottom:-16px;left:14px;width:38px;height:38px;border-radius:10px;background:#b1c9fe;box-shadow:0 2px 8px #00000026}.rec-match-pill{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:20px;background:#ecfdf5;color:#059669;flex-shrink:0}.rec-card-body{display:flex;flex-direction:column;gap:8px;padding:24px 14px 12px}.rec-card-title{font-size:.92rem;font-weight:700;color:var(--text)}.rec-card-desc{font-size:.74rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-card-meta{display:flex;align-items:center;gap:8px}.rec-meta-text{font-size:.7rem;color:var(--text-secondary)}.rec-tags{display:flex;flex-wrap:wrap;gap:5px}.rec-tag{font-size:.68rem;padding:3px 8px;border-radius:5px;background:var(--hover);color:var(--text-secondary);font-weight:500;border:1px solid var(--border)}.rec-card-actions{display:flex;gap:8px;padding:10px 14px 14px;flex-wrap:wrap}.rec-btn-outline{flex:1;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.rec-btn-outline:hover{background:var(--hover)}.rec-btn-primary{flex:1;padding:7px 10px;border-radius:8px;border:none;background:#7c3aed;color:#fff;font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.rec-btn-primary:hover{background:#6d28d9}.rec-btn-done{background:#059669;cursor:default}.rec-btn-done:hover{background:#059669}.rec-btn-done-outline{color:#059669;border-color:#059669;cursor:default}.rec-dev-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px var(--shadow);transition:box-shadow .2s ease,transform .15s ease}.rec-dev-card:hover{box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.rec-dev-top{display:flex;align-items:center;gap:10px}.rec-dev-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;flex-shrink:0}.rec-dev-info{display:flex;flex-direction:column;flex:1;min-width:0}.rec-dev-name{font-size:.88rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-dev-role{font-size:.7rem;color:var(--text-secondary)}.rec-empty-msg{padding:40px 0;color:var(--text-secondary);font-size:.85rem;text-align:center}.tasks-page{flex:1;margin-left:60px;display:flex;flex-direction:column;background-color:var(--bg);height:100vh;overflow-y:auto}.tasks-loading-screen{flex:1;margin-left:60px;display:flex;align-items:center;justify-content:center;height:100vh;color:#6b7280}.tasks-topnav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px #00000014;background-color:var(--bg);height:60px;flex-shrink:0}.search-bar{width:600px;padding:8px 16px;border:1px solid var(--border);border-radius:12px;font-size:.85rem;color:var(--text);display:flex;gap:12px;background-color:var(--input-bg)}.search-bar input{outline:none;width:600px}.search-bar:focus{border-color:#7c3aed;background-color:#fff}.nav-right{display:flex;flex-direction:row;gap:16px;align-items:center}.theme-toggle{width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{box-shadow:0 4px 8px #0000000f}.notifications{width:36px;height:36px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.notifications:hover{box-shadow:0 4px 8px #0000000f}.profile-section{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;position:relative}.profile-section span{font-size:.85rem;font-weight:500;color:#374151}.profile-dropdown{position:absolute;top:100%;right:0;background:#ffffff30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001a;padding:6px;min-width:160px;z-index:100;display:flex;flex-direction:column;gap:2px}.profile-dropdown a{display:block;padding:8px 12px;font-size:.85rem;color:#374151;text-decoration:none;border-radius:6px;transition:background .15s ease}.profile-dropdown a:hover{background:#eff4fdd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#111827}.profile-dropdown .logout-btn{display:block;width:100%;padding:8px 12px;font-size:.85rem;color:#ef4444;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease}.profile-dropdown .logout-btn:hover{background:#fef2f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.profile-pic{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.tasks-body-wrap{padding:24px 28px 40px}.back{display:flex;align-items:center;border:none;background:transparent;color:#4b5563;font-size:13px;cursor:pointer;margin-bottom:16px;padding:0}.tasks-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tasks-header-row h1{font-size:26px;font-weight:700;color:var(--text);margin:0 0 4px}.tasks-header-row p{color:#6b7280;font-size:14px;margin:0}.tasks-header-actions{display:flex;align-items:center;gap:10px}.create-task-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer}.filter-dropdown{position:relative}.filter-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;color:#374151;cursor:pointer}.filter-menu{position:absolute;right:0;top:110%;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000014;min-width:160px;z-index:10;overflow:hidden}.filter-option{padding:10px 14px;font-size:13px;cursor:pointer;color:#374151}.filter-option:hover{background:var(--surface)}.filter-option.active{color:#7c3aed;font-weight:600;background:#f5f3ff}.tasks-content-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.tasks-main-col{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:20px 24px}.tasks-view-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:20px}.tasks-view-tabs span{padding:10px 2px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.tasks-view-tabs .tab-active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.timeline-group{display:flex;gap:16px;margin-bottom:22px}.timeline-date-row{display:flex;flex-direction:column;align-items:center;width:52px;flex-shrink:0}.timeline-date-badge{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.badge-day{font-size:14px;font-weight:700}.badge-month{font-size:9px;font-weight:600}.timeline-date-label{font-size:13px;font-weight:600;color:#111827;margin-top:8px;text-align:center}.timeline-date-tasks{flex:1;display:flex;flex-direction:column;gap:10px;border-left:2px solid var(--border);padding-left:16px}.task-row-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.task-row-card:hover{border-color:#ddd6fe}.task-row-active{border-color:#7c3aed;box-shadow:0 0 0 3px #ede9fe}.task-row-overdue{border-left:3px solid #ef4444}.task-row-top{display:flex;align-items:center;gap:10px}.task-row-id{color:#7c3aed;font-weight:700;font-size:13px}.task-row-title{font-weight:600;font-size:14px;color:#111827;flex:1}.task-row-dots{border:none;background:transparent;color:#9ca3af;cursor:pointer}.task-row-desc{font-size:13px;color:#6b7280;margin-top:6px}.task-row-meta{display:flex;align-items:center;gap:16px;margin-top:10px;flex-wrap:wrap}.meta-chip{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#4b5563}.meta-chip.muted{color:#9ca3af}.avatar-dot{width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.status-pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.status-to_do{background:#fef3c7;color:#92400e}.status-in_progress{background:#ede9fe;color:#6d28d9}.status-in_review,.status-review{background:#dbeafe;color:#1d4ed8}.status-done{background:#d1fae5;color:#047857}.view-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:none;background:transparent;color:#7c3aed;font-size:13px;font-weight:600;cursor:pointer;padding:10px 0}.tasks-empty{text-align:center;color:#9ca3af;font-size:13px;padding:24px 0}.calendar-controls{display:flex;align-items:center;gap:14px;margin-bottom:16px}.cal-nav-btn{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563}.cal-month-label{font-size:16px;font-weight:700;color:#111827}.cal-controls-right{margin-left:auto}.cal-today-btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;color:#374151}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden}.calendar-dow{background:var(--surface);text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0;border-bottom:1px solid #eef0f3}.calendar-cell{min-height:86px;border-right:1px solid #f1f1f4;border-bottom:1px solid #f1f1f4;padding:6px;display:flex;flex-direction:column;gap:4px}.calendar-cell-out{background:var(--hover)}.calendar-cell-out .calendar-daynum{color:#c4c6cc}.calendar-daynum{font-size:12px;color:#374151;font-weight:600}.calendar-today{width:22px;height:22px;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center}.calendar-cell-tasks{display:flex;flex-direction:column;gap:3px}.calendar-task-chip{display:flex;align-items:center;gap:5px;font-size:10.5px;background:var(--surface);border-radius:5px;padding:2px 5px;cursor:pointer;color:#374151;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.calendar-task-more{font-size:10px;color:#9ca3af;padding-left:3px}.calendar-legend{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.legend-dot{width:9px;height:9px;border-radius:50%}.calendar-upcoming{margin-top:24px;border-top:1px solid #eef0f3;padding-top:16px}.calendar-upcoming-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827;margin-bottom:12px}.upcoming-count{background:#ede9fe;color:#7c3aed;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.upcoming-table{width:100%;border-collapse:collapse;font-size:13px}.upcoming-table th{text-align:left;color:#9ca3af;font-weight:600;font-size:12px;padding:8px 10px;border-bottom:1px solid #eef0f3}.upcoming-table td{padding:10px;border-bottom:1px solid #f5f5f7;color:#374151}.upcoming-row{cursor:pointer}.upcoming-row:hover{background:#fafafa}.upcoming-id{color:#7c3aed;font-weight:700;margin-right:4px}.tasks-side-col{position:sticky;top:90px}.task-details-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.task-details-header{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text);margin-bottom:12px}.task-id-badge{background:#ede9fe;color:#7c3aed;font-size:12px;font-weight:700;padding:3px 10px;border-radius:8px}.task-details-panel h2{font-size:18px;margin:0 0 6px;color:var(--text)}.task-details-desc{font-size:13px;color:var(--text-secondary);margin:0 0 18px;line-height:1.5}.panel-section{margin-bottom:18px}.panel-section label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.panel-row-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-assignee-row{display:flex;align-items:center;justify-content:space-between}.change-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer;color:#374151}.panel-static-value,.panel-project-row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#374151}.project-mini-icon{background:#111827;color:#fff;font-size:10px;font-weight:700;border-radius:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.view-project-link{margin-left:auto;color:#7c3aed;font-size:12.5px;font-weight:600;cursor:pointer}.subtask-row{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:13px}.subtask-check{width:18px;height:18px;border-radius:50%;border:1.5px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.subtask-check.checked{background:#10b981;border-color:#10b981;color:#fff}.subtask-done{text-decoration:line-through;color:#9ca3af}.update-status-btn{width:100%;margin-top:8px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}.update-status-btn:disabled{opacity:.7;cursor:default}.member-widgets{display:flex;flex-direction:column;gap:10px;margin-top:10px}.widget-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.widget-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--text);margin-bottom:14px}.widget-count{margin-left:auto;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.widget-task-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f5f5f7;cursor:pointer}.widget-task-row:last-child{border-bottom:none}.widget-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.widget-task-info{flex:1;display:flex;flex-direction:column}.widget-task-title{font-size:13px;font-weight:600;color:var(--text)}.widget-task-sub{font-size:11.5px;color:var(--text-secondary)}.widget-empty{font-size:12.5px;color:var(--text-secondary);padding:6px 0}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:var(--surface);border-radius:16px;padding:26px;width:460px;max-height:88vh;overflow-y:auto}.modal-content h2{margin:0 0 16px;font-size:18px}.settings-label{display:block;font-size:12.5px;font-weight:600;color:#4b5563;margin-bottom:12px}.settings-input,.settings-textarea{display:block;width:100%;margin-top:6px;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:13px;color:#111827;background:#fff}.settings-textarea{min-height:70px;resize:vertical}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-save-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}.settings-remove-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px 16px;font-size:13px;cursor:pointer;color:#374151}@media(max-width:1100px){.tasks-content-grid{grid-template-columns:1fr}.tasks-side-col{position:static}}.messages-page{display:flex;flex-direction:row;flex:1;height:100vh;overflow:hidden;font-family:Inter,sans-serif;margin-left:60px}.conversations-panel{width:360px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background-color:var(--surface);padding:20px 16px;gap:16px}.conversations-header{display:flex;flex-direction:column;gap:10px}.conversations-title-row{display:flex;align-items:center;gap:8px}.conversations-icon{font-size:1.3rem}.conversations-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.conversations-subtitle{font-size:.82rem;color:var(--text-secondary);margin:0}.conversations-search-row{display:flex;gap:8px;margin-top:4px}.conversations-search{flex:1;display:flex;align-items:center;gap:8px;background-color:var(--input-bg);border:1px solid var(--border);border-radius:14px;padding:10px 14px;color:var(--text-secondary);transition:border-color .2s ease}.conversations-search:focus-within{border-color:#7c3aed}.conversations-search input{border:none;outline:none;background:transparent;color:var(--text);font-size:.85rem;width:100%}.conversations-filter-btn{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background-color:var(--input-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.conversations-filter-btn:hover{background-color:var(--hover);transform:translateY(-1px)}.conversations-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.conversation-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.conversation-item:hover{background-color:var(--hover);transform:translate(2px)}.conversation-item-active{background-color:#7c3aed1a}.conversation-avatar-wrap{position:relative;flex-shrink:0}.conversation-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;overflow:hidden}.online-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background-color:#22c55e;border:2px solid var(--surface)}.online-dot-header{width:13px;height:13px;bottom:0;right:0}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-name{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.7rem;color:var(--text-secondary);flex-shrink:0}.conversation-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-last{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-badge{background-color:#7c3aed;color:#fff;font-size:.68rem;font-weight:700;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#7c3aed;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.chat-panel{flex:1;display:flex;flex-direction:column;background-color:var(--bg);background-image:radial-gradient(circle at 10% 20%,rgba(124,58,237,.04) 0px,transparent 50%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.04) 0px,transparent 50%);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background-color:var(--surface);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:14px}.chat-header-avatar-wrap{position:relative}.chat-header-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;overflow:hidden}.chat-header-info{display:flex;flex-direction:column;gap:2px}.chat-header-name-row{display:flex;align-items:center;gap:6px}.chat-header-name{font-size:1rem;font-weight:700;color:var(--text)}.chat-header-role{font-size:.78rem;color:var(--text-secondary)}.chat-header-actions{display:flex;gap:10px}.chat-action-btn{width:38px;height:38px;border-radius:50%;border:none;background-color:#7c3aed1a;color:#7c3aed;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.chat-action-btn:hover{background-color:#7c3aed33;transform:translateY(-1px)}.chat-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-msg-row{display:flex;align-items:flex-end;gap:10px;max-width:70%;position:relative;animation:fadeInUp .25s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-row-left{align-self:flex-start}.chat-msg-row-right{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.chat-msg-avatar-me{background:linear-gradient(135deg,#ec4899,#f472b6)}.chat-msg-col{display:flex;flex-direction:column;gap:4px}.chat-msg-row-right .chat-msg-col{align-items:flex-end}.chat-bubble{padding:10px 16px;border-radius:20px;font-size:.88rem;line-height:1.45;box-shadow:0 2px 8px var(--shadow);transition:transform .15s ease;max-width:100%;word-break:break-word}.chat-bubble:hover{transform:translateY(-1px)}.chat-bubble-left{background-color:var(--card);color:var(--text);border-bottom-left-radius:6px}.chat-bubble-right{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border-bottom-right-radius:6px}.chat-msg-time{font-size:.68rem;color:var(--text-secondary);padding:0 4px}.chat-msg-time-right{text-align:right}.tick{font-size:.72rem;font-weight:700}.tick-sent,.tick-delivered{color:var(--text-secondary)}.tick-seen{color:#7c3aed}.reply-preview{display:flex;align-items:center;gap:6px;background-color:#7c3aed14;border-radius:10px;padding:6px 10px;margin-bottom:4px;max-width:320px}.reply-preview-right{align-self:flex-end}.reply-bar{width:3px;min-height:20px;border-radius:2px;background-color:#7c3aed;flex-shrink:0}.reply-text{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.msg-actions{position:absolute;top:-36px;right:-2px;display:flex;gap:6px;background-color:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 12px;box-shadow:0 4px 16px var(--shadow);z-index:10;animation:fadeInUp .15s ease}.msg-actions-left{left:0}.msg-action-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.msg-action-btn:hover{background-color:var(--hover);color:var(--text)}.msg-action-delete:hover{color:#ef4444}.typing-indicator{display:flex;align-items:center;gap:4px;background-color:var(--card);border-radius:20px 20px 20px 6px;padding:12px 16px;box-shadow:0 2px 8px var(--shadow)}.typing-indicator span{width:7px;height:7px;border-radius:50%;background-color:var(--text-secondary);animation:typingBounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.msg-image{max-width:240px;max-height:200px;border-radius:12px;display:block;cursor:pointer;object-fit:cover;transition:opacity .2s}.msg-image:hover{opacity:.9}.attachment-card{display:flex;align-items:center;gap:10px;background-color:#ffffff1a;border-radius:10px;padding:10px 14px;text-decoration:none;color:inherit;transition:background .2s;min-width:160px}.attachment-card:hover{background-color:#ffffff26}.attachment-icon{font-size:1.4rem;flex-shrink:0}.attachment-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.chat-composer-wrap{flex-shrink:0;background-color:var(--surface);border-top:1px solid var(--border)}.reply-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);background-color:var(--input-bg)}.reply-banner-bar{width:3px;height:32px;border-radius:2px;background-color:#7c3aed;flex-shrink:0}.reply-banner-content{flex:1;display:flex;flex-direction:column;gap:2px}.reply-banner-label{font-size:.72rem;font-weight:600;color:#7c3aed}.reply-banner-text{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.reply-banner-close{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.reply-banner-close:hover{background-color:var(--hover);color:var(--text)}.pending-file-preview{position:relative;padding:10px 20px;border-bottom:1px solid var(--border);display:inline-flex;align-items:center;gap:10px}.pending-img-preview{height:72px;border-radius:10px;object-fit:cover;max-width:120px}.pending-file-card{display:flex;align-items:center;gap:8px;background-color:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.82rem;color:var(--text)}.pending-clear-btn{width:22px;height:22px;border-radius:50%;border:none;background-color:#0003;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:6px;left:108px}.chat-composer{display:flex;align-items:center;gap:10px;padding:14px 20px}.composer-icon-btn{width:38px;height:38px;border-radius:50%;border:none;background-color:var(--input-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;flex-shrink:0}.composer-icon-btn:hover{background-color:var(--hover);color:var(--text)}.composer-textarea{flex:1;border:1px solid var(--border);background-color:var(--input-bg);border-radius:20px;padding:10px 18px;font-size:.88rem;color:var(--text);outline:none;resize:none;font-family:inherit;line-height:1.5;transition:border-color .2s ease;overflow-y:auto}.composer-textarea:focus{border-color:#7c3aed}.composer-textarea::placeholder{color:var(--text-secondary)}.composer-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .2s ease}.composer-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #7c3aed66}.composer-send-btn:active{transform:scale(.95)}.composer-send-btn:disabled{cursor:not-allowed}.emoji-picker-wrap{position:absolute;bottom:52px;right:0;z-index:100;box-shadow:0 8px 32px #0000002e;border-radius:16px;overflow:hidden}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.empty-illustration{font-size:3.5rem;margin-bottom:4px}.empty-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0}.empty-sub{font-size:.85rem;color:var(--text-secondary);margin:0}.chat-body::-webkit-scrollbar,.conversations-list::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.forward-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.forward-modal{background:var(--card);border:1px solid var(--border);border-radius:14px;width:340px;max-height:480px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.forward-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.forward-modal-title{font-weight:700;font-size:.95rem;color:var(--text)}.forward-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.forward-modal-list{overflow-y:auto;flex:1}.forward-modal-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;transition:background .15s}.forward-modal-item:hover{background:var(--hover)}.disc-page-wrap{display:flex;height:100vh;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.disc-main{flex:1;margin-left:60px;display:flex;flex-direction:column;overflow:hidden;height:100vh}.disc-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:.5px solid var(--border);box-shadow:0 4px 12px var(--shadow);background:var(--surface);height:60px;flex-shrink:0}.disc-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:20px 24px 0;gap:16px}.disc-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.disc-page-header-left{display:flex;flex-direction:column;gap:2px}.disc-back-btn{background:none;border:none;font-size:.78rem;color:var(--text-secondary);cursor:pointer;padding:0;display:flex}.disc-back-btn:hover{color:var(--text)}.disc-page-icon{font-size:1.6rem}.disc-page-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.disc-page-subtitle{font-size:.78rem;color:var(--text-secondary);margin:2px 0 0}.disc-new-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.disc-new-btn:hover{background:#6d28d9}.disc-filter-bar{display:flex;align-items:center;gap:16px;flex-shrink:0}.disc-search-box{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);width:220px}.disc-search-box input{border:none;outline:none;background:transparent;font-size:.8rem;color:var(--text);width:100%}.disc-filter-tabs{display:flex;gap:4px}.disc-filter-tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}.disc-filter-tab:hover{background:var(--hover);color:var(--text)}.disc-filter-tab-active{background:#7c3aed;color:#fff;border-color:#7c3aed}.disc-filter-count{background:#ffffff40;border-radius:20px;padding:1px 6px;font-size:.65rem;font-weight:700}.disc-panels{display:flex;gap:0;flex:1;overflow:hidden;border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.disc-list-panel{width:380px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:none;background:var(--surface)}.disc-list-panel::-webkit-scrollbar{display:none}.disc-list-item{padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:6px}.disc-list-item:hover{background:var(--hover)}.disc-list-item-active{background:var(--hover);border-left:3px solid #7c3aed}.disc-list-item-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.disc-category-badge,.disc-status-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:20px}.disc-pin-badge{font-size:.65rem}.disc-list-item-title{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3}.disc-list-item-preview{font-size:.72rem;color:var(--text-secondary);line-height:1.4}.disc-list-item-meta{display:flex;align-items:center;gap:6px}.disc-meta-author{font-size:.72rem;font-weight:500;color:var(--text)}.disc-meta-time{font-size:.68rem;color:var(--text-secondary)}.disc-meta-replies{font-size:.68rem;color:var(--text-secondary);margin-left:auto}.disc-list-footer{text-align:center;font-size:.72rem;color:var(--text-secondary);padding:14px}.disc-empty{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:.82rem}.disc-thread-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.disc-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:.85rem}.disc-thread-empty-icon{font-size:2.5rem}.disc-thread-header{padding:12px 20px 10px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.disc-thread-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.disc-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;font-size:.85rem;transition:background .15s}.disc-icon-btn:hover{background:var(--hover)}.disc-icon-btn-danger:hover{background:#fee2e2}.disc-thread-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 8px}.disc-thread-author-row{display:flex;align-items:center;gap:7px}.disc-thread-author{font-size:.8rem;font-weight:600;color:var(--text)}.disc-original-body{padding:10px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.disc-original-body p{font-size:.85rem;color:var(--text);line-height:1.6;margin:0 0 6px}.disc-replies{flex:1;min-height:0;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.disc-replies::-webkit-scrollbar{display:none}.disc-reply{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.disc-reply-accepted{border-color:#86efac;background:#86efac0f}.disc-reply-header{display:flex;align-items:center;gap:7px}.disc-accepted-badge{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:20px}.disc-reply-text{font-size:.82rem;color:var(--text);line-height:1.6;margin:0}.disc-reply-actions{display:flex;align-items:center;gap:8px}.disc-like-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.disc-like-btn:hover{background:var(--hover);color:var(--text)}.disc-like-btn-active{background:#ede9fe;color:#7c3aed;border-color:#ddd6fe}.disc-accept-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid #86efac;background:transparent;font-size:.72rem;color:#16a34a;cursor:pointer;transition:all .15s}.disc-accept-btn:hover{background:#dcfce7}.disc-avatar{border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.disc-composer{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:10px;align-items:flex-start;flex-shrink:0}.disc-composer-right{flex:1;align-items:center;display:flex;gap:8px}.disc-composer-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.82rem;color:var(--text);background:var(--input-bg);resize:none;outline:none;font-family:Inter,sans-serif;transition:border-color .15s}.disc-composer-input:focus{border-color:#7c3aed}.disc-composer-footer{display:flex;justify-content:flex-end}.disc-reply-send-btn{width:40px;height:40px;justify-items:center;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.disc-reply-send-btn:hover:not(:disabled){background:#6d28d9}.disc-reply-send-btn:disabled{opacity:.6;cursor:not-allowed}.disc-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.disc-modal{background:var(--card);border:1px solid var(--border);border-radius:14px;width:520px;max-width:95vw;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column}.disc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.disc-modal-title{font-size:1rem;font-weight:700;color:var(--text)}.disc-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.disc-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.disc-modal-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--text)}.disc-modal-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text);background:var(--input-bg);outline:none;font-family:Inter,sans-serif}.disc-modal-input:focus{border-color:#7c3aed}.disc-modal-textarea{min-height:100px;resize:vertical}.disc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.disc-modal-cancel{padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}.disc-modal-cancel:hover{background:var(--hover)}.disc-modal-submit{padding:8px 18px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.disc-modal-submit:hover:not(:disabled){background:#6d28d9}.disc-modal-submit:disabled{opacity:.6;cursor:not-allowed}