/*! tailwindcss v4.1.10 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.fixed{position:fixed}.z-10{z-index:10}.container{width:100%}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#121212;--bg-darker:#0a0a0a;--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-chat:#1a1a1a;--text-primary:#e9e9e9;--text-secondary:#a0a0a0;--accent-green:#4caf50;--border-color:#2a2a2a;--highlight:#ffffff0d}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.contacts-sidebar{z-index:50;background-color:var(--bg-darker);border-right:1px solid var(--border-color);width:280px;padding-top:env(safe-area-inset-top);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}@media (min-width:768px){.contacts-sidebar{z-index:auto;flex-shrink:0;width:320px;position:relative;transform:translate(0)}}@media (min-width:1200px){.contacts-sidebar{width:360px}}.contacts-sidebar.open{transform:translate(0)}.chat-container{background-color:var(--bg-dark);background-position:50%;background-size:cover;flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative}@media (min-width:768px){.chat-container{width:auto}}.chat-container:before{content:"";z-index:0;pointer-events:none;background-color:#000000b3;position:absolute;top:0;right:0;bottom:0;left:0}.contact-search{background-color:var(--bg-darker);border-bottom:1px solid var(--border-color);padding:.75rem}@media (min-width:768px){.contact-search{padding:1rem}}.search-input{background-color:var(--bg-chat);width:100%;color:var(--text-primary);border:none;border-radius:1.25rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.search-input:focus{outline:2px solid var(--accent-green);outline-offset:2px}@media (max-width:767px){.search-input{padding:.875rem 1rem;font-size:1rem}}.contact-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;min-height:3.5rem;padding:.75rem 1rem;transition:background-color .2s;display:flex}@media (min-width:768px){.contact-item{padding:.875rem 1rem}}.contact-item:hover{background-color:var(--highlight)}.contact-item.active{background-color:var(--highlight);border-left:3px solid var(--accent-green)}.contact-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-right:.75rem;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}@media (min-width:768px){.contact-avatar{width:2.75rem;height:2.75rem;margin-right:1rem;font-size:1rem}}.avatar-io{color:#000;background-color:#cddc39}.avatar-sarah{background-color:#e91e63}.avatar-abubakar{background-color:#9c27b0}.avatar-nathanael{background-color:#2196f3}.avatar-conner{background-color:#ff5722}.avatar-cynthia{background-color:#009688}.avatar-cora{background-color:#ff9800}.avatar-lawrence{background-color:#607d8b}.avatar-lukas{background-color:#795548}.avatar-alia{color:#000;background-color:#ffeb3b}.avatar-fletcher{background-color:#9e9e9e}.contact-details{flex:1;min-width:0}.contact-name{margin-bottom:.125rem;font-size:.875rem;font-weight:500;line-height:1.25}@media (min-width:768px){.contact-name{font-size:.9375rem}}.contact-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.25;overflow:hidden}.chat-header{background-color:var(--bg-darker);border-bottom:1px solid var(--border-color);z-index:10;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));justify-content:space-between;align-items:center;min-height:3.5rem;display:flex}@media (min-width:768px){.chat-header{min-height:4rem;padding:1rem 1.5rem}}.chat-header-info{flex:1;align-items:center;min-width:0;display:flex}.chat-header-details{flex:1;min-width:0;margin-left:.75rem}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;line-height:1.25;overflow:hidden}@media (min-width:768px){.chat-header-name{font-size:1rem}}.chat-header-status{color:var(--text-secondary);font-size:.75rem;line-height:1.25}.chat-header-actions{flex-shrink:0;gap:.5rem;display:flex}@media (min-width:768px){.chat-header-actions{gap:1rem}}.chat-header-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chat-header-btn:hover{background-color:var(--highlight);color:var(--text-primary)}.mobile-menu-btn{color:var(--text-primary);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;margin-right:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.mobile-menu-btn:hover{background-color:var(--highlight)}@media (min-width:768px){.mobile-menu-btn{display:none}}.chat-messages{z-index:1;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}@media (min-width:768px){.chat-messages{padding:1.5rem}}@media (min-width:1024px){.chat-messages{padding:2rem}}.chat-date{text-align:center;color:var(--text-secondary);z-index:1;margin:1rem 0;font-size:.75rem;font-weight:500}.message-group{flex-direction:column;gap:.25rem;display:flex}.message-container{align-items:flex-end;gap:.5rem;max-width:85%;display:flex}@media (min-width:768px){.message-container{gap:.75rem;max-width:75%}}@media (min-width:1024px){.message-container{max-width:70%}}.message-container.sent{flex-direction:row-reverse;align-self:flex-end}.message{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border-radius:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;position:relative}@media (min-width:768px){.message{padding:.875rem 1.125rem;font-size:.9375rem}}.message-received{background-color:var(--bg-chat);border:1px solid var(--border-color);border-top-left-radius:.25rem}.message-sent{color:#fff;background-color:#0b93f6;border-top-right-radius:.25rem}.message-time{color:var(--text-secondary);text-align:right;margin-top:.25rem;font-size:.6875rem;font-weight:400}.message-sent .message-time{color:#ffffffb3}.chat-input-container{background-color:var(--bg-darker);border-top:1px solid var(--border-color);z-index:10;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex;position:relative}@media (min-width:768px){.chat-input-container{flex-wrap:nowrap;padding:1.25rem 1.5rem}}.chat-input{background-color:var(--bg-chat);border:1px solid var(--border-color);color:var(--text-primary);resize:none;border-radius:1.25rem;flex:1;min-width:0;min-height:2.75rem;max-height:6rem;padding:.875rem 1rem;font-size:1rem;line-height:1.5;transition:all .2s}.chat-input:focus{outline:2px solid var(--accent-green);outline-offset:2px;border-color:var(--accent-green)}@media (min-width:768px){.chat-input{padding:1rem 1.25rem;font-size:.9375rem}}.chat-input-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:all .2s;display:flex}@media (min-width:768px){.chat-input-btn{width:3rem;height:3rem}}.chat-input-btn:hover{background-color:var(--highlight);border-color:var(--text-secondary);transform:translateY(-1px)}.chat-input-btn:active{transform:translateY(0)}.chat-input-btn.send{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.chat-input-btn.send:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d}::-webkit-scrollbar{width:4px}@media (min-width:768px){::-webkit-scrollbar{width:6px}}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#fff3}.empty-chat{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem 1rem;display:flex}@media (min-width:768px){.empty-chat{padding:3rem 2rem}}.avatar-large{width:4rem;height:4rem;font-size:1.5rem}@media (min-width:768px){.avatar-large{width:5rem;height:5rem;font-size:2rem}}.empty-chat-title{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3}@media (min-width:768px){.empty-chat-title{font-size:1.5rem}}.empty-chat-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem;line-height:1.5}@media (min-width:768px){.empty-chat-subtitle{font-size:1rem}}.suggestions-grid{grid-template-columns:1fr;gap:.75rem;width:100%;max-width:24rem;display:grid}@media (min-width:640px){.suggestions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:32rem}}.suggestion-card{background-color:var(--bg-chat);border:1px solid var(--border-color);text-align:left;cursor:pointer;border-radius:.75rem;flex-direction:column;justify-content:center;min-height:4rem;padding:1rem;transition:all .2s;display:flex}.suggestion-card:hover{background-color:var(--highlight);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.suggestion-emoji{margin-bottom:.5rem;font-size:1.25rem;display:block}@media (min-width:768px){.suggestion-emoji{margin-bottom:.75rem;font-size:1.5rem}}.suggestion-text{color:var(--text-primary);font-size:.8125rem;line-height:1.4}@media (min-width:768px){.suggestion-text{font-size:.875rem}}.sidebar-section{border-top:1px solid var(--border-color);padding:1rem}.sidebar-section-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.suggestion-item{border:1px solid var(--border-color);cursor:pointer;text-align:left;background-color:#0000;border-radius:.5rem;align-items:center;width:100%;min-height:3rem;margin-bottom:.5rem;padding:.875rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.suggestion-item:hover{background-color:var(--highlight);transform:translate(4px)}@media (max-width:767px){.contacts-sidebar.open+.chat-container:after{content:"";z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0}}@media (prefers-reduced-motion:no-preference){.contact-item,.suggestion-card,.suggestion-item,.chat-input-btn,.message{transition:all .2s cubic-bezier(.4,0,.2,1)}}.contact-item:focus-visible,.suggestion-card:focus-visible,.suggestion-item:focus-visible,.chat-input-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#555;--highlight:#ffffff1a}}@media (prefers-color-scheme:dark){body{color-scheme:dark}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}