.data-table-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:1.5rem;gap:.75rem}.table-container{flex:0 1 auto;min-height:0;max-height:100%;overflow-x:auto;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem;margin:0}.data-table tbody tr:last-child{border-bottom:none}.table-header-row{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.table-header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;white-space:nowrap}.table-header-cell:hover{background-color:#e9ecef}.header-content{display:flex;align-items:center;gap:.5rem}.sort-indicator{color:#667eea;font-weight:700;font-size:1rem}.table-row{border-bottom:1px solid #e0e0e0;transition:background-color .15s ease}.table-row:hover{background-color:#f8f9fa}.table-row:nth-child(2n){background-color:#fafafa}.table-row:nth-child(2n):hover{background-color:#f0f0f0}.table-cell{padding:.75rem 1rem;color:#555;border-right:1px solid #f0f0f0}.table-cell:last-child{border-right:none}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;flex-shrink:0}.pagination-button{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:.9rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-size:.9rem;font-weight:500}.tool-execution-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;border-radius:4px}.tool-execution-spinner{width:48px;height:48px;border:5px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.tool-execution-text{color:#333;font-weight:600;font-size:1rem;letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.table-row{animation:fadeIn .3s ease}.error-message{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fee;border:1px solid #fcc;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px}.error-icon{font-size:1.25rem;flex-shrink:0}.error-text{flex:1;color:#c33;font-size:.9rem;line-height:1.4}.error-dismiss{background:none;border:none;color:#c33;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.error-dismiss:hover{opacity:.7}.chat-interface{display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{padding:1rem 1.5rem;background-color:#333;color:#fff;border-bottom:1px solid #333333}.chat-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#f8f9fa}.message{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-radius:8px;max-width:85%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;background-color:#666;color:#fff;border-bottom-right-radius:4px}.message-assistant{align-self:flex-start;background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;opacity:.7;margin-bottom:.25rem}.message-content{word-wrap:break-word;line-height:1.5}.message-content p{margin:0 0 .5rem}.message-content p:last-child{margin-bottom:0}.message-content strong{font-weight:600}.message-content em{font-style:italic}.message-content code{background-color:#0000000d;padding:.15rem .3rem;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:.9em}.message-assistant .message-content code{background-color:#00000014}.message-user .message-content code{background-color:#fff3}.message-content pre{background-color:#0000000d;padding:.75rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.message-assistant .message-content pre{background-color:#0000000d}.message-user .message-content pre{background-color:#ffffff26}.message-content pre code{background-color:transparent;padding:0;font-size:.85em}.message-content ul,.message-content ol{margin:.5rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:.75rem 0 .5rem;font-weight:600}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content h1{font-size:1.5em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.1em}.message-content a{color:#667eea;text-decoration:underline}.message-content a:hover{opacity:.8}.message-content blockquote{border-left:3px solid rgba(0,0,0,.2);padding-left:1rem;margin:.5rem 0;opacity:.8}.message-user .message-content blockquote{border-left-color:#fff6}.message-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:1rem 0}.message-user .message-content hr{border-top-color:#fff3}.message-content.streaming{position:relative}.message-content.streaming:after{content:"▋";animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.tool-calls{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.tool-calls-header{font-size:.75rem;font-weight:600;color:#667eea;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tool-call{font-size:.85rem;font-family:Monaco,Courier New,monospace;background-color:#667eea1a;padding:.5rem;border-radius:4px;margin-top:.25rem;color:#667eea;display:flex;flex-wrap:wrap;gap:.25rem}.tool-call-name{font-weight:600}.tool-call-args{color:#667eea;opacity:.8}.message-tool{align-self:flex-start;background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2);border-bottom-left-radius:4px;font-size:.9rem;max-width:70%}.tool-result{display:flex;align-items:flex-start;gap:.5rem}.tool-result-icon{font-size:1rem;color:#16a34a;flex-shrink:0;margin-top:.1rem}.message-loading{margin-top:.5rem;padding:.5rem 0;display:flex;align-items:center}.loading-dots{display:flex;gap:.25rem;align-items:center}.loading-dots span{width:6px;height:6px;border-radius:50%;background-color:#667eea;animation:loading-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{position:relative;padding:1rem 1.5rem;border-top:1px solid #e0e0e0;background:#fff}.chat-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:24px;background:#fff;box-shadow:0 1px 3px #0000001a;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-button-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:0;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.send-button-icon:hover:not(:disabled){opacity:.7;transform:scale(1.05)}.send-button-icon:active:not(:disabled){transform:scale(.95)}.send-button-icon:disabled{opacity:.4;cursor:not-allowed}.send-button-icon svg path{transition:stroke .2s ease}.stop-button-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:0;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.stop-button-icon:hover{opacity:.7;transform:scale(1.05)}.stop-button-icon:active{transform:scale(.95)}.stop-button-icon svg rect{transition:fill .2s ease}.chat-input{flex:1;border:none;outline:none;font-size:16px;line-height:1.5;font-family:inherit;color:#333;background:transparent;padding:0;min-width:0}.chat-input::placeholder{color:#9ca3af;opacity:1}.chat-input:disabled{cursor:not-allowed;opacity:.6}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.char-count{font-size:.75rem;color:#666;margin-top:.25rem;padding-left:1rem;text-align:right}.title-bar{background-color:#333;color:#fff;padding:1.5rem 2rem;text-align:center}.title-bar h1{margin:0;font-size:2rem;font-weight:700;color:#fff}@media(max-width:768px){.title-bar{padding:1rem}.title-bar h1{font-size:1.5rem}}.dashboard-page{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden}.dashboard-content{flex:1;min-height:0;display:grid;grid-template-columns:1fr 400px;gap:1.5rem;padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box;overflow:hidden}.data-table-section{min-width:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;min-height:0}.data-table-section:hover{box-shadow:0 4px 12px #00000026}.chat-interface-section{min-width:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.loading-state{display:flex;align-items:center;justify-content:center;padding:2rem;color:#666;font-size:.9rem}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.chat-interface-section{max-height:500px}}@media(max-width:768px){.dashboard-content{padding:1rem;gap:1rem}}.app{width:100%;height:100%}