#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}:root{--clr-accent-500: #af1b2d;--clr-accent-400: #FF6F59;--clr-accent-300: #938BA1;--clr-accent-100: #f7f0ee;--clr-primary-400: #d1cac7;--clr-neutral-900: #b7aea4;--clr-neutral-100: hsl(0, 37%, 97%);--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-300: .8125rem;--fs-400: .875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem;--fs-primary-heading: var(--fs-800);--fs-secondary-heading: var(--fs-700);--fs-body: var(--fs-400);--fs-nav: var(--fs-500);--fs-button: var(--fs-300)}@media (min-width: 50em){:root{--fs-primary-heading: var(--fs-900);--fs-secondary-heading: var(--fs-800);--fs-body: var(--fs-500);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--clr-neutral-100)}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-primary-heading{font-size:var(--fs-primary-heading);line-height:1.1}.fs-secondary-heading{font-size:var(--fs-secondary-heading);line-height:1.1}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.even-columns{display:grid;gap:1rem}@media (min-width: 50em){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}.center{display:flex;justify-content:center;align-items:center}.vertical{display:flex;flex-direction:column}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var( --clr-neutral-900)}.button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:13px;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-accent-100);background-color:var( --clr-neutral-900);box-shadow:0 1.125em 1em -1em var(--clr-accent-300);flex-direction:column}.button[data-type=inverted]{background-color:var(--clr-neutral-900);color:var(--clr-accent-100)}.button:hover,.button:focus-visible{background-color:var(--clr-primary-400)}.button[data-type=inverted]:hover,.button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-900);color:var(--clr-accent-100)}.form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;padding:20px;background-color:var(--clr-accent-100);border:var(--clr-accent-100);border-radius:8px;box-shadow:var(--clr-neutral-900)}.form label{color:var(--clr-primary-400)}.form input[type=text],.form input[type=password]{width:100%;padding:10px;border-radius:4px;box-sizing:border-box}@media (max-width: 480px){.form{width:90%;padding:15px}.button{width:100%}}img{max-width:50px;cursor:pointer}.container[data-v-99a89409]{display:flex;justify-content:space-between;align-items:center}[data-v-99a89409-s]{font-size:var(--fs-600);padding:10px}[data-v-cb346543] a{text-decoration:none}html[data-v-cb346543],body[data-v-cb346543]{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.background[data-v-cb346543]{background-image:url(/HomeBackground.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}[data-v-2d911bf0] a{text-decoration:none}html[data-v-2d911bf0],body[data-v-2d911bf0]{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.background[data-v-2d911bf0]{background-image:url(/ModalBackground.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-10}.form[data-v-2d911bf0]{position:relative;z-index:10;background:#ffffffe6;padding:20px;border-radius:10px;pointer-events:auto}.modal-backdrop[data-v-b4a8506b]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--modal-backdrop-clr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2}.modal[data-v-b4a8506b]{background-color:var(--modal-background-clr);padding:var(--size-300)}.modal-button[data-v-b4a8506b]:hover{background-color:var(--clr-accent-200);border-radius:50%}header[data-v-b4a8506b]{display:flex;margin-bottom:var(--size-100);justify-content:space-between;text-align:right}header>img[data-v-b4a8506b]{margin-left:var(--size-500)}footer[data-v-b4a8506b]{display:flex;justify-content:center;align-items:center;margin-top:var(--size-400);gap:5px}.dropdown-menu[data-v-44dbe752]{position:absolute;top:88px;right:122px;background-color:#fff;border:1px solid #ddd;padding:7px;box-shadow:0 4px 8px #0000001a;z-index:1}.dropdown-menu a[data-v-44dbe752]{display:block;padding:8px 15px;margin:5px 0;color:#333;text-decoration:none;cursor:pointer}.dropdown-menu a[data-v-44dbe752]:hover{background-color:#f1f1f1}.view[data-v-44dbe752]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.grid-panel[data-v-44dbe752]{padding:var(--size-300);margin:var(--size-300)}header[data-v-44dbe752],footer[data-v-44dbe752]{margin:0 auto}@media (min-width: 50em){main[data-v-44dbe752]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.vline[data-v-44dbe752]{border-left:1px lightgrey solid}}.form[data-v-44dbe752]{position:relative;z-index:10;background:#ffffffe6;padding:5px;border-radius:5px;pointer-events:auto}[data-v-c5521c2b] a{text-decoration:none}html[data-v-c5521c2b],body[data-v-c5521c2b]{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.background[data-v-c5521c2b]{background-image:url(/ModalBackground.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}.feedback-card[data-v-db129e46]{background:#f9f9f9;padding:12px;border-radius:8px;margin:8px 0;box-shadow:0 2px 4px #0000001a}.feedback-header[data-v-db129e46]{display:flex;justify-content:space-between;font-size:14px;color:#333}.feedback-time[data-v-db129e46]{font-size:12px;color:gray}.feedback-text[data-v-db129e46]{margin-top:6px;font-size:14px;color:#444}strong[data-v-db129e46]{font-weight:700}.scrollable-container[data-v-ef335166]{max-height:400px;overflow-y:auto;border:1px solid #ddd;padding:10px;border-radius:8px;background:#fff;position:relative}.sticky-header[data-v-ef335166]{position:sticky;top:0;background:#ffffff90;padding:5px;z-index:1;text-align:center}.loading-text[data-v-ef335166]{text-align:center;font-size:14px;color:gray;padding:10px 0}.container[data-v-885d7948]{position:relative;width:100%;height:100vh;background-image:url(/main2.PNG);background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:800;font-family:Georgia,serif}.center[data-v-885d7948]{text-align:center}h2[data-v-8122defd]{font-weight:600}.button[data-v-8122defd]{padding:5px 10px;font-size:16px;width:35px;height:35px}input[data-v-8122defd]{width:300px;padding:5px;margin-right:5px}section[data-v-8122defd]{text-align:center}input[data-v-ba708827]{width:300px;padding:5px;margin-right:5px}.users-container[data-v-ba708827]{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center;align-items:center}.user-card[data-v-ba708827]{border:1px solid #ccc;border-radius:10px;padding:15px;text-align:center;width:200px;background:#f9f9f9;box-shadow:2px 2px 10px #0000001a}h3[data-v-ba708827]{font-weight:600}.chat-container[data-v-fcabba8f]{max-width:500px;margin:auto;padding:20px;border:1px solid #ddd;border-radius:10px;background-color:#f9f9f9}.messages[data-v-fcabba8f]{height:300px;overflow-y:auto;border-bottom:1px solid #ddd;padding-bottom:10px}.sent[data-v-fcabba8f]{text-align:right;background-color:#d1e7ff;padding:8px;border-radius:10px;margin:5px 0}.received[data-v-fcabba8f]{text-align:left;background-color:#f1f1f1;padding:8px;border-radius:10px;margin:5px 0}.message-input[data-v-fcabba8f]{display:flex;gap:10px;margin-top:10px}.message-input input[data-v-fcabba8f]{flex:1;padding:8px}.message-input button[data-v-fcabba8f]{padding:8px}