/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@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-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-space-x-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-font-weight: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}}}@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-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--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-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--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%;-moz-tab-size:4;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab,red,red)){:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg:var(--color-base-100)}@supports (color:color-mix(in lab,red,red)){:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){--root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)}}:where(.modal[open],.modal-open,.modal-toggle:checked+.modal):not(.modal-start,.modal-end){scrollbar-gutter:stable}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}}@layer components;@layer utilities{.dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover],.dropdown .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:95%}}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) .dropdown-content{opacity:1}.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;scale:100%}.dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.dropdown.dropdown-open,.dropdown:focus,.dropdown:focus-within) .dropdown-content{scale:100%}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.dropdown[popover]:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toast{translate:var(--toast-x,0)var(--toast-y,0);inset-inline:auto 1rem;background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}.toast>*{animation:.25s ease-out toast}.toast:where(.toast-start){--toast-x:0;inset-inline:1rem auto}.toast:where(.toast-center){--toast-x:-50%;inset-inline:50%}.toast:where(.toast-end){--toast-x:0;inset-inline:auto 1rem}.toast:where(.toast-bottom){--toast-y:0;top:auto;bottom:1rem}.toast:where(.toast-middle){--toast-y:-50%;top:50%;bottom:auto}.toast:where(.toast-top){--toast-y:0;top:1rem;bottom:auto}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);--tw-content:"";content:var(--tw-content);border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon,.steps .step:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{content:none}.steps .step[data-content]:after{content:attr(data-content)}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after,.steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.steps .step-primary+.step-primary:before,.steps .step-primary:after,.steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after,.steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.steps .step-accent+.step-accent:before,.steps .step-accent:after,.steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.steps .step-info+.step-info:before,.steps .step-info:after,.steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.steps .step-success+.step-success:before,.steps .step-success:after,.steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.steps .step-warning+.step-warning:before,.steps .step-warning:after,.steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.steps .step-error+.step-error:before,.steps .step-error:after,.steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.avatar{vertical-align:middle;display:inline-flex;position:relative}.avatar>div{aspect-ratio:1;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.checkbox{border:var(--border)solid var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab,red,red)){.checkbox{border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000))}}.checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}.checkbox:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1))}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}.checkbox:disabled{cursor:not-allowed;opacity:.2}.radio{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;border:var(--border)solid var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}@supports (color:color-mix(in lab,red,red)){.radio{border:var(--border)solid var(--input-color,color-mix(in srgb,currentColor 20%,#0000))}}.radio{box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);color:var(--input-color,currentColor)}.radio:before{--tw-content:"";content:var(--tw-content);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}.radio:focus-visible{outline:2px solid}.radio:checked,.radio[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor;animation:.2s ease-out radio}:is(.radio:checked,.radio[aria-checked=true]):before{box-shadow:0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1));background-color:currentColor}@media (forced-colors:active){:is(.radio:checked,.radio[aria-checked=true]):before{outline-style:var(--tw-outline-style);outline-offset:-1px;outline-width:1px}}@media print{:is(.radio:checked,.radio[aria-checked=true]):before{outline-offset:-1rem;outline:.25rem solid}}.radio:disabled{cursor:not-allowed;opacity:.2}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}.stack>*{width:100%;height:100%}.stack>:nth-child(n+2){opacity:.7;width:100%}.stack>:nth-child(2){z-index:2;opacity:.9}.stack>:first-child{z-index:3;width:100%}:is(.stack,.stack.stack-bottom)>*{grid-area:3/3/6/4}:is(.stack,.stack.stack-bottom)>:nth-child(2){grid-area:2/2/5/5}:is(.stack,.stack.stack-bottom)>:first-child{grid-area:1/1/4/6}.stack.stack-top>*{grid-area:1/3/4/4}.stack.stack-top>:nth-child(2){grid-area:2/2/5/5}.stack.stack-top>:first-child{grid-area:3/1/6/6}.stack.stack-start>*{grid-area:3/1/4/4}.stack.stack-start>:nth-child(2){grid-area:2/2/5/5}.stack.stack-start>:first-child{grid-area:1/3/6/6}.stack.stack-end>*{grid-area:3/3/4/6}.stack.stack-end>:nth-child(2){grid-area:2/2/5/5}.stack.stack-end>:first-child{grid-area:1/1/6/4}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.filter{flex-wrap:wrap;display:flex}.filter input[type=radio]{width:auto}.filter input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{content:"×"}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:var(--color-base-content);width:.5rem;height:.5rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.status{background-color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.status{vertical-align:middle;color:#0000004d;background-position:50%;background-repeat:no-repeat}@supports (color:color-mix(in lab,red,red)){.status{color:#0000004d}@supports (color:color-mix(in lab,red,red)){.status{color:color-mix(in oklab,var(--color-black)30%,transparent)}}}.status{background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab,red,red)){.status{box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000)}}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>*{place-items:start;gap:.5rem;display:grid}.footer.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer.footer-center>*{place-items:center}.join{--join-ss:0;--join-se:0;--join-es:0;--join-ee:0;align-items:stretch;display:inline-flex}.join :where(.join-item){border-start-start-radius:var(--join-ss,0);border-start-end-radius:var(--join-se,0);border-end-end-radius:var(--join-ee,0);border-end-start-radius:var(--join-es,0)}.join :where(.join-item) *{--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.join>.join-item:where(:first-child),.join :first-child:not(:last-child) :where(.join-item){--join-ss:var(--radius-field);--join-se:0;--join-es:var(--radius-field);--join-ee:0}.join>.join-item:where(:last-child),.join :last-child:not(:first-child) :where(.join-item){--join-ss:0;--join-se:var(--radius-field);--join-es:0;--join-ee:var(--radius-field)}.join>.join-item:where(:only-child),.join :only-child :where(.join-item){--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");column-gap:.75rem;padding-block:.25rem;display:grid}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.flex{display:flex}.grid{display:grid}.h-3{height:calc(var(--spacing)*3)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1\/1{width:100%}.w-1\/20{width:5%}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-6{width:calc(var(--spacing)*6)}.w-7\/8{width:87.5%}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*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)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#81BFDA\]{border-color:#81bfda}.border-\[\#FADA7A\]{border-color:#fada7a}.border-gray-200{border-color:var(--color-gray-200)}.bg-\[\#81BFDA\]{background-color:#81bfda}.bg-\[\#FFD586\]{background-color:#ffd586}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#B1F0F7\]\/10{--tw-gradient-from:oklab(91.5124% -.057984 -.0266514/.1);--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-\[\#F5F0CD\]\/20{--tw-gradient-to:oklab(95.0085% -.00839648 .0452403/.2);--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))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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))}.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)}.break-words{overflow-wrap:break-word}.text-black{color:var(--color-black)}.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-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#81BFDA\]{--tw-ring-color:#81bfda}.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,visibility,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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-\[\#B1F0F7\]\/10:hover{background-color:#b1f0f71a}.hover\:bg-\[\#E5E5E5\]:hover{background-color:#e5e5e5}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:opacity-90:hover{opacity:.9}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:h-4{height:calc(var(--spacing)*4)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:w-4{width:calc(var(--spacing)*4)}.sm\:w-7{width:calc(var(--spacing)*7)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:w-1\/4{width:25%}.md\:flex-row{flex-direction:row}}@media (min-width:64rem){.lg\:p-8{padding:calc(var(--spacing)*8)}}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast--stacked{width:100%;transform:translate3d(0,var(--y),0)scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked:after{content:"";height:calc(var(--g)*1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(2000px)}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0)scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0)perspective(400px)}30%{transform:translate3d(0,var(--y),0)perspective(400px)rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0)perspective(400px)rotateX(90deg);opacity:0}}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{background-color:#fff;height:100%;min-height:100%;margin:0;padding:0}#root{background-color:#fff;min-height:100%}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes dropdown{0%{opacity:0}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@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-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-space-x-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-font-weight{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}body.LoginPage{margin:0;width:100%}#TheTemplate_Login{display:flex;justify-content:left;margin:0;height:100vb;width:100%;background:linear-gradient(160deg,#f5f0cd,#e0c099)}#BlueBg{display:flex;height:100vh;position:absolute;top:0;right:0;z-index:1}#SL{height:100vh;position:absolute;bottom:0;right:0;z-index:2}#TheImage{height:65vh;position:absolute;bottom:0;right:0;z-index:3}.container1{display:flex;width:100%;height:100%;justify-content:left;align-items:center;z-index:4}.TheBox_Log{width:50%;height:100%;display:flex;margin:-20px;justify-content:center;flex-direction:column;align-items:center}.LoginTxt{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;text-align:center;font-size:3rem;margin-bottom:1rem;color:#000}.Txt_Input_Box_Log{display:flex;justify-content:center;align-items:center;width:60%;background-color:#d9d9d9;opacity:1;border-radius:15px;border:solid;border-width:1.5px;border-color:#888;margin-bottom:1rem}.Username,.password{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;width:95%;border:none;outline:none;color:#000;background:transparent}.RememberBox_ForgetPassword_Box{display:flex;justify-content:space-between;margin-left:10px;margin-right:10px;width:60%}.RememberBox{font-weight:400;display:flex;margin:0 0 0 .5rem;justify-content:left}.checkboxLabel{height:2rem;aspect-ratio:1/1}#RememberMe{margin:.2rem .3rem 0 0;width:10px}#RememberMeTxt{font-size:.9rem;font-weight:600;color:#000;-webkit-user-select:none;user-select:none}#LastSection_Log{margin-bottom:.5rem}.ForgetPasswordBox{display:flex;margin:0 .5rem 0 0;align-items:center}#ForgetPassword{display:flex;text-decoration:none;color:#3f3f3f;font-size:x-small}#ForgetPassword:hover{color:#000}.DirectToRegister_Box{display:flex;justify-content:right;margin-left:2%;width:60%}.DirectToRegister{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;margin:0 0 0 16rem;font-size:x-small}.Register{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;color:#000}.DTRTxt{width:11rem;color:#000}.fancy-button{--button_radius: .5em;--button_color: #e8e8e8;--button_outline_color: #000000;font-size:14px;font-weight:700;border:none;border-radius:var(--button_radius);background:var(--button_outline_color);cursor:pointer;padding:0;height:auto;width:auto}.fancy-button .button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.5em 1.2em;color:var(--button_outline_color);transform:translateY(-.15em);transition:transform .1s ease;background:linear-gradient(45deg,#ff5f6d,#ffc371)}.fancy-button:hover .button_top{transform:translateY(-.25em)}.fancy-button:active .button_top{transform:translateY(0)}.RegisterBox{display:flex;margin:1rem 0 0}@media (max-width: 1100px){.AllImg{display:none}#TheTemplate_Login,.container1,#TheBox_Log{justify-content:center;height:800px;width:auto}}@media (max-width: 768px){#TheTemplate_Login{flex-direction:column;align-items:center;justify-content:center;padding:1rem;height:920px}.container1{width:100%;height:auto;justify-content:center;padding:1rem}.TheBox_Log{width:90%;margin:0;padding:2rem 1rem}.Txt_Input_Box_Log{width:100%}.RememberBox_ForgetPassword_Box{width:100%;flex-direction:column;gap:.5rem;align-items:flex-start}.DirectToRegister_Box{width:100%;justify-content:center;margin:1rem 0}.DirectToRegister{margin:0;font-size:.75rem}.Button_Box{width:100%;justify-content:center;margin-left:0}.ButtonBox{width:auto}#BlueBg,#SL,#TheImage{display:none}}body.RegisterPage{margin:0;width:100%}#TheTemplate{display:flex;justify-content:right;margin:0;height:100vb;width:100%;background:linear-gradient(to bottom,#b1f0f7,#6da8c2)}#background{height:100vh;position:absolute;top:0;left:0;z-index:1}#logotxt{height:8vh;position:absolute;top:2%;left:1%;z-index:3}#oneball{height:15vh;position:absolute;top:20%;left:20%;z-index:2}#glad{height:15vh;position:absolute;top:15%;left:5%;z-index:4}#balls{height:65vh;position:absolute;bottom:0;left:0;z-index:4}#TheImage_Register{height:65vh;position:absolute;bottom:0;left:0;z-index:5}.RegisterTxt{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:#000}#icon{display:flex;height:3rem;width:3rem;margin-bottom:1rem}.boxwrap{width:50%;height:60%;display:flex;justify-content:center;align-items:center;margin:6% 0 0}.TheBox{width:100%;height:60%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:6% 0 0}.Txt_Input_Box{display:flex;justify-content:center;align-items:center;width:75%;background-color:#d9d9d9b3;opacity:1;border-radius:15px;border:solid;border-width:1.5px;border-color:#1f1e1e;margin-bottom:1rem}.RadioBox{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;display:flex;justify-content:space-between;align-items:center;width:70%;margin-bottom:1rem}.RadioBox label{color:#000;display:flex;align-items:center;gap:6px;font-weight:600}.RadioBox input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border:2px solid white;border-radius:50%;background-color:transparent;cursor:pointer;position:relative}.RadioBox input[type=radio]:checked{background-color:#000;border:2px solid white}.Name,.NIM,.Password,.Password_Register,.Password_Confirm,.email,.gender{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif!important;display:flex;justify-content:center;align-items:center;height:100%;width:92%;border:none;outline:none!important;color:#000!important;font-size:1rem;background:transparent;box-sizing:border-box}.email:focus,.Name:focus,.NIM:focus,.Password_Register:focus,.Password_Confirm:focus{outline:none!important}input.email{font-size:1rem!important;color:#000!important}input.email::placeholder{color:#000!important;opacity:1}#LastSection{margin-bottom:0}.DirectToLogin{display:flex;margin:0 10rem 0 0;font-size:x-small;color:#000}.DTL_Box{display:flex;justify-content:left;margin-left:2%;width:75%}.RegisterBox{display:flex;justify-content:center;text-align:center;align-items:center;margin-left:50%;width:25%;height:1rem}.RegisterBtn{margin:.4rem 0 0;height:1.8rem;width:100%;border:none;border-radius:15px;font-weight:600;background-color:#f5f0cd;color:#000}.RegisterBtn:hover{background-color:#e3dfc0}.AllImg{z-index:0}.boxwrap{z-index:1}@media (max-width: 1100px){.AllImg{display:none}#TheTemplate{justify-content:center;height:800px}}input::placeholder{color:#000!important;opacity:1!important}.RegisterBtn{--button_radius: .75em;--button_color: #e8e8e8;--button_outline_color: #000000;font-size:17px;font-weight:700;border:none;border-radius:var(--button_radius);background:var(--button_outline_color);padding:0;margin-top:1.2rem}.RegisterBtn .button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.5em 1.4em;color:var(--button_outline_color);transform:translateY(-.2em);transition:transform .1s ease;background:linear-gradient(45deg,#ff5f6d,#ffc371)}.RegisterBtn:hover .button_top{transform:translateY(-.33em)}.RegisterBtn:active .button_top{transform:translateY(0)}@media (max-width: 768px){#TheTemplate{flex-direction:column;align-items:center;justify-content:center;padding-right:1rem;height:920px}.boxwrap{width:100%;margin:2rem 0}.TheBox{width:100%;margin:0;padding:1.5rem 1rem}.Txt_Input_Box{width:100%}.RadioBox{flex-direction:column;align-items:flex-start;width:100%;font-size:.95rem;gap:.4rem}.DTL_Box{justify-content:center;margin-left:0;width:100%}.DirectToLogin{font-size:.75rem;margin:0;text-align:center}.RegisterBox{width:100%;margin-left:0;justify-content:center}.RegisterBtn{width:80%;font-size:1rem}.RegisterBtn .button_top{padding:.5em 1.2em;font-size:1rem}#icon{margin-bottom:1rem;width:2.5rem;height:2.5rem}.RegisterTxt{font-size:2rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Forgot_Box{display:flex;margin:.5rem 0 1rem}.ForgotTxt{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;margin:0;font-size:xx-large}.Email_Box{display:flex;justify-content:center;width:75%;background-color:#ececec;border-radius:15px;border:solid;border-width:1.5px;border-color:#888;margin-bottom:0}.Email{display:flex;justify-content:center;background-color:#ececec;height:25px;width:90%;border-radius:10px;border:none;outline:none}#SendCodeBox{display:flex;height:10px;width:73%;margin-top:2px;margin-bottom:15px;justify-content:right;align-items:end}#SendCode{display:flex;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:x-small;text-decoration:none;color:#000;height:100%}.Code_Box{display:flex;justify-content:center;width:75%;background-color:#ececec;border-radius:15px;border:solid;border-width:1.5px;border-color:#888;margin-bottom:10px}.Code{display:flex;justify-content:center;background-color:#ececec;height:25px;width:90%;border-radius:10px;border:none;outline:none}#ResetPasswordBtn{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;font-size:x-small;justify-content:center;align-items:center;background-color:#f5f0cd;height:25px;width:100px;border-radius:10px;border:none;outline:none}#ResetPasswordBtn:hover{background-color:#e3dfc0}.ForgotTxt,.Email,.Code,#SendCode,#ResetPasswordBtn{color:#000!important}#ResetPasswordBtn{--button_radius: .75em;--button_color: #e8e8e8;--button_outline_color: #000000;font-size:14px;font-weight:700;border:none;border-radius:var(--button_radius);background:var(--button_outline_color);padding:0;margin-top:.5rem;width:fit-content;margin-top:1rem}#ResetPasswordBtn .button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.5em 1.3em;color:var(--button_outline_color);transform:translateY(-.2em);transition:transform .1s ease;background:linear-gradient(45deg,#ff5f6d,#ffc371)}#ResetPasswordBtn:hover .button_top{transform:translateY(-.33em)}#ResetPasswordBtn:active .button_top{transform:translateY(0)}body.ForgetPasswordPage{margin:0}.TheTemplate{width:100%;height:100vh;display:flex;align-items:center;margin:0;flex-direction:column;justify-content:center;background:linear-gradient(to bottom,#b1f0f7,#6da8c2)}#LockImg{display:flex;position:absolute;height:150px;width:150px;margin-bottom:300px}.Box{display:flex;flex-direction:column;background-color:#f0f8ff;border-radius:15px;margin:2px;width:400px;height:260px;box-shadow:5px 10px 8px #888;justify-content:center;align-items:center}.Recovery_Box{display:flex;margin:.5rem 0 1rem}.RecoveryTxt{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;margin:0;font-size:xx-large}.NewPassword{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;background-color:#ececec;height:25px;width:90%;border-radius:10px;border:none;outline:none}#CB2{margin-bottom:25px}.Confirm_Box{display:flex;justify-content:center;width:75%;background-color:#ececec;border-radius:15px;border:solid;border-width:1.5px;border-color:#888;margin-bottom:10px}.Confirm{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;background-color:#ececec;height:25px;width:90%;border-radius:10px;border:none;outline:none}#ChangePasswordBtn{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;font-size:x-small;justify-content:center;align-items:center;background-color:#f5f0cd;height:25px;width:100px;border-radius:10px;border:none;outline:none}#ChangePasswordBtn:hover{background-color:#e3dfc0}.RecoveryTxt,.NewPassword,.Confirm,#ChangePasswordBtn{color:#000!important}::placeholder{color:#000!important;opacity:1!important}input:-ms-input-placeholder{color:#000}input::-ms-input-placeholder{color:#000}.ChangePasswordWrapper{margin-top:1rem}#ChangePasswordBtn{--button_radius: .75em;--button_outline_color: #000000;font-weight:700;font-size:.9rem;border:none;border-radius:var(--button_radius);background:var(--button_outline_color);display:flex;justify-content:center;padding:0;min-width:160px}#ChangePasswordBtn .button_top{display:block;width:100%;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.6em 2.2em;color:var(--button_outline_color);transform:translateY(-.15em);transition:transform .1s ease;background:linear-gradient(45deg,#ff5f6d,#ffc371);white-space:nowrap;text-align:center}#ChangePasswordBtn:hover .button_top{transform:translateY(-.25em)}#ChangePasswordBtn:active .button_top{transform:translateY(0)}.navigation-bar{height:60px;width:100%;background-color:#f5f0cd;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box}.nav-left{display:flex;align-items:center}.nav-logo{width:150px;height:60px}.nav-right{display:flex;align-items:center}.nav-icon{margin-left:20px;cursor:pointer}#chat-logo{width:33px;height:35px}#calender-logo{width:27px;height:27px}#notification-logo{width:30px;height:30px}.nav-avatar{width:39px;height:36px;border-radius:50%;margin-left:20px;object-fit:cover;cursor:pointer}.notif-wrapper{position:relative;margin-left:-3px}.notif-icon{cursor:pointer}.notif-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:red;border-radius:50%}.notif-dropdown{position:absolute;top:120%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #0000001a;width:240px;z-index:999}.notif-empty{padding:12px;text-align:center;font-size:14px;color:#555}.notif-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee}.notif-item:last-child{border-bottom:none}.notif-item-text{font-size:14px;color:#333}.notif-item-actions{display:flex;gap:8px}.notif-action-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:13px;cursor:pointer;transition:background-color .2s}.notif-action-btn:hover{background-color:#45a049}.event-widget{display:flex;flex-direction:column;gap:16px;width:100%}.event-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease}.event-link:hover,.event-link:focus{text-decoration:none}.event-card{background-color:#f5f0cd;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.event-link:hover .event-card,.event-link:focus .event-card{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.event-card h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.event-card p{font-size:.9rem;color:#555;margin-bottom:4px;display:flex;align-items:center;gap:6px}.event-card p svg,.event-card p img{width:16px;height:16px}html,body{height:100%;font-family:Inter,sans-serif;background-color:#f5f0cd;color:#333}.homepage{display:flex;flex-direction:column;height:100%;width:100%;min-height:100vh}.layout-container{display:flex;flex:1;overflow:hidden}.sidebar-area{background-color:#b1f0f7;width:220px;padding:20px 16px;overflow-y:auto}.sidebar-content .search-bar{position:relative;margin-bottom:24px}.search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:18px;height:18px;opacity:.7}.subject-collection{display:flex;flex-direction:column}.subject-name{padding:8px 12px;border-radius:6px;font-size:16px;color:#333;margin-bottom:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.subject-name:hover,.subject-name[style*="font-weight: bold"]{background-color:#81bfda;color:#fff}.forum-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px;background-color:#fdfaf6}.post-creator{background-color:#f5f0cd;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:24px}.post-creator .inputForm{display:flex;flex-direction:column}.post-creator .divAtas{display:flex;align-items:center;margin-bottom:12px}.profile-icon{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #81BFDA;margin-right:12px}.post-creator textarea#textinput{flex:1;resize:none;border:none;outline:none;padding:10px 14px;border-radius:8px;background-color:#fff;font-size:15px;margin-right:12px;transition:background-color .2s}.post-creator textarea#textinput:focus{background-color:#fff}.post-creator textarea#textinput::placeholder{color:#888;font-size:15px}.post-creator textarea#descinput{width:100%;resize:none;border:none;outline:none;padding:10px 14px;border-radius:8px;background-color:#fff;font-size:14px;margin-bottom:12px;transition:background-color .2s}.post-creator textarea#descinput:focus{background-color:#fff}.post-creator textarea#descinput::placeholder{color:#888;font-size:14px}.media-preview{margin-bottom:12px;display:flex;justify-content:center}.media-thumbnail{max-width:100%;max-height:180px;border-radius:8px;object-fit:cover}#eventPopupButton,#eventButton{background:none;border:none;cursor:pointer;margin-right:8px}#eventPopupButton .icon,#eventButton .icon{width:24px;height:24px;opacity:.8}#eventPopupButton:hover .icon,#eventButton:hover .icon{opacity:1}.divBawah{display:flex;justify-content:flex-end}#submitButton{background-color:#81bfda;color:#fff;border:none;padding:8px 28px;border-radius:20px;font-size:14px;cursor:pointer;transition:background-color .2s}#submitButton:hover{background-color:#69aebb}.forum-feed{flex:1;overflow-y:auto}.forum-list{display:flex;flex-direction:column}.forum-card{position:relative;background-color:#f5f0cd;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.forum-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.forum-card h4{font-size:1rem;font-weight:600;margin-bottom:8px;color:#333}.forum-card p{font-size:.85rem;color:#555;margin-bottom:8px}.forum-card hr{border:none;border-top:1px solid #E0E0E0;margin-top:10px}.delete-icon{position:absolute;top:12px;right:12px;width:20px;height:20px;opacity:0;transition:opacity .2s;cursor:pointer}.forum-card:hover .delete-icon{opacity:1}.forum-user-info{display:flex;align-items:center;margin-bottom:10px}.user-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid #81BFDA}.user-meta .username{font-size:.95rem;font-weight:600;color:#333}.user-meta .major{font-size:.8rem;color:#666}.event-info{background-color:#f5f0cd;padding:8px 12px;border-radius:6px;font-size:.85rem;color:#333;margin-bottom:8px}.forum-list>p{text-align:center;font-size:.9rem;color:#666;padding:20px 0}.event-area{background-color:#b1f0f7;width:260px;padding:20px;overflow-y:auto}.event-area .event-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#333}.event-widget .event-card{background-color:#f5f0cd;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:14px 12px;margin-bottom:16px;transition:transform .2s,box-shadow .2s}.event-widget .event-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}.event-widget .event-card h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}.event-widget .event-card p{font-size:.85rem;color:#555;margin-bottom:4px}.event-widget .event-card .event-icon{margin-right:6px;vertical-align:middle;opacity:.7}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #0003;animation:fadeIn .3s ease}.popup-content h3{margin-top:0;font-size:24px;font-weight:600;text-align:center;color:#333}.popup-content label{display:block;margin-top:12px;font-weight:500;font-size:14px}.popup-input{width:100%;padding:10px 12px;margin-top:6px;margin-bottom:12px;font-size:14px;background-color:#dbdbdb;border:none;border-radius:6px;outline:none;transition:background-color .2s ease}.popup-input:focus{background-color:#8d8d8d}.popup-buttons{display:flex;justify-content:space-between;margin-top:20px}.cancel-button,.submit-button{flex:1;padding:10px;margin:0 4px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.cancel-button{background-color:#ccc;color:#333}.cancel-button:hover{background-color:#bbb}.submit-button{background-color:#81bfda;color:#fff}.submit-button:hover{background-color:#69aebb}.attach-btn{background:none;border:none;padding:6px;border-radius:50%;transition:background-color .2s ease;cursor:pointer}.attach-btn:hover{background-color:#0000000d;cursor:pointer}.attach-btn:focus{outline:none}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.layout-container{flex-direction:column}.sidebar-area,.event-area{width:100%;padding:16px;order:-1}.event-area{order:2}}@media (max-width: 768px){.forum-user-info{flex-direction:column;align-items:flex-start}.post-creator .divAtas{flex-direction:row;align-items:flex-start;gap:8px}.post-creator .divAtas>.icon-buttons{display:flex;flex-direction:column;gap:6px;margin-top:4px}.divBawah{flex-direction:column;align-items:stretch;gap:12px}.popup-content{width:95%;max-width:95%;padding:16px}.event-details-grid{display:flex;flex-direction:column}}@media (max-width: 480px){.post-creator{padding:12px;border-radius:10px}.post-creator .divAtas{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.profile-icon{width:40px;height:40px;margin-right:0}.post-creator .divAtas>div.textarea-wrapper{flex:1}.post-creator .divAtas>.icon-buttons{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:2px}.attach-btn,#eventPopupButton{width:32px;height:32px;padding:4px;border-radius:50%}.post-creator textarea#textinput,.post-creator textarea#descinput{width:100%;font-size:14px;margin-bottom:8px}.divBawah{flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}#submitButton,select{width:100%}.media-preview{justify-content:center}.subject-name{font-size:14px}.forum-card h4{font-size:.95rem}.forum-card p,.event-widget .event-card p{font-size:.8rem}.event-widget .event-card h4{font-size:.95rem}.user-avatar-small{width:36px;height:36px}}.forum-page-spacing{display:flex;justify-content:center;background-color:#f0f2f5;padding-top:20px}.forum-detail-container{width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;box-sizing:border-box;margin-top:-20px}.forum-header-bar{background-color:#6c91c2;color:#fff;width:100%;padding:16px 24px;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:flex-end;align-items:center}.forum-header-bar button{background:#fff;color:#6c91c2;border:none;padding:6px 14px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.forum-header-bar button:hover{background:#e0e4eb}.forum-body{display:flex;padding:24px;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.forum-sidebar{width:220px;text-align:center;padding-right:24px;border-right:1px solid #d0d3d4;display:flex;flex-direction:column;align-items:center;gap:12px}.username{font-weight:700;font-size:1.1rem;margin-top:10px;color:#345b8c;text-align:center}.sidebar-profile-picture{width:140px;height:140px;border-radius:50%;object-fit:cover;border:2px solid #d0d3d4}.forum-content{flex:1;padding-left:24px;color:#2c3e50}.forum-timestamp{font-size:.85rem;color:#6c7a89;margin-bottom:12px}.forum-title{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#2c3e50}.forum-description{font-size:1rem;line-height:1.6;color:#4d4d4d;margin-bottom:24px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.forum-event-info{background-color:#fff8e1;padding:12px 16px;border-left:4px solid #FFB300;border-radius:6px;font-size:.95rem;color:#333;margin-bottom:24px}.forum-event-info p{margin:6px 0;color:#333}.forum-replies-section{margin-top:32px}.replies-heading{font-size:1.15rem;font-weight:600;color:#2c3e50;margin-bottom:16px}.no-replies-text{font-size:.9rem;color:#7f8c8d;text-align:center;margin-top:8px}.reply-box{margin-top:16px;padding-left:14px;border-left:2px solid #d0d3d4}.reply-attachment-image{max-width:200px;max-height:200px;border-radius:4px;object-fit:cover}.reply-header{display:flex;gap:12px;margin-bottom:8px}.reply-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #6C91C2}.reply-meta{flex:1}.reply-username{font-size:.95rem;font-weight:600;color:#345b8c;margin:0}.reply-text{font-size:.9rem;color:#2c3e50;margin:4px 0}.reply-time{font-size:.8rem;color:#6c7a89}.reply-actions{display:flex;gap:16px;font-size:.9rem;margin-top:6px}.reply-actions button,.reply-actions span{background:none;border:none;color:#ffb300;cursor:pointer;padding:0;font-weight:500}.reply-actions button:hover,.reply-actions span:hover{text-decoration:underline}.child-replies{margin-left:24px;border-left:1px dotted #d0d3d4;padding-left:12px}.reply-input-container{display:flex;flex-direction:column;margin-top:20px}.reply-textarea{width:100%;padding:10px 14px;font-size:1rem;border:1px solid #ccc;border-radius:6px;resize:none;background-color:#f5f5f5;box-sizing:border-box}.reply-input-actions{display:flex;align-items:center;margin-top:8px;gap:8px;flex-wrap:wrap}.comment-button{background-color:#81bfda;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease}.comment-button:disabled{opacity:.6;cursor:not-allowed}.comment-button:not(:disabled):hover{background-color:#69aebb}.attach-btn{background-color:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s ease}.attach-btn:hover{background-color:#0000000d}.selected-filename{font-size:.9rem;color:#333;padding:4px 8px;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cancel-reply-button{background-color:#ff6b6b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s ease}.cancel-reply-button:hover{background-color:#e85555}.loading-text,.error-text{font-size:1rem;color:#7f8c8d;text-align:center;margin-top:40px}@media (max-width: 1024px){.forum-body{flex-direction:column;padding:16px}.forum-sidebar{width:100%;padding-right:0;border-right:none;border-bottom:1px solid #d0d3d4;margin-bottom:16px}.forum-content{padding-left:0}.sidebar-profile-picture{width:100px;height:100px}.username{font-size:1rem}}@media (max-width: 768px){.forum-detail-container{margin:0 8px}.forum-header-bar{padding:12px 16px}.forum-title{font-size:1.3rem}.forum-description{font-size:.95rem}.forum-event-info{font-size:.9rem;padding:10px 12px}.reply-avatar{width:32px;height:32px}.reply-username{font-size:.9rem}.reply-time{font-size:.75rem}.reply-text{font-size:.85rem}.comment-button,.cancel-reply-button{padding:6px 12px;font-size:.9rem}.selected-filename{font-size:.85rem}}@media (max-width: 480px){.forum-page-spacing{padding-top:12px}.forum-detail-container{width:100%;margin:0;border-radius:0;box-shadow:none}.forum-body{padding:12px}.forum-sidebar{display:none}.forum-content:before{content:"";display:block;width:100%;text-align:center;margin-bottom:12px}.forum-content .forum-timestamp{text-align:center}.forum-content{padding:0}.forum-title{font-size:1.2rem;margin-bottom:12px;text-align:center}.forum-description{margin-bottom:16px}.forum-event-info{font-size:.9rem;padding:8px 10px}.forum-event-info p{margin:4px 0}.reply-input-container{margin-top:16px}.reply-textarea{font-size:.9rem;padding:8px 12px}.reply-input-actions{flex-direction:column;align-items:stretch;gap:8px}.comment-button,.cancel-reply-button{width:100%;padding:8px}.attach-btn{align-self:flex-start}.selected-filename{width:100%;margin-top:4px}.reply-box{margin-top:12px;padding-left:10px;border-left-width:2px}.reply-header{flex-direction:column;align-items:flex-start;gap:6px}.reply-avatar{width:28px;height:28px}.reply-meta{width:100%}.reply-actions{flex-wrap:wrap;gap:6px}.child-replies{margin-left:16px;padding-left:8px}}.profile-container{padding:2rem;max-width:700px;margin:0 auto}.title{text-align:center;font-size:2rem;font-weight:700}.avatar-section{border:2px solid #409eff;border-radius:15px;padding:1rem;display:flex;align-items:center;gap:1.5rem;margin-top:1rem;box-shadow:2px 2px 8px #ccc}.avatar-img{width:100px;height:100px;border-radius:100px;object-fit:cover}.upload-btn{display:inline-block;background-color:#409eff;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;text-align:center;margin-bottom:.5rem}.upload-note,.email{font-size:.9rem;color:#555}.form-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:4px 4px 15px #ddd;margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}input,textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid #ccc}.gender-toggle{display:flex;gap:10px;margin-top:8px}.gender-toggle button{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;background-color:#f0f0f0;color:#000;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.gender-toggle button.active{background-color:#39f;color:#fff;border:none}.char-count{font-size:.8rem;text-align:right;color:#666}.update-btn{background-color:#4285f4;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.update-btn:hover{background-color:#3367d6}.logout-btn{background-color:#fd564a;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background-color:red}.button-row{margin-top:16px;display:flex;gap:12px;justify-content:center}.profile-card{position:relative;background-color:#fff;border-radius:24px;padding:48px 32px 32px;box-shadow:0 8px 30px #00000026;width:720px;min-height:480px;display:flex;flex-direction:column;justify-self:center;justify-content:center;gap:32px}.other-person-container{background-color:#f1f1f1;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.profile-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:20px}.profile-image{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:165px;height:165px;border-radius:999px;object-fit:cover;border:2px solid #ffffff;margin-bottom:12px;background-color:#fff;z-index:10}.profile-text{display:flex;flex-direction:column;align-items:center;max-width:600px;max-height:50px;text-align:center;position:absolute;bottom:15px}.profile-name{font-size:35px;font-weight:600;margin-bottom:4px;color:#000;justify-content:center}.profile-gender{font-size:14px;color:#4b5563;margin-bottom:8px}.profile-description{font-size:14px;color:#000;max-width:600px}.add-friend-button{align-self:center;font-size:16px;padding:12px 32px;background-color:#3b82f6;color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:background-color .2s ease;position:absolute;bottom:65px}.add-friend-button:hover{background-color:#2563eb}