/*! 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-space-y-reverse:0;--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}}}@layer theme{:root,:host{--font-sans:"Inter",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-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--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}}@layer components;@layer utilities{.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}}.mx-auto{margin-inline:auto}.block{display:block}.hidden{display:none}.table{display:table}.w-full{width:100%}.resize{resize:both}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.p-4{padding:calc(var(--spacing)*4)}.pt-16{padding-top:calc(var(--spacing)*16)}.blur{--tw-blur:blur(8px);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,)}}html,body{background-color:var(--color-white)}@media (prefers-color-scheme:dark){html,body{background-color:var(--color-gray-950);color-scheme:dark}}input{border:1px solid var(--text-color);background:var(--bg-color);width:100%;max-width:500px;color:var(--text-color);border-radius:8px;padding:10px;font-size:16px}input:focus{border-color:var(--button-bg);outline:none;box-shadow:0 0 5px #007bff80}#search-icon{display:none}.search-container{justify-content:space-between;align-items:baseline;width:18%;position:absolute;top:10px;left:10px}:root{--bg-color:#bdbdbd;--text-color:#2c2c2c;--button-bg:#007acc;--ml-bg-color:#cdcdcd;--su-bg-color:#c1c1c1;--mil-bg-color:#a5a5a5;--mir-bg-color:#333c4a;--option-bg-color:#afafaf;--info-success-bg-color:#d4edda;--info-success-color:#155724;--info-fail-bg-color:#f8d7da;--info-fail-color:#721c24;--tab-button:#a1a1a1;--hover-opacity:.85;--table-bg-color:#e4e6eb;--table-bg-color-hover:#d4d6de}.dark{--bg-color:#181a1b;--text-color:#e4e6eb;--button-bg:#1f6abd;--button-text:white;--ml-bg-color:#212529;--su-bg-color:#2a2d2f;--mil-bg-color:#444;--mir-bg-color:#333c4a;--option-bg-color:#333;--info-success-bg-color:#025002;--info-success-color:#76b38a;--info-fail-bg-color:#f16060;--info-fail-color:#bf0404;--tab-button:#616161;--table-bg-color:#212529;--table-bg-color-hover:#333}body{background-color:var(--bg-color);color:var(--text-color);transition:background .3s,color .3s}.home-container{background:var(--bg-color);color:var(--text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.input-invalid{background-color:#fa3636;border-color:#bf0404;outline:none;transition:all .3s ease-in-out;box-shadow:0 0 5px #b1052e80}.app-title{color:var(--button-bg);cursor:pointer;width:200px;margin-bottom:20px;font-size:2rem;font-weight:700;top:10px;left:10px}.subtitle{background:var(--ml-bg-color);color:var(--text-color);border-radius:6px;margin:5px;padding:8px 15px;font-size:1rem;font-weight:500;display:inline-block;box-shadow:0 2px 4px #0000001a}.button-group{gap:20px;display:flex}.btn{cursor:pointer;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;padding:10px 20px;font-size:1rem;transition:all .3s}.link-btn{cursor:pointer;color:var(--button-bg);border:none;border-radius:5px;padding:3px;font-size:1rem;transition:all .3s}.link-btn-red{cursor:pointer;color:var(--info-fail-color);border:none;border-radius:5px;padding:3px;font-size:1rem;transition:all .3s}.btn:hover{opacity:var(--hover-opacity)}.btn:before{content:""}.toggle-theme{cursor:pointer;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:20px;margin-top:20px;padding:10px 20px;font-size:1rem;transition:all .3s}.toggle-theme:hover{opacity:var(--hover-opacity)}.theme-toggle{position:absolute;top:10px;right:20px}.switch{width:60px;height:30px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:25px;transition:background .4s ease-in-out;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.slider:before{content:"🌙";font-size:20px;transition:transform .4s ease-in-out;position:absolute}input:checked+.slider{background-color:#222}input:checked+.slider:before{content:"🌞";transform:translate(30px)}.main-content-container{background:var(--ml-bg-color);border-radius:8px;width:60%;height:80%;min-height:100px;margin-bottom:60px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.main-content-container::-webkit-scrollbar{display:none}.message-list{flex-direction:column;padding:50px 10px 10px;display:flex}.message-item{word-wrap:break-word;text-align:start;border-radius:8px;flex-direction:column;align-items:flex-start;width:fit-content;min-width:30%;max-width:75%;margin:6px 0;padding:10px 15px;font-size:14px;display:flex;box-shadow:0 2px 4px #00000014}.message-item.unread{background-color:#ff03}.message-item-left{background-color:var(--mil-bg-color);float:left;border-radius:0 10px 0 0}.message-item-right{background-color:var(--mir-bg-color);color:#fff;float:right;border-radius:10px 0 0}.message-item-menu{cursor:pointer;visibility:hidden;width:20px;height:20px;margin:0;padding:0;display:inline}.message-item:hover .message-item-menu{visibility:visible}.message-item-menu:focus .message-item-menu-list{display:block}.message-item-menu-left{align-self:flex-end}.message-item-menu-right{align-self:flex-start}.message-item:hover{opacity:var(--hover-opacity)}.message-item-menu-list{display:none}.user-list{border:1px solid var(--text-color);background-color:var(--option-bg-color);border-radius:8px;width:18%;height:90%;padding:15px;transition:all .3s ease-in-out;position:absolute;top:85px;left:10px}.user-item{background:var(--ml-bg-color);color:var(--text-color);cursor:pointer;word-break:break-word;border-radius:6px;margin:8px 0;padding:12px;transition:background .3s}.user-title{cursor:pointer}.user-item:hover{background:var(--button-bg);color:var(--button-text)}.user-item.selected{background:var(--button-bg);color:#fff;font-weight:700}.message-input-form{justify-content:flex-end;align-items:center;gap:10px;width:60%;display:flex;position:absolute;bottom:0;left:20%}.message-input-form input{border:1px solid var(--text-color);border-radius:5px;justify-self:stretch;padding:12px}.message-input-form button{background:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;justify-self:flex-end;padding:10px;font-size:24px;transition:all .2s}.message-input-form button:hover{opacity:var(--hover-opacity)}.selected-recipient-title{background:var(--su-bg-color);z-index:2;word-break:break-word;align-items:baseline;width:60%;margin:0;padding:0;font-size:2rem;display:flex;position:absolute}.status-indicator{vertical-align:middle;border-radius:12px;font-size:12px;display:inline-block}.status-indicator.online{color:#fff;background:#4f4ff6;padding:2px 8px}.status-indicator.offline{color:#fff;background:gray}#back{cursor:pointer;margin:0 10px}.hidden{visibility:hidden}.message-item-footer{align-self:flex-end;font-size:.6rem;display:inline}.message-item-indicator{color:gray;align-self:flex-start;font-size:18px;display:inline}.message-item-indicator.delivered{color:#4f4ff6}.message-item-indicator.read{color:#04c504}.info-message{opacity:1;visibility:visible;border:1px solid;border-radius:15px;padding:20px;font-weight:700;transition:opacity 2s,visibility 2s;position:fixed;bottom:20px;right:20px}.info-success{background:var(--info-success-bg-color);color:var(--info-success-color);border-radius:5px;padding:10px;font-weight:700}.info-fail{background:var(--info-fail-bg-color);color:var(--info-fail-color);border-radius:5px;padding:10px;font-weight:700}.hide-info{opacity:0;visibility:hidden}@keyframes pulse{50%{opacity:.5}}.unread-badge{color:#fff;background:#f81f41;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:700;animation:1s infinite pulse;display:inline-block}.new-message-highlight{color:#00f;background-color:#f3f304;transition:background-color .5s}.dropdown{background-color:var(--option-bg-color);width:60%;color:var(--text-color);cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:14px;transition:all .3s ease-in-out}.dropdown option{background-color:var(--option-bg-color);color:var(--text-color);border:none;padding:8px}.emoji-picker{cursor:pointer;z-index:3;position:absolute;bottom:10%;left:20%}@media (max-width:768px){.selected-recipient-title{width:95%}.search-container{width:95%;padding:0;position:static}.user-list{width:95%;height:auto;padding:0;position:static}.user-item{width:95%;padding:10px}.user-list select{background-color:var(--button-bg);width:100%;color:var(--button-text);border:none;border-radius:8px;padding:10px}.not-selected{background-color:var(--option-bg-color)!important;color:var(--text-color)!important}.main-content-container{width:95%}.message-input-form{width:95%;left:2.5%}}.settings-container{background:var(--bg-color);height:100%;color:var(--text-color);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:30px;display:flex}.settings-container form{flex-direction:column;gap:15px;width:100%;max-width:400px;display:flex}.settings-container form input[type=text],.settings-container form input[type=email],.settings-container form input[type=password],.settings-container form input[type=checkbox]{border:1px solid var(--text-color);background-color:var(--bg-color);border-radius:4px;padding:8px}.settings-container form input[type=checkbox]{vertical-align:middle;width:auto;margin-top:5px}.settings-container form label{vertical-align:middle;margin:5px;font-size:14px;font-weight:700}.table{border-collapse:collapse;width:100%}.table td,.table th{border:1px solid #ddd;padding:8px}.table tr:nth-child(2n){background-color:var(--table-bg-color)}.center{text-align:center}.table tr:hover{opacity:var(--hover-opacity);background-color:var(--table-bg-color-hover)}.react-phone-number-input .PhoneInputCountrySelect{background-color:var(--bg-color)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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}