:root{--bg-primary: #090810;--bg-secondary: #131122;--bg-tertiary: #1b1830;--glass-bg: rgba(19, 17, 34, .7);--glass-bg-hover: rgba(30, 27, 54, .85);--glass-border: rgba(255, 255, 255, .07);--glass-border-focus: rgba(157, 78, 221, .5);--accent-purple: #9d4edd;--accent-purple-glow: rgba(157, 78, 221, .3);--accent-blue: #00b4d8;--accent-blue-glow: rgba(0, 180, 216, .25);--color-success: #39007a;--success-green: #38b000;--success-glow: rgba(56, 176, 0, .25);--warning-yellow: #ffb703;--error-red: #d90429;--error-glow: rgba(217, 4, 41, .25);--text-primary: #f3f0fc;--text-secondary: #a49fc6;--text-muted: #6c688c;--font-headings: "Outfit", "Inter", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(at 10% 20%,rgba(157,78,221,.15) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(0,180,216,.1) 0px,transparent 50%);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0006;transition:transform var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-normal)}.glass-panel-interactive{cursor:pointer}.glass-panel-interactive:hover{background:var(--glass-bg-hover);border-color:#9d4edd40;transform:translateY(-3px);box-shadow:0 12px 40px #9d4edd1a}.app-container{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0c0a16e6;border-right:1px solid var(--glass-border);padding:32px 20px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:10}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 15px var(--accent-purple-glow)}.logo-text{font-family:var(--font-headings);font-size:19px;font-weight:800;background:linear-gradient(to right,#ffffff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-section{display:flex;flex-direction:column;gap:6px;flex-grow:1}.menu-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.menu-button:hover{background:#ffffff08;color:var(--text-primary)}.menu-button.active{background:linear-gradient(90deg,#9d4edd26,#9d4edd05);border-left:3px solid var(--accent-purple);color:var(--text-primary);font-weight:600}.main-content{padding:40px;overflow-y:auto;max-height:100vh}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-title-wrapper h1{font-size:28px;font-weight:700;margin-bottom:6px;background:linear-gradient(to right,#fff,#b4aec5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title-wrapper p{color:var(--text-secondary);font-size:14px}.tenant-selector-wrapper{display:flex;align-items:center;gap:12px}.tenant-select{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 16px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:500;outline:none;cursor:pointer;min-width:220px;transition:all var(--transition-fast)}.tenant-select:focus{border-color:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple-glow)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-control{width:100%;background:#0a081299;border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 16px;border-radius:10px;font-family:var(--font-body);font-size:14px;outline:none;transition:all var(--transition-fast)}.form-control:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-glow)}textarea.form-control{min-height:120px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#7b2cbf);color:#fff;box-shadow:0 4px 15px #9d4edd4d}.btn-primary:hover{background:linear-gradient(135deg,#ae66e3,#8a3cd9);transform:translateY(-1px);box-shadow:0 6px 20px #9d4edd73}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff26}.btn-danger{background:linear-gradient(135deg,var(--error-red),#b70329);color:#fff;box-shadow:0 4px 15px var(--error-glow)}.btn-danger:hover{background:linear-gradient(135deg,#e62243,#c50c33);transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:20px}.stat-icon-box{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon-box.purple{background:#9d4edd1f;border:1px solid rgba(157,78,221,.25);color:var(--accent-purple)}.stat-icon-box.blue{background:#00b4d81f;border:1px solid rgba(0,180,216,.25);color:var(--accent-blue)}.stat-icon-box.green{background:#38b0001f;border:1px solid rgba(56,176,0,.25);color:var(--success-green)}.stat-icon-box.red{background:#d904291f;border:1px solid rgba(217,4,41,.25);color:var(--error-red)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;font-family:var(--font-headings);line-height:1.2}.stat-label{color:var(--text-secondary);font-size:13px;margin-top:2px}.chat-widget-container{display:grid;grid-template-columns:320px 1fr;gap:24px;height:calc(100vh - 200px)}.chat-agents-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.chat-agent-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#ffffff05;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.chat-agent-item:hover{background:#ffffff0d}.chat-agent-item.selected{background:#9d4edd14;border-color:var(--accent-purple)}.agent-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1b1830,var(--accent-purple));border:2px solid var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:18px}.agent-meta-info{display:flex;flex-direction:column;gap:2px}.agent-meta-name{font-weight:600;font-size:14px}.agent-meta-mode{font-size:11px;color:var(--text-secondary);background:#ffffff0f;padding:2px 6px;border-radius:4px;width:fit-content}.chat-window{display:flex;flex-direction:column;height:100%}.chat-history{flex-grow:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--glass-border)}.chat-message-bubble{max-width:75%;padding:14px 18px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap}.chat-message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-purple),#7b2cbf);color:#fff;border-bottom-right-radius:2px}.chat-message-bubble.bot{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:2px;border:1px solid var(--glass-border)}.rag-sources-wrapper{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.rag-source-header{font-size:11px;color:var(--accent-blue);font-weight:600;margin-bottom:6px;text-transform:uppercase}.rag-source-chunk{font-size:11px;background:#00b4d80f;border:1px solid rgba(0,180,216,.15);color:var(--text-secondary);padding:6px 10px;border-radius:6px;margin-bottom:4px}.chat-input-bar{display:flex;gap:12px;padding:16px;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.success{background:#38b0001f;color:var(--success-green);border:1px solid rgba(56,176,0,.2)}.status-badge.error{background:#d904291f;color:var(--error-red);border:1px solid rgba(217,4,41,.2)}.badge-pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-badge 1.5s infinite}@keyframes pulse-badge{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}.table-wrapper{overflow-x:auto;margin-top:15px}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{padding:14px 16px;border-bottom:2px solid var(--glass-border);color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.premium-table td{padding:16px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:14px}.premium-table tr:hover td{background:#ffffff05}.tab-header{border-bottom:1px solid var(--glass-border);margin-bottom:24px;display:flex;gap:15px}.tab-nav-btn{background:transparent;border:none;color:var(--text-secondary);padding:12px 18px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast)}.tab-nav-btn:hover{color:var(--text-primary)}.tab-nav-btn.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple);font-weight:600}.dropzone{border:2px dashed var(--glass-border);background:#ffffff03;padding:40px;border-radius:14px;text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-bottom:24px}.dropzone:hover{border-color:var(--accent-purple);background:#9d4edd05}.dropzone-icon{font-size:38px;color:var(--text-muted);margin-bottom:12px}.dropzone-text{font-size:14px;color:var(--text-secondary);margin-bottom:6px}.dropzone-subtext{font-size:12px;color:var(--text-muted)}
