@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-app: #0B0E14;--bg-sidebar: #0B0E14;--bg-surface: #141923;--bg-input: #1A2230;--bg-accent-subtle: rgba(59, 130, 246, .1);--color-accent: #3B82F6;--color-accent-hover: #2563EB;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-focus: 1px solid rgba(59, 130, 246, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 24px;--sidebar-width: 260px;--header-height: 72px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}.card-standard{background-color:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.btn-primary{background-color:var(--color-accent);color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-icon{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff08;border:var(--border-subtle);cursor:pointer}.btn-icon:hover{background:#ffffff0f;color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-app)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:var(--border-subtle);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.sidebar-header{height:var(--header-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:10px}.logo-square{width:32px;height:32px;background-color:var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #3b82f666}.sidebar-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.nav-group{margin-bottom:24px}.nav-label{padding:16px 12px 8px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-secondary);border-radius:10px;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none}.nav-item:hover{background-color:#ffffff0a;color:var(--text-primary)}.nav-item.active{background-color:var(--bg-accent-subtle);color:var(--color-accent)}.nav-item .chevron{margin-left:auto;color:var(--text-muted)}.sidebar-footer{margin-top:auto;padding:16px;border-top:var(--border-subtle)}.user-profile-bar{display:flex;align-items:center;justify-content:space-between}.credit-button{width:40px;height:40px;border-radius:50%;background-color:var(--bg-surface);border:var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-accent);cursor:pointer;transition:transform .2s}.credit-button:hover{transform:scale(1.05);background-color:#3b82f61a}.main-container{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.main-scroll{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:40px}.centered-header{display:flex;justify-content:center;margin-bottom:24px}.channel-switcher{display:flex;align-items:center;gap:10px;padding:8px 16px;background-color:var(--bg-sidebar);border:var(--border-subtle);border-radius:12px;cursor:pointer;font-weight:600}.channel-avatar{width:24px;height:24px;border-radius:50%;background-color:#444}.top-right-actions{position:absolute;top:24px;right:24px;display:flex;gap:12px;z-index:100}.floating-bar-container{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:100%;max-width:800px;padding:0 32px}.floating-bar{background-color:var(--bg-input);border:var(--border-subtle);border-radius:var(--radius-pill);padding:10px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #00000080}.floating-bar input{flex:1;background:transparent;border:none;color:#fff;outline:none;font-size:15px}