:root,[data-theme=dark]{--sidebar-width: 240px;--sidebar-collapsed-width: 80px;--header-height: 64px;--content-padding: 24px;--chat-sidebar-width: 280px;--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1600px;--content-height: calc(100vh - var(--header-height));--content-inner-height: calc(100vh - var(--header-height) - var(--content-padding) * 2);--bg-primary: #09090b;--bg-secondary: #18181b;--bg-card: #1c1c1f;--bg-card-hover: #27272a;--bg-header: #09090b;--border-color: #27272a;--border-color-light: #1f1f23;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent-color: #2563eb;--scrollbar-thumb: #3f3f46;--scrollbar-thumb-hover: #52525b;color-scheme:dark}[data-theme=light]{--sidebar-width: 240px;--sidebar-collapsed-width: 80px;--header-height: 64px;--content-padding: 24px;--chat-sidebar-width: 280px;--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1600px;--content-height: calc(100vh - var(--header-height));--content-inner-height: calc(100vh - var(--header-height) - var(--content-padding) * 2);--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f4f4f5;--bg-header: #ffffff;--border-color: #e4e4e7;--border-color-light: #f4f4f5;--text-primary: #09090b;--text-secondary: #71717a;--text-tertiary: #a1a1aa;--accent-color: #2563eb;--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ant-layout-content{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ant-card{transition:box-shadow .2s ease,border-color .2s ease}.ant-card:hover{box-shadow:0 1px 6px #0000000f}[data-theme=dark] .ant-card:hover{box-shadow:0 1px 6px #0000004d}.ant-table-wrapper .ant-table{border-radius:12px!important}.ant-table-thead>tr>th,.ant-table-thead>tr>td{font-weight:600!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.4px}.ant-tag{border-radius:6px;font-size:12px;line-height:20px;padding:0 8px}.ant-pro-table-list-toolbar{padding:16px 0!important}.ant-menu-item,.ant-menu-submenu-title{font-weight:500}.ant-menu-item-selected{font-weight:600}::selection{background:#2563eb33;color:inherit}.main-layout-sider{position:sticky!important;top:0;height:100vh;display:flex;flex-direction:column;z-index:11}.main-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center}.sidebar-menu-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-footer{flex-shrink:0;padding:12px 16px}.main-layout-content{margin:var(--content-padding);padding:0;min-height:280px;height:var(--content-inner-height);overflow:auto}.ai-chat-container{display:flex;height:var(--content-inner-height);width:100%;overflow:hidden}.ai-chat-sidebar{width:var(--chat-sidebar-width);min-width:var(--chat-sidebar-width);flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.ai-chat-sidebar-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 8px 8px}.ai-chat-main{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.ai-chat-messages{flex:1 1 0;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;padding:16px 24px;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;cursor:text}.ai-chat-messages *{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.ai-chat-messages button,.ai-chat-messages .ant-btn{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;cursor:pointer!important}.msg-row .msg-actions{opacity:0;visibility:hidden;transition:opacity .2s}.msg-row .msg-actions.has-process{opacity:.6;visibility:visible}.msg-row:hover .msg-actions{opacity:1;visibility:visible}.msg-row .msg-actions .msg-hover-btns{display:none}.msg-row:hover .msg-actions .msg-hover-btns{display:contents}.ai-chat-messages ::selection{background:#2563eb4d;color:inherit}.ai-chat-input-wrapper{flex-shrink:0;position:relative;transition:all .3s ease}.ai-chat-input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.3;z-index:1}.ai-chat-empty-state{animation:fadeInUp .5s ease-out forwards}.ai-chat-empty-icon{animation:breathe 3s ease-in-out infinite;display:inline-block;color:var(--accent-color)}@keyframes breathe{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 12px rgba(37,99,235,.4))}to{transform:scale(1);opacity:.8}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-messages .msg-row{animation:fadeInUp .3s ease-out forwards}.suggested-prompt-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.suggested-prompt-card:hover{transform:scale(1.02);border-left-width:4px!important}.typing-dots{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 4px}.typing-dots span{width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}@media(max-width:768px){:root{--content-padding: 12px;--chat-sidebar-width: 100%}.main-layout-content{margin:var(--content-padding);height:calc(100vh - var(--header-height) - var(--content-padding) * 2)}.ai-chat-container{flex-direction:column}.ai-chat-sidebar{width:100%;min-width:100%;height:100%;border-right:none}.ai-chat-main{flex:1;min-height:0}.ai-chat-messages{padding:12px 16px}}.mobile-nav-drawer .ant-drawer-body{padding:0!important}.mobile-nav-drawer .sidebar-header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center}.mobile-nav-drawer .sidebar-menu-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.mobile-nav-drawer .sidebar-footer{flex-shrink:0;padding:12px 16px}@media(max-width:768px){.ant-pro-table-list-toolbar{flex-wrap:wrap;gap:8px;padding:12px 0!important}.ant-pro-table-list-toolbar-container{flex-wrap:wrap;gap:8px}.ant-pro-table-list-toolbar-left{flex:1 1 100%;margin-bottom:8px}.ant-pro-table-list-toolbar-right{flex:1 1 100%;justify-content:flex-start!important;flex-wrap:wrap;gap:8px}.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.ant-pagination{flex-wrap:wrap;justify-content:center;gap:8px}.ant-pagination-options{display:none}}@media(max-width:768px){.ant-card{border-radius:8px!important}.ant-card-body{padding:12px!important}}@media(max-width:768px){.ant-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.ant-modal-content{padding:16px!important}.ant-drawer-content-wrapper{max-width:100vw!important}}@media(min-width:769px)and (max-width:992px){:root{--sidebar-width: 200px;--chat-sidebar-width: 240px}}@media(min-width:1600px){:root{--chat-sidebar-width: 320px}}
