@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #2563EB;--bg-secondary: #F3F4F6;--text-primary: #1F2937;--text-secondary: #6B7280;--border-color: #E5E7EB;--sidebar-width: 260px;--sidebar-collapsed-width: 64px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.star-app-container{height:100vh;display:flex;flex-direction:column;background:#fff;overflow-x:hidden;max-width:100vw}.star-layout-body{flex:1;display:flex;overflow:hidden;max-width:100vw}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::-webkit-scrollbar-track{background:transparent}.left-sidebar{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:1px 0 0 0 var(--border-color)}.middle-sidebar{background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content-wrapper{flex:1;background:var(--bg-secondary);position:relative;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;overflow-y:auto}.message-bubble{padding:10px 16px;border-radius:12px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000d;max-width:80%;word-wrap:break-word}.message-bubble.outbound{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message-bubble.inbound{background:#fff;color:var(--text-primary);border-bottom-left-radius:4px}.chat-input-wrapper{background:#fff;padding:16px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.chat-input{background:var(--bg-secondary);border-radius:20px;padding:8px 16px;border:1px solid transparent;transition:all .2s}.chat-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}@media (max-width: 768px){.left-sidebar{position:fixed;left:-100%;top:64px;bottom:0;z-index:1000;width:80%!important;max-width:300px}.left-sidebar.drawer-open{left:0;box-shadow:10px 0 20px #0000001a}.navbar{padding:0 12px!important}.brand-subtitle{display:none}.user-email{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;line-height:32px}.mobile-hide{display:none!important}.main-content,.chat-input-wrapper{padding:12px}.room-list-item{padding:10px 12px!important}.main-layout{flex-direction:column;width:100vw!important;max-width:100vw!important}.middle-sidebar{width:100%!important;max-width:100vw!important;min-width:0!important;flex-shrink:0}.ant-layout-sider{max-width:100vw!important;min-width:0!important}}:root{--primary-color: #2563EB;--secondary-color: #F87171;--success-color: #10B981;--bg-color: #ffffff;--bg-secondary: #F9FAFB;--border-color: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--primary-gradient: #2563EB;--secondary-gradient: #F87171;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--hover-bg: #EFF6FF}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}html{scroll-behavior:smooth}.layout-content{padding:24px;min-height:100vh}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover{transition:all .3s cubic duration(.4,0,.2,1)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}