:root{--primary-color:#009688;--primary-rgb:0,150,136;--primary-hover:#00796b;--secondary-color:#546e7a;--accent-coral:#ff7043;--accent-violet:#7e57c2;--accent-amber:#ffca28;--background-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--success-color:#10b981;--error-color:#ef4444;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -6px #0000001a;--font-sans:"Outfit","Inter",system-ui,-apple-system,sans-serif;--primary-gradient:linear-gradient(135deg,#009688 0%,#00bcd4 100%);--accent-gradient:linear-gradient(135deg,#ff7043 0%,#ffab91 100%);--surface-gradient:linear-gradient(to bottom,#fff 0%,#f1f5f9 100%);--glass-bg:#fffffff2;--glass-border:#00968826;--glass-blur:25px;--bs-primary:#009688;--bs-primary-rgb:0,150,136;--bs-link-color:#009688;--bs-link-hover-color:#00796b}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border)!important}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg)}.btn-premium{background-color:var(--primary-color);background-image:var(--primary-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:.6rem 1.6rem;font-weight:600;transition:all .3s;display:inline-flex;color:#fff!important}.btn-premium:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px);color:#fff!important}.btn-premium:active{transform:translateY(0)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.scale-110{transition:transform .2s}.scale-110:active{transform:scale(1.1)}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{box-shadow:var(--shadow-sm);border:none;outline:none;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;border-radius:var(--radius-full)!important}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.btn-primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.btn-outline-primary{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-outline-primary:hover{background-color:var(--primary-color)!important;color:#fff!important}.text-primary{color:var(--primary-color)}.bg-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#fff}.btn-secondary:hover{background-color:var(--background-color)}.card{background-color:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem}.input{border-radius:var(--radius);border:1px solid var(--border-color);background-color:#fff;width:100%;padding:.5rem .75rem;transition:border-color .2s}.input:focus{border-color:var(--primary-color);outline-offset:2px;box-shadow:0 0 0 2px var(--primary-color);outline:2px solid #0000}.label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.heading-1{letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.heading-2{margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.text-sm{font-size:.875rem}.text-muted{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.hover-primary{transition:color .2s}.hover-primary:hover{color:var(--primary-color)!important}.hover-bg-light{transition:background-color .2s}.hover-bg-light:hover{background-color:#0000000d}@media (max-width:991.98px){.hero-item{height:450px!important}}@media (max-width:767.98px){.hero-item{height:400px!important}.display-3{font-size:2.5rem}.hero-title{font-size:2rem}}@media (max-width:575.98px){.hero-item{height:350px!important}.hero-title{font-size:1.75rem}}.hero-title{font-size:3.5rem}@media (min-width:768px){.hero-item{height:600px!important}}.text-shadow{text-shadow:0 2px 4px #00000080}.animate-fade-up{animation:.8s ease-out forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.premium-input{border:1.5px solid var(--border-color)!important;background:#fffc!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-input:focus{transform:translateY(-1px);border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 4px #0096881a!important}.btn-premium{background:var(--primary-gradient);color:#fff;letter-spacing:.5px;border:none;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0096884d}.btn-premium:hover{filter:brightness(1.05);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00968866}.media-upload-zone{border:2px dashed var(--border-color);cursor:pointer;text-align:center;background:#00968805;border-radius:16px;padding:40px;transition:all .3s}.media-upload-zone:hover{border-color:var(--primary-color);background:#0096880d}.media-preview-item{aspect-ratio:1;background:#0d1117;border-radius:12px;transition:transform .3s;position:relative;overflow:hidden}.media-preview-item:hover{transform:scale(1.03)}.media-overlay{opacity:0;z-index:2;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.media-preview-item:hover .media-overlay{opacity:1}.fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards s-fadeInUp}@keyframes s-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message-bubble{max-width:80%;transition:all .2s;position:relative}.message-bubble.sent{background-color:var(--primary-color);color:#fff!important;border-bottom-right-radius:4px!important}.message-bubble.received{color:var(--text-primary);background-color:#e9ecef;border-bottom-left-radius:4px!important}.bubble-reply-context{border-left:3px solid var(--primary-color);background:#0000000d}.chat-scroll-container::-webkit-scrollbar{width:4px}.chat-scroll-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.status-indicator{border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block}.status-online{background-color:var(--success-color);box-shadow:0 0 0 2px #4caf5033}.status-offline{background-color:#9e9e9e}.badge-pulse{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4caf50b3}70%{transform:scale(1);box-shadow:0 0 0 6px #4caf5000}to{transform:scale(.95);box-shadow:0 0 #4caf5000}}@media (max-width:991px){.mobile-active-chat .navbar,.mobile-active-chat .left-sidebar{display:none!important}.chat-main-col{padding:0!important}}.pb-safe{padding-bottom:env(safe-area-inset-bottom)!important}@media (max-width:767.98px){body{padding-bottom:80px}}.slide-up-animation{animation:.5s ease-out forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:991.98px){.navbar-collapse-scrollable{max-height:calc(100vh - 70px);overflow-y:auto}}@media (min-width:992px){.navbar-collapse-scrollable{max-height:none!important;overflow:visible!important}}