@import"https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";:root{--lapis-lazuli: #22577aff;--verdigris: #38a3a5ff;--emerald: #57cc99ff;--light-green: #80ed99ff;--tea-green: #c7f9ccff;--clr-accent-500: hsl(12, 60%, 45%);--clr-accent-400: hsl(12, 88%, 59%);--clr-accent-300: hsl(12, 88%, 75%);--clr-accent-100: hsl(13, 100%, 96%);--clr-primary-400: hsl(228, 39%, 23%);--clr-neutral-900: hsl(232, 12%, 13%);--clr-neutral-200: hsl(220, 13%, 95%);--clr-neutral-100: hsl(0 0% 100%);--ff-primary: "Segoe UI", 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)}*,*: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%}html{overflow:hidden}body{text-rendering:optimizeSpeed;line-height:1.5}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}.in-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.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(--emerald)}.button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:1.25em 2.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--verdigris);box-shadow:0 1.125em 1em -1em var(--emerald)}a:visited{color:var(--lapis-lazuli)}.button[data-type=inverted]{background-color:var(--clr-neutral-100);color:var(--clr-accent-400)}.button:hover,.button:focus-visible{background-color:var(--clr-accent-300)}.button[data-type=inverted]:hover,.button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-100);color:var(--clr-accent-300)}.icon{margin-left:40px;font-family:Material Icons Outlined;user-select:none;font-size:24px;color:var(--lapis-lazuli);-webkit-user-select:none}.d-menuicon{font-family:Material Icons Outlined;user-select:none;font-size:20px;color:var(--lapis-lazuli);-webkit-user-select:none}.flex{display:flex}.justify-center{justify-content:center}.align-center{align-items:center}.justify-between{justify-content:space-between}.col{display:flex;flex-direction:column}.menu ul>li{padding-block:var(--size-400);list-style-type:none}.menu ul>li:hover{background-color:azure}.menu a{text-decoration:none}.menu a:link,.menu a:visited{color:var(--clr-accent-300)}.menu-item{font-size:var(--fs-500);font-weight:650;margin:10px}.backbtn:hover{border-radius:50%;background-color:azure}.primary-heading{font-size:var(--fs-primary-heading)}.secondary-heading{font-size:var(--fs-secondary-heading)}.contHeight{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto;height:calc(100vh - 200px)}.grid-panel{height:75%}img{max-width:50px;margin:10px}header[data-v-6c03d3ab]{background-color:#e1e1e1}.container[data-v-6c03d3ab]{display:flex;justify-content:space-between;align-items:center}[data-v-6c03d3ab-s]{font-size:var(--fs-600);font-weight:var(--fw-bold)}[data-v-e716f927] a,[data-v-632ef179] a{text-decoration:none}input[data-v-632ef179]::placeholder{font-style:italic;text-align:center}p[data-v-632ef179]{color:#dc143c}.icon[data-v-6be97ff1]{font-family:Material Icons Outlined;margin-right:var(--size-200);font-size:20px;position:relative;color:var(--clr-neutral-900);border-radius:20%}.dropdown[data-v-6be97ff1]{position:relative;display:inline-block;font-size:small}.dropdown button[data-v-6be97ff1]{background-color:var(--verdigris);color:#fff;padding:6px 10px;border:none;cursor:pointer}.dropdown ul[data-v-6be97ff1]{position:absolute;background-color:#fff;border:1px solid var(--verdigris);list-style:none;padding:0;margin:0;width:100%}.dropdown li[data-v-6be97ff1]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;cursor:pointer}.dropdown li[data-v-6be97ff1]:hover{background-color:azure}[data-v-337c4d71] a{text-decoration:none;color:var(--lapis-lazuli)}a[data-v-337c4d71]:hover{cursor:pointer}h1[data-v-337c4d71]{border-bottom:solid 5px gray;padding:10px;border-radius:5px}.error[data-v-337c4d71]{color:#dc143c;font-weight:700;margin-top:10px}#msgCont[data-v-337c4d71]{display:none;position:absolute;top:50%;right:100px;display:flex;flex-direction:column;align-items:center;gap:10px}#msgCont input[type=text][data-v-337c4d71]{width:300px;padding:10px;border:2px solid var(--lapis-lazuli);border-radius:5px;font-size:1.2em;transition:border-color .3s}#msgCont input[type=text][data-v-337c4d71]:focus{border-color:var(--crimson);outline:none}#msgCont button[data-v-337c4d71]{padding:10px 20px;background-color:var(--lapis-lazuli);color:#fff;border:none;border-radius:5px;font-size:1.2em;cursor:pointer;transition:background-color .3s}#msgCont button[data-v-337c4d71]:hover{background-color:var(--crimson)}#msgCont[data-v-337c4d71]>*{font-size:1.5em}[data-v-e34d0ec6] a{color:var(--lapis-lazuli);text-decoration:none}input[data-v-e34d0ec6]::placeholder{font-style:italic;text-align:center}p[data-v-e34d0ec6]{color:#dc143c}.view[data-v-52fe0d7a]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.grid-panel[data-v-52fe0d7a]{padding:var(--size-300);margin:var(--size-300)}header[data-v-52fe0d7a],footer[data-v-52fe0d7a]{margin:0 auto}@media (min-width: 50em){main[data-v-52fe0d7a]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}}.vline[data-v-52fe0d7a]{border-left:2px lightgray solid}.profile-container[data-v-6cb9100c]{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-message[data-v-6cb9100c]{color:red;font-weight:700}.back-button[data-v-6cb9100c],.edit-button[data-v-6cb9100c]{margin-top:10px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.back-button[data-v-6cb9100c]:hover,.edit-button[data-v-6cb9100c]:hover{background:#0056b3}.modal[data-v-6cb9100c]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-6cb9100c]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:flex-start}.close-button[data-v-6cb9100c]{align-self:flex-end;background:transparent;border:none;font-size:20px;cursor:pointer}.modal-actions[data-v-6cb9100c]{display:flex;justify-content:space-between;margin-top:10px;width:100%}.modal-actions button[data-v-6cb9100c]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.modal-actions button[data-v-6cb9100c]:first-child{background:#28a745;color:#fff}.modal-actions button[data-v-6cb9100c]:last-child{background:#dc3545;color:#fff}.modal-actions button[data-v-6cb9100c]:first-child:hover{background:#218838}.modal-actions button[data-v-6cb9100c]:last-child:hover{background:#c82333}.message[data-v-1788c875]{display:flex;flex-direction:column;padding:10px;border:3px solid gray;border-radius:10px;margin:10px;width:200px;height:auto}#sendNamai[data-v-1788c875]{font-weight:700;color:#7ae2e6;margin-bottom:5px}#dateU[data-v-1788c875]{font-size:.8em;color:gray;margin-bottom:10px}#msgcontent[data-v-1788c875]{font-weight:700}#mainCont[data-v-67f18981]{display:flex;flex-direction:column;overflow:auto;height:550px}#cont[data-v-7e045595]{font-weight:600}#usname[data-v-7e045595]{font-weight:800;color:#4169e1}#msgCont[data-v-7e045595]{display:flex;flex-direction:column;justify-content:center;align-items:start;height:calc(100% - 67px)}.msgCont2[data-v-7e045595]{overflow-y:scroll}#msgCont[data-v-7e045595]>*{padding:10px 20px;background-color:#ebebeb;border:solid 2px gray;border-radius:10px;margin-block:5px}#msgCont>*[me=true][data-v-7e045595]{align-self:flex-end}#senderName[data-v-7e045595]{font-weight:700;color:#4169e1;text-decoration:underline}div.cont[data-v-827dcea4]{overflow-y:scroll;overflow-x:hidden}.userItem[data-v-827dcea4]{margin-left:5px}.userLiItem[data-v-827dcea4]{margin-left:20px}.error[data-v-31a7e95c]{color:#dc143c;font-weight:700;margin-top:10px}#msgContainer[data-v-31a7e95c]{display:none;display:flex;flex-direction:column;align-items:center;gap:10px}#msgContainer input[type=text][data-v-31a7e95c]{width:300px;padding:10px;border:2px solid var(--lapis-lazuli);border-radius:5px;font-size:1.2em;transition:border-color .3s}#msgContainer input[type=text][data-v-31a7e95c]:focus{border-color:var(--crimson);outline:none}#msgContainer button[data-v-31a7e95c]{padding:10px 20px;background-color:var(--lapis-lazuli);color:#fff;border:none;border-radius:5px;font-size:1.2em;cursor:pointer;transition:background-color .3s}#msgContainerainer button[data-v-31a7e95c]:hover{background-color:var(--crimson)}#msgContainer[data-v-31a7e95c]>*{font-size:1.5em}