.top-bar{width:100vw;height:70px;background-color:#202c33;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;color:#fff}.top-bar-left{display:flex;padding-left:5vw}.top-bar-left p{font-size:20px}.top-bar-right{display:flex;align-items:center}.top-bar-right p{font-size:20px;padding-left:10px}.top-bar-option{position:relative;padding-right:1vw}.options-icon{cursor:pointer;font-size:24px}.menu{color:#000;position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 6px #0000001a;z-index:1000;width:150px;border-radius:4px;overflow:hidden}.menu ul{list-style:none;margin:0;padding:0}.menu li{padding:10px;cursor:pointer;font-size:16px}.menu li:hover{background-color:#f0f0f0}.app{display:flex;font-family:Arial,sans-serif;position:fixed;left:0;bottom:0;width:100vw;top:70px;color:#fff;background-color:#111b21}.chat-list{font-size:16px;width:20vw;height:100%;padding:10px;background-color:#111b21;position:absolute;left:0;top:0}.chat-list ul{list-style:none;padding:0}.chat-list .chat-item{cursor:pointer;padding:10px;border-bottom:1px solid #ccc}.chat-list .chat-item.new-messages{font-weight:700}.chat-list .new-messages-indicator{color:#3cff00;margin-left:10px;font-weight:400}.chat-window{width:70vw;padding-right:4vw;padding-left:4vw;display:flex;flex-direction:column;overflow-y:auto;position:absolute;right:0;top:0;bottom:75px;border-bottom:1px solid #25313d;border-left:1px solid #25313d;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='100' height='100' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(204, 41%, 7%, 1)'/><path d='M100.16 24.75a2.93 2.93 0 11.04 5.86 2.93 2.93 0 01-2.95-2.91 2.92 2.92 0 012.9-2.95zm-100 0a2.93 2.93 0 11.04 5.86 2.93 2.93 0 01-2.95-2.91 2.92 2.92 0 012.9-2.95zm9.57 53.18c1.6 0 2.9 1.3 2.9 2.9a2.95 2.95 0 01-2.95 2.96 2.9 2.9 0 01-2.9-2.9 2.95 2.95 0 012.95-2.96zm58.57-2.51a2.93 2.93 0 11.04 5.86 2.93 2.93 0 11-.04-5.86zM49.45 4.4a2.93 2.93 0 11.04 5.86 2.93 2.93 0 01-.04-5.86zM21.66 49.6l2.95 2.91-2.9 2.95-2.95-2.9zm43.55-12.85s2.9 1.3 2.9 2.9v.05c0 1.6-1.3 2.9-2.9 2.9h-.04c-1.6 0-2.9-2.9-2.9-2.9z'  stroke-width='1' stroke='none' fill='hsla(206, 23%, 13%, 1)'/><path d='M89.93 57.48a1.08 1.08 0 01.39-1.38c2.44-1.53 5.04-1.81 7.15-.8 2.1 1.03 3.47 3.26 3.77 6.13.22 2.14 1.14 3.71 2.58 4.42 1.44.7 3.24.45 5.07-.69a1.07 1.07 0 011.13 1.8c-2.44 1.54-5.04 1.83-7.14.81-2.1-1.02-3.48-3.25-3.77-6.12-.23-2.15-1.15-3.72-2.59-4.42-1.44-.7-3.24-.46-5.07.68-.5.32-1.16.16-1.47-.33l-.05-.1zm10.06 31.11a.87.87 0 011.07.46c.99 2.14.95 4.28-.1 5.88-1.05 1.6-3 2.48-5.36 2.42-1.76-.04-3.13.54-3.85 1.63-.72 1.1-.71 2.59.03 4.18a.87.87 0 11-1.59.73c-.99-2.13-.95-4.27.1-5.87 1.05-1.6 3-2.48 5.36-2.42 1.76.04 3.13-.54 3.85-1.63.72-1.1.71-2.59-.03-4.18a.87.87 0 01.52-1.2zm0-100a.87.87 0 011.07.46c.99 2.14.95 4.28-.1 5.88-1.05 1.6-3 2.48-5.36 2.42-1.76-.04-3.13.54-3.85 1.63-.72 1.1-.71 2.59.03 4.18a.87.87 0 11-1.59.73c-.99-2.13-.95-4.27.1-5.87 1.05-1.6 3-2.48 5.36-2.42 1.76.04 3.13-.54 3.85-1.63.72-1.1.71-2.59-.03-4.18a.87.87 0 01.52-1.2zM9.44 9.9c.15-.3.54-.39.9-.24 1.88.82 3.16 2.12 3.53 3.58.38 1.47-.21 2.93-1.6 4.02-1.04.8-1.47 1.81-1.22 2.81.26 1 1.17 1.9 2.57 2.5.39.18.6.58.47.9-.13.34-.55.47-.93.3-1.88-.82-3.16-2.12-3.54-3.58-.37-1.46.22-2.93 1.6-4.01 1.05-.81 1.48-1.82 1.23-2.82-.26-1-1.17-1.89-2.58-2.5-.38-.17-.59-.57-.46-.9l.03-.07zm-19.51 47.59a1.08 1.08 0 01.39-1.38c2.44-1.53 5.04-1.81 7.15-.8 2.1 1.03 3.47 3.26 3.77 6.13.22 2.14 1.14 3.71 2.58 4.42 1.44.7 3.24.45 5.07-.69a1.07 1.07 0 011.13 1.8c-2.44 1.54-5.04 1.83-7.14.81C.78 66.75-.6 64.52-.9 61.65c-.23-2.15-1.15-3.72-2.59-4.42-1.44-.7-3.24-.46-5.07.68-.5.32-1.16.16-1.47-.33l-.05-.1zM-.01 88.59a.87.87 0 011.07.46c.99 2.14.95 4.28-.1 5.88-1.05 1.6-3 2.48-5.36 2.42-1.76-.04-3.13.54-3.85 1.63-.72 1.1-.71 2.59.03 4.18a.87.87 0 11-1.59.73c-.99-2.13-.95-4.27.1-5.87 1.05-1.6 3-2.48 5.36-2.42 1.76.04 3.13-.54 3.85-1.63.72-1.1.71-2.59-.03-4.18a.87.87 0 01.52-1.2zm43.92-4.85c-.24-.48-.1-1.08.36-1.38 2.41-1.59 5-1.93 7.13-.96s3.55 3.17 3.92 6.03c.27 2.14 1.23 3.7 2.68 4.36 1.46.67 3.25.38 5.05-.8a1.07 1.07 0 011.48.3c.32.5.19 1.16-.3 1.48-2.4 1.59-5 1.94-7.13.96-2.12-.97-3.55-3.17-3.91-6.03-.28-2.14-1.23-3.69-2.69-4.36-1.46-.67-3.25-.38-5.05.8-.49.32-1.16.2-1.48-.3l-.06-.1zM41 45.67c-.47.25-1.07.1-1.38-.35-1.61-2.39-2-4.98-1.05-7.11.94-2.14 3.13-3.6 5.98-4 2.14-.3 3.67-1.27 4.32-2.73.65-1.47.34-3.26-.87-5.05-.33-.49-.2-1.15.28-1.48.5-.33 1.15-.2 1.5.28 1.6 2.39 2 4.98 1.04 7.11-.94 2.14-3.12 3.6-5.98 4-2.13.3-3.67 1.27-4.32 2.73-.65 1.47-.34 3.26.87 5.05.33.49.21 1.15-.28 1.49-.04.01-.07.04-.1.06z'  stroke-width='1' stroke='none' fill='hsla(206, 23%, 13%, 1)'/><path d='M101 9.76l.75 1.71-9.97 4.34-.74-1.72zM87.35 9.7l-.66 1.75L59.14 1.12l.65-1.76zM41.4-6.21l1.62.93L34.2 10l-1.62-.94zM87.35 109.7l-.66 1.76-27.55-10.35.65-1.75zM50.58 56.03l1.85-.3 1.83 11.32-1.85.3zm-6.22 13.79l-.5 1.8-17-4.66.5-1.8zM41.4 93.79l1.62.93L34.2 110l-1.62-.94zM87.35 9.7l-.66 1.75L59.14 1.12l.65-1.76zm-7.77 42.56l.77 1.76-16.34 7.11-.77-1.75zM1 9.76l.75 1.71-9.96 4.34-.75-1.72zm100 0l.75 1.71-9.97 4.34-.74-1.72zM31.04 27.68l.6 1.86-23.13 7.48-.6-1.86zm48.1 46.45l.73-1.72 10 4.28-.74 1.72zM41.4-6.2l1.62.93L34.2 10l-1.62-.94zM67.54 11.2l1.62.94-7.26 12.57-1.62-.94zM21.22 90.35l-.6-1.4 9.58-4.16.6 1.39zm69.3-49.79l-1.5 1.12L78.5 27.55l1.5-1.12zm-3.17 69.14l-.66 1.76-27.55-10.35.65-1.75zM41.4 93.8l1.62.93L34.2 110l-1.62-.94zM1 9.76l.74 1.71-9.96 4.34-.75-1.72z'  stroke-width='1' stroke='none' fill='hsla(206, 23%, 13%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")}ul{list-style:none;padding:0;margin:0}li{padding:10px;border-radius:10px;margin-bottom:10px;transition:background-color .2s}li:hover{background-color:#037710}.message{display:flex;flex-direction:column;margin-bottom:10px;padding:0 8px;border-radius:10px;min-width:100px;max-width:500px;height:min-content;width:fit-content}.message-content{font-size:16px;margin-bottom:1px;width:auto;height:auto}.message-info{display:flex;justify-content:flex-end;font-size:12px;color:#868e96;width:auto}.message-info-time{padding-right:5px}.status-indicator svg{height:13px;width:13px}.status-sent,.status-delivered,.status-read{display:flex;align-items:center}.status-read{color:#007bff}.sent{align-self:flex-end;background-color:#005c4b;margin-left:auto}.received{align-self:flex-start;background-color:#202c33;margin-right:auto}.message-input{display:flex;align-items:center;position:fixed;bottom:10px;width:50%;right:20vw;z-index:1}.message-input-field{flex:1;padding:10px;border-radius:10px;border:1px solid #ccc;margin-right:10px;font-size:16px}.send-button{background-color:#104e19;color:#fff;border:none;padding:15px;border-radius:10px;cursor:pointer;transition:background-color .2s}.send-button:hover{background-color:#00b351}.send-button svg{vertical-align:middle}@media (max-width: 768px){.chat-list{font-size:16px;width:30vw;position:absolute;left:0;top:0}.chat-window{width:65vw;padding:0 2vw;position:absolute;top:0;right:0;bottom:80px;border-left:none}.message-input{width:90%;bottom:calc(10px + env(safe-area-inset-bottom));right:0;z-index:1;display:flex;align-items:center;padding:10px;background-color:#111b21}.message-input-field{font-size:16px;width:80%;padding:10px;border:none;border-radius:20px;background-color:#fff;color:#000}.send-button{margin-left:10px}.message-content{font-size:16px;margin-bottom:1px;width:auto;height:auto}}.login-form{width:300px;margin:20px;padding:20px;background-color:#5e5e5e;border:1px solid #5e5e5e;border-radius:8px}.login-form h1{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#fff}.login-form .status-message{margin-bottom:10px;font-weight:500;font-size:.875rem;color:#34b7f1}.login-form form{margin-top:20px}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#fff}.login-form .form-group span{color:#fff}.login-form .form-group .text-input{width:90%;color:#000;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#c7c7c7;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.login-form .form-group .text-input:focus{outline:none;border-color:#34b7f1;box-shadow:0 0 0 2px #34b7f1}.login-form .form-group .input-error{color:#dc3545;font-size:.875rem;margin-top:5px}.login-form .form-group .checkbox-label{display:flex;align-items:center;margin-top:10px;font-size:.875rem;color:#5e5e5e}.login-form .form-group .forgot-password{display:block;margin-top:10px;font-size:.875rem;color:#34b7f1;text-decoration:none;transition:color .2s ease-in-out}.login-form .form-group .forgot-password:hover{color:#2699fb}.login-form .form-group .primary-button{width:100%;padding:12px;font-size:1rem;background-color:#34b7f1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.login-form .form-group .primary-button:disabled{background-color:#ccc;cursor:not-allowed}.login-form .form-group .primary-button:hover{background-color:#2699fb}.register-link{margin-top:20px;text-align:center}.register-link p{font-size:.875rem;color:#fff}.register-link a{color:#34b7f1;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.register-form{width:350px;margin:20px auto;padding:20px;background-color:#5e5e5e;border:1px solid #5e5e5e;border-radius:8px}.register-form h1{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#fff}.register-form .status-message{margin-bottom:10px;font-weight:500;font-size:.875rem;color:#34b7f1}.register-form form{margin-top:20px}.register-form .form-group{margin-bottom:20px}.register-form .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#fff}.register-form .form-group span{color:#fff}.register-form .form-group .text-input{width:90%;color:#000;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#c7c7c7;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.register-form .form-group .text-input:focus{outline:none;border-color:#34b7f1;box-shadow:0 0 0 2px #34b7f1}.register-form .form-group .input-error{color:#dc3545;font-size:.875rem;margin-top:5px}.register-form .form-group .primary-button{width:100%;padding:12px;font-size:1rem;background-color:#34b7f1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.register-form .form-group .primary-button:disabled{background-color:#ccc;cursor:not-allowed}.register-form .form-group .primary-button:hover{background-color:#2699fb}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}