:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-success: #10b981;--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-border: #fca5a5;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #1a202c;--color-text-primary: #1a202c;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f3f4f6;--color-bg-tertiary: #f9fafb;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .12);--shadow-primary: 0 2px 8px rgba(102, 126, 234, .2);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .2s;--transition-base: .3s;--transition-slow: .5s;--z-dropdown: 100;--z-modal: 200;--navbar-height: 64px;--max-width: 1400px;--max-width-content: 800px;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1600px}*{box-sizing:border-box}h1{text-shadow:0 2px 4px rgba(0,0,0,.1)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--color-gray-100);-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;margin:0;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.container-content{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--spacing-lg);width:100%}.floating-container{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);margin:var(--spacing-md)}.floating-container-compact{padding:var(--spacing-md);margin:var(--spacing-sm)}.floating-container-spacious{padding:var(--spacing-2xl);margin:var(--spacing-lg)}.card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--spacing-2xl);margin:var(--spacing-md)}.card-compact{padding:var(--spacing-xl);margin:var(--spacing-sm)}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.btn-primary{background:var(--color-primary-gradient);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:2px solid var(--color-gray-200)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-full);background:transparent;color:var(--color-gray-500);min-width:32px;min-height:32px;flex-shrink:0}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-text-secondary)}.input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input::placeholder{color:var(--color-gray-400)}.text-error{background-color:var(--color-error-light);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-error-border)}.navbar{width:calc(100% - var(--spacing-md) * 2);max-width:1600px;margin:var(--spacing-md) auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);position:sticky;top:var(--spacing-md);z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-sizing:border-box;margin-left:auto;margin-right:auto;width:calc(100% - var(--spacing-md) * 2 - 2px);transition:background-color .3s ease,opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1),visibility .4s ease;transform:translateY(0);visibility:visible}.navbar-hidden{transform:translateY(calc(-100% - var(--spacing-md) * 2));pointer-events:none;opacity:0}.navbar-hidden .navbar-content{pointer-events:none}.navbar-pin-button{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:none;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:calc(var(--z-dropdown) + 1);color:var(--color-text-secondary);pointer-events:auto!important;opacity:.6!important;transform:translateY(0)!important}.navbar-pin-button:hover{background:#ffffffe6;opacity:1!important;transform:translateY(0) scale(1.1)!important}.navbar-pin-button:active{transform:translateY(0) scale(.95)!important}.navbar-transparent{background:#ffffff40!important}.navbar-transparent:hover{background:#fffffff2!important}.navbar-content{width:100%;margin:0;padding:0 var(--spacing-lg);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-xl);height:var(--navbar-height);box-sizing:border-box}.navbar-logo{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-md)}.navbar-logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.navbar-logo-icon svg{filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));transition:transform .3s ease}.navbar-logo-icon:hover svg{transform:scale(1.05)}.navbar-logo-text{margin:0;font-weight:500;font-size:1.5rem;line-height:1}.logo-uts-portal{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700;color:#1a202c;letter-spacing:-.02em;background:none;text-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-text-fill-color:#1a202c;animation:none;text-shadow:none;filter:none}.logo-separator{margin:0 .125rem}.logo-iq{font-weight:700}.navbar-menu{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:100%}.nav-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;height:40px;font-family:inherit}.nav-menu-item:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.nav-menu-item.active{color:var(--color-primary);background:#667eea14}.nav-menu-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.nav-menu-item svg{flex-shrink:0;opacity:.8}.nav-menu-item.active svg{opacity:1}.nav-menu-item span{white-space:nowrap}.navbar-logo-icons{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logo-icon-document{position:absolute;width:36px;height:36px;z-index:1}.document-icon{animation:document-subtle-pulse 4s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(102,126,234,.4))}.document-icon-fold{animation:document-subtle-pulse 4s ease-in-out infinite}.document-lines{animation:document-lines-fade 3s ease-in-out infinite}.stars-group{transform-origin:center}.star{transform-origin:center;filter:drop-shadow(0 0 3px rgba(251,191,36,.9))}.star-1{animation:star-pass-by-1 4s ease-in-out infinite}.star-2{animation:star-pass-by-2 4.5s ease-in-out infinite;animation-delay:.5s}.star-3{animation:star-pass-by-3 3.8s ease-in-out infinite;animation-delay:1s}.star-4{animation:star-pass-by-4 4.2s ease-in-out infinite;animation-delay:1.5s}.star-5{animation:star-pass-by-5 3.5s ease-in-out infinite;animation-delay:.2s}.star-6{animation:star-pass-by-6 4.8s ease-in-out infinite;animation-delay:2s}@keyframes document-subtle-pulse{0%,to{opacity:.95;filter:drop-shadow(0 2px 6px rgba(102,126,234,.4))}50%{opacity:1;filter:drop-shadow(0 3px 8px rgba(102,126,234,.6))}}@keyframes document-lines-fade{0%,to{opacity:.7}50%{opacity:.9}}@keyframes uts-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes star-pass-by-1{0%{opacity:0;transform:translate(-8px,-8px) scale(.8) rotate(0)}20%{opacity:1;transform:translate(2px,-2px) scale(1.1) rotate(15deg)}50%{opacity:1;transform:translate(6px,2px) scale(1.2) rotate(30deg)}80%{opacity:.8;transform:translate(10px,6px) scale(1) rotate(45deg)}to{opacity:0;transform:translate(12px,10px) scale(.7) rotate(60deg)}}@keyframes star-pass-by-2{0%{opacity:0;transform:translate(8px,-10px) scale(.7) rotate(0)}15%{opacity:.9;transform:translateY(-4px) scale(1) rotate(-12deg)}45%{opacity:1;transform:translate(-4px) scale(1.15) rotate(-25deg)}75%{opacity:.7;transform:translate(-8px,4px) scale(.9) rotate(-35deg)}to{opacity:0;transform:translate(-12px,8px) scale(.6) rotate(-45deg)}}@keyframes star-pass-by-3{0%{opacity:0;transform:translate(10px,8px) scale(.8) rotate(0)}25%{opacity:1;transform:translate(4px,2px) scale(1.1) rotate(20deg)}50%{opacity:1;transform:translate(-2px,-2px) scale(1.2) rotate(40deg)}75%{opacity:.6;transform:translate(-6px,-6px) scale(.9) rotate(50deg)}to{opacity:0;transform:translate(-10px,-10px) scale(.6) rotate(60deg)}}@keyframes star-pass-by-4{0%{opacity:0;transform:translate(-6px,10px) scale(.7) rotate(0)}20%{opacity:.9;transform:translate(-2px,4px) scale(1) rotate(-15deg)}50%{opacity:1;transform:translate(2px,-2px) scale(1.15) rotate(-30deg)}80%{opacity:.7;transform:translate(6px,-6px) scale(.9) rotate(-40deg)}to{opacity:0;transform:translate(10px,-10px) scale(.6) rotate(-50deg)}}@keyframes star-pass-by-5{0%{opacity:0;transform:translateY(-12px) scale(.8) rotate(0)}30%{opacity:1;transform:translateY(-4px) scale(1.2) rotate(25deg)}60%{opacity:1;transform:translateY(2px) scale(1.3) rotate(50deg)}90%{opacity:.5;transform:translateY(8px) scale(.8) rotate(70deg)}to{opacity:0;transform:translateY(12px) scale(.5) rotate(90deg)}}@keyframes star-pass-by-6{0%{opacity:0;transform:translate(8px,12px) scale(.7) rotate(0)}25%{opacity:.8;transform:translate(4px,6px) scale(1) rotate(-20deg)}55%{opacity:1;transform:translate(-2px) scale(1.2) rotate(-40deg)}85%{opacity:.6;transform:translate(-6px,-4px) scale(.9) rotate(-55deg)}to{opacity:0;transform:translate(-10px,-8px) scale(.6) rotate(-70deg)}}.chat-layout{display:flex;flex-direction:column;width:calc(100% - var(--spacing-md) * 2);max-width:1600px;margin:var(--spacing-md) auto;gap:var(--spacing-md);min-height:0;padding-bottom:calc(100px + var(--spacing-md) * 3);box-sizing:border-box;margin-top:calc(var(--navbar-height) + var(--spacing-md))}.chat-main{width:100%;display:flex;flex-direction:column;overflow:hidden}.chat-sidebar{width:300px;flex-shrink:0;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;transition:width var(--transition-fast);position:relative;overflow:hidden;height:calc(100vh - var(--navbar-height) - var(--spacing-md) * 4 - 120px);max-height:calc(100vh - var(--navbar-height) - var(--spacing-md) * 4 - 120px);box-sizing:border-box}.chat-sidebar.collapsed{width:auto;height:auto;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:0}.chat-sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);background:var(--color-bg-primary);min-height:60px;cursor:default}.sidebar-expand-btn{width:48px;height:48px;border:1px solid var(--color-gray-200);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0}.sidebar-expand-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translate(2px)}.header-controls{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.new-chat-button-inline{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-gradient);color:var(--color-text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center}.new-chat-button-inline:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.new-chat-button-inline:disabled{opacity:.6;cursor:not-allowed;transform:none}.sidebar-toggle-btn{width:36px;height:36px;border:1px solid var(--color-gray-200);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle-btn.collapsed-icon{width:48px;height:48px;border:none;background:transparent;color:var(--color-primary)}.sidebar-toggle-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.chat-sidebar-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.chat-sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-md);background:var(--color-bg-secondary)}.chat-sidebar-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-secondary);background:var(--color-bg-primary);border-radius:var(--radius-md);margin:var(--spacing-md)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-gray-200);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.chat-sidebar-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-secondary);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);margin:var(--spacing-md)}.chat-sidebar-empty p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.empty-subtitle{font-size:var(--font-size-xs)!important;color:var(--color-text-tertiary)!important;margin:0!important}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-sm);margin-bottom:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.chat-list-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.clear-all-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.clear-all-button:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-error)}.clear-all-button:disabled{opacity:.4;cursor:not-allowed}.clear-all-button svg{flex-shrink:0}.chat-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.chat-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-gray-200);position:relative;background:var(--color-bg-primary);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.chat-item:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-item.active{background:var(--color-primary)!important;color:#fff!important;border:2px solid var(--color-primary)!important;box-shadow:var(--shadow-primary);font-weight:600;transform:none}.chat-item.active:hover{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important}.chat-item.active .chat-item-title{color:#fff!important;font-weight:600}.chat-item.active .chat-item-date,.chat-item.active .chat-item-count{color:#fff!important;opacity:.95}.chat-item-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.chat-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4;color:inherit}.chat-item-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-xs)}.chat-item-date{color:inherit}.chat-item-count{background:var(--color-gray-200);color:var(--color-text-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.chat-item.active .chat-item-count{background:#ffffff40;color:#fff}.chat-item-delete{width:28px;height:28px;border:1px solid var(--color-gray-200);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.chat-item:hover .chat-item-delete{opacity:1;border-color:var(--color-error);color:var(--color-error)}.chat-item-delete:hover{background:var(--color-error);color:#fff;border-color:var(--color-error);opacity:1}.chat-item.active .chat-item-delete{border-color:#ffffff4d;background:#ffffff1a;color:#fff;opacity:.8}.chat-item.active .chat-item-delete:hover{background:#fff3;border-color:#fff6;opacity:1}.chat-sidebar-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-sidebar-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);max-width:400px;width:90%;margin:var(--spacing-lg)}.chat-sidebar-modal h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-sidebar-modal p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.chat-sidebar-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.navbar-logo h1{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:6px;line-height:1.2}.animated-logo{font-weight:var(--font-weight-bold);letter-spacing:-.02em}.logo-uts{position:relative;font-weight:900;font-size:1.6rem;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;text-shadow:0 2px 8px rgba(102,126,234,.3);animation:uts-gradient-shift 3s ease infinite;filter:drop-shadow(0 1px 2px rgba(102,126,234,.2))}.logo-agentiq{font-weight:var(--font-weight-semibold);background:linear-gradient(90deg,#667eea,#a855f7,#ec4899,#f97316,#06b6d4,#3b82f6,#8b5cf6 90%,#667eea);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:agentiqGradient 8s ease-in-out infinite;filter:brightness(1.1)}@keyframes agentiqGradient{0%,to{background-position:0% center}50%{background-position:100% center}}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md);padding-right:var(--spacing-lg);min-width:fit-content;flex-shrink:0}.navbar-client-info{position:relative;display:flex;align-items:center}.client-info-static{display:flex;flex-direction:column;align-items:flex-end;padding-right:var(--spacing-md);border-right:1px solid var(--color-gray-200);margin-right:var(--spacing-md)}.client-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;transition:all .2s;margin-right:var(--spacing-md);border-right:1px solid var(--color-gray-200);padding-right:var(--spacing-lg)}.client-selector:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.client-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.client-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.client-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary);line-height:1.2}.client-id{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.2;margin-top:2px}.client-status{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;display:inline-block}.client-status.status-active{background:var(--color-success);color:#fff}.client-status.status-demo{background:#3b82f6;color:#fff}.client-status.status-disabled{background:var(--color-gray-400);color:#fff}.client-selector svg{color:var(--color-text-tertiary);transition:transform .2s}.client-selector:hover svg{color:var(--color-text-primary)}.client-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-bg-primary);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;z-index:1000;min-width:280px;max-width:400px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.client-dropdown-loading,.client-dropdown-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:.9rem}.client-dropdown-list{max-height:400px;overflow-y:auto;overflow-x:hidden}.client-dropdown-list::-webkit-scrollbar{width:8px}.client-dropdown-list::-webkit-scrollbar-track{background:var(--color-gray-100)}.client-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.client-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.client-dropdown-item{width:100%;padding:var(--spacing-md);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--color-gray-100);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.client-dropdown-item:last-child{border-bottom:none}.client-dropdown-item:hover{background:var(--color-gray-50)}.client-dropdown-item.active{background:var(--color-primary);color:#fff}.client-dropdown-item.active .client-dropdown-name,.client-dropdown-item.active .client-dropdown-id,.client-dropdown-item.active .client-dropdown-status{color:#fff}.client-dropdown-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.client-dropdown-id{font-size:.75rem;color:var(--color-text-tertiary)}.client-dropdown-status{font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);margin-top:4px}.client-dropdown-status.status-active{background:var(--color-success);color:#fff}.client-dropdown-status.status-demo{background:#3b82f6;color:#fff}.client-dropdown-status.status-disabled{background:var(--color-gray-400);color:#fff}.settings-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--transition-fast);flex-shrink:0;box-sizing:border-box}.settings-button:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.settings-button:active{transform:scale(.95)}.settings-button svg{width:24px;height:24px;opacity:.8;transition:opacity var(--transition-fast)}.settings-button:hover svg{opacity:1}.navbar-user{position:relative}.user-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-full);border:2px solid var(--color-gray-200);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;overflow:hidden;flex-shrink:0;box-sizing:border-box}.user-avatar:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:1;color:var(--color-text-white)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;overflow:hidden;animation:slideDown var(--transition-fast) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-gray-50)}.dropdown-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-gradient);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-avatar span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.dropdown-info{flex:1;min-width:0}.dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--color-gray-200);margin:0}.dropdown-item{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.dropdown-item:hover{background-color:var(--color-gray-100)}.dropdown-item:active{background-color:var(--color-gray-200)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:var(--color-primary-gradient)}.login-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-3xl);width:100%;max-width:420px;animation:slideUp var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.login-header p{color:var(--color-text-tertiary);font-size:.95rem;margin:0}.google-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-primary);color:var(--color-text-secondary);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.google-button:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.google-button:active:not(:disabled){transform:translateY(1px)}.google-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--color-gray-400);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-gray-200)}.divider span{padding:0 var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.form-group input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--color-text-muted)}.login-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary-gradient);color:var(--color-text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);text-align:center}.chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height) - 1.5rem);width:calc(100% - 1.5rem);margin:var(--spacing-md) auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;animation:fadeIn var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-welcome h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.chat-welcome p{font-size:var(--font-size-base);color:var(--color-text-tertiary);margin:0}.message{display:flex;gap:var(--spacing-lg);animation:slideIn var(--transition-base) ease-out;max-width:75%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start;max-width:70%;width:70%}@media(max-width:768px){.message.assistant{max-width:100%;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-full);border:2px solid var(--color-gray-200);background:var(--color-primary-gradient);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.message.assistant .message-avatar{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.message-content{flex:1;min-width:0}.message-text{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);line-height:1.6;word-wrap:break-word;white-space:pre-wrap;animation:messageAppear var(--transition-base) ease-out}@keyframes messageAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message.user .message-text{background:var(--color-primary-gradient);color:var(--color-text-white);border-bottom-right-radius:var(--radius-sm)}.message.assistant .message-text{background:var(--color-gray-100);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.message.loading .message-content{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.typing-indicator{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) 0}.typing-indicator span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-gray-400);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{position:fixed;bottom:var(--spacing-md);left:50%;transform:translate(-50%);background:var(--color-bg-primary);padding:var(--spacing-sm) var(--spacing-lg);width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-dropdown);box-sizing:border-box}.chat-tabs-container{display:flex;align-items:center;width:100%;overflow:hidden;border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.chat-tabs-scroll{display:flex;align-items:center;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.chat-tabs-scroll::-webkit-scrollbar{height:4px}.chat-tabs-scroll::-webkit-scrollbar-track{background:transparent}.chat-tabs-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.chat-tabs-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.chat-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);position:relative;min-width:0}.chat-tab:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.chat-tab.active{background:var(--color-primary-gradient);border-color:var(--color-primary);color:var(--color-text-white)}.chat-tab.active .chat-tab-close{color:var(--color-text-white);opacity:.8}.chat-tab.active .chat-tab-close:hover{opacity:1;background:#fff3}.chat-tab-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-medium);flex:1;min-width:0}.chat-tab-edit{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);padding:0;transition:all var(--transition-fast);flex-shrink:0;opacity:.6;margin-right:var(--spacing-xs);order:-1}.chat-tab-edit:hover{opacity:1;background:var(--color-gray-200)}.chat-tab.active .chat-tab-edit{color:var(--color-text-white);opacity:.8}.chat-tab.active .chat-tab-edit:hover{opacity:1;background:#fff3}.chat-tab-edit-input{flex:1;border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-primary);outline:none;min-width:100px;max-width:200px;margin-right:var(--spacing-xs)}.chat-tab.active .chat-tab-edit-input{border-color:var(--color-text-white);background:#fffffff2;color:var(--color-text-primary)}.chat-tab-edit-input:focus{box-shadow:0 0 0 2px #667eea33;border-color:var(--color-primary)}.chat-tab.active .chat-tab-edit-input:focus{box-shadow:0 0 0 2px #ffffff4d;border-color:var(--color-text-white)}.chat-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);padding:0;transition:all var(--transition-fast);flex-shrink:0;opacity:.6}.chat-tab-close:hover{opacity:1;background:var(--color-gray-200)}.chat-tab-new{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed var(--color-gray-300);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;color:var(--color-text-secondary);padding:0}.chat-tab-new:hover{background:var(--color-gray-100);border-color:var(--color-primary);color:var(--color-primary)}.chat-delete-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-delete-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200);padding:var(--spacing-xl);max-width:400px;width:calc(100% - var(--spacing-md) * 2);animation:slideUp var(--transition-base) ease-out}.chat-delete-modal h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-delete-modal p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);line-height:1.5}.chat-delete-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.chat-delete-cancel,.chat-delete-confirm{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.chat-delete-cancel{background:var(--color-gray-100);color:var(--color-text-secondary)}.chat-delete-cancel:hover{background:var(--color-gray-200)}.chat-delete-confirm{background:var(--color-error);color:var(--color-text-white)}.chat-delete-confirm:hover{background:var(--color-error-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.agent-selector{display:flex;align-items:center;gap:var(--spacing-sm);padding:0}.agent-selector-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.agent-select-wrapper{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.agent-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.agent-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);flex:1;line-height:1.4}.agent-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.agent-select:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.chat-form{width:100%;max-width:100%}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%;max-width:100%;box-sizing:border-box}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;background:var(--color-bg-primary)}.chat-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);resize:none;max-height:80px;overflow-y:auto;line-height:1.4;padding:var(--spacing-xs) var(--spacing-sm);min-height:32px}.chat-input::placeholder{color:var(--color-gray-400)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-attachment-button{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-attachment-button:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary);transform:scale(1.05)}.chat-attachment-button:active:not(:disabled){transform:scale(.95)}.chat-attachment-button:disabled{opacity:.5;cursor:not-allowed}.attachment-spinner{width:16px;height:16px;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.chat-send-button{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--color-primary-gradient);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.chat-send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-primary)}.chat-send-button:active:not(:disabled){transform:scale(.95)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-300)}.send-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-white);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.endpoint-results-wrapper{width:100%}.endpoint-results-grid{display:grid;gap:var(--spacing-lg);width:100%}.endpoint-results-grid-single{grid-template-columns:1fr}.endpoint-results-grid-single .endpoint-result-card{grid-column:1 / -1;width:100%}.endpoint-results-grid-double{grid-template-columns:repeat(2,1fr)}.endpoint-results-grid-triple{grid-template-columns:repeat(3,1fr)}.response-time-footnote{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);font-size:11px;color:var(--color-text-tertiary);text-align:right;font-style:italic}.endpoint-result-card{background:var(--color-bg-primary);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;animation:slideIn var(--transition-base) ease-out;min-width:400px;display:flex;flex-direction:column}.endpoint-card-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.endpoint-card-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.confidence-pill{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #00000026;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;position:relative;overflow:hidden}.confidence-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.confidence-pill:hover:before{left:100%}.confidence-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.endpoint-card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.markdown-content{line-height:1.7;color:var(--color-text-primary)}.markdown-content p{margin:0 0 var(--spacing-md) 0}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.markdown-content h1{font-size:var(--font-size-xl)}.markdown-content h2{font-size:var(--font-size-lg)}.markdown-content h3{font-size:var(--font-size-base)}.markdown-content ul,.markdown-content ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-xl)}.markdown-content li{margin-bottom:var(--spacing-sm)}.markdown-content code{background:var(--color-gray-100);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9em;font-family:Monaco,Courier New,monospace}.markdown-content pre{background:var(--color-gray-900);color:var(--color-gray-50);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-md) 0}.markdown-content pre code{background:transparent;padding:0;color:inherit}.markdown-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.markdown-content a:hover{border-bottom-color:var(--color-primary)}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.markdown-content table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-xl) 0;font-size:var(--font-size-sm);overflow-x:auto;display:block;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a}.markdown-content table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-text-white)}.markdown-content table th{padding:var(--spacing-lg) var(--spacing-xl);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-white);font-size:var(--font-size-base);letter-spacing:.3px;border:none;position:sticky;top:0;z-index:10}.markdown-content table th:first-child{border-top-left-radius:var(--radius-lg)}.markdown-content table th:last-child{border-top-right-radius:var(--radius-lg)}.markdown-content table td{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);color:var(--color-text-secondary);background:var(--color-bg-primary);transition:background-color .2s ease}.markdown-content table tbody tr{transition:all .2s ease}.markdown-content table tbody tr:hover{background-color:#667eea0d;transform:scale(1.001);box-shadow:0 2px 8px #667eea1a}.markdown-content table tbody tr:hover td{background-color:transparent}.markdown-content table tbody tr:last-child td{border-bottom:none}.markdown-content table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.markdown-content table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.markdown-content table tbody tr:nth-child(2n) td{background-color:var(--color-gray-50)}.markdown-content table tbody tr:nth-child(2n):hover td{background-color:#667eea0d}.markdown-content sup{font-size:.7em;vertical-align:super;line-height:0;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-left:2px;cursor:pointer;transition:color .2s ease}.markdown-content sup:hover{color:var(--color-primary-dark);text-decoration:underline}.sources-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.sources-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.sources-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tools-badge,.tokens-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:500;background:var(--color-gray-100);color:var(--color-text-secondary);white-space:nowrap}.sources-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto;padding-right:var(--spacing-xs)}.sources-list::-webkit-scrollbar{width:6px}.sources-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.sources-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.sources-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.source-item{padding:var(--spacing-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all .2s ease}.source-item:hover{background:var(--color-gray-100);border-color:var(--color-primary);box-shadow:0 2px 8px #00000014;transform:translate(2px)}.source-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md);flex-wrap:wrap}.source-name-section{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.source-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap}.source-file-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-meta-badges{display:flex;gap:var(--spacing-xs);align-items:center;flex-shrink:0}.relevance-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.page-badge{font-size:10px;font-weight:500;padding:4px 8px;border-radius:12px;background:var(--color-gray-200);color:var(--color-text-secondary);white-space:nowrap}.source-snippet{font-size:11px;line-height:1.5;color:var(--color-text-secondary);padding:var(--spacing-sm);background:var(--color-bg-primary);border-left:3px solid var(--color-primary);border-radius:4px;margin-top:var(--spacing-sm);position:relative;padding-left:var(--spacing-md)}.source-snippet:before{content:'"';position:absolute;left:6px;top:4px;font-size:16px;color:var(--color-primary);opacity:.5;font-family:Georgia,serif}.error-text{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.error-response{background:var(--color-error-light);border:1px solid var(--color-error-border)}.skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-line.short{width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.thinking-indicator{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center;padding:var(--spacing-md) 0}.thinking-indicator span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);animation:thinking-pulse 1.4s ease-in-out infinite}.thinking-indicator span:nth-child(1){animation-delay:0s}.thinking-indicator span:nth-child(2){animation-delay:.2s}.thinking-indicator span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}.generating-indicator{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.thinking-dots{display:flex;gap:var(--spacing-xs);align-items:center}.thinking-dots span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);animation:thinking-pulse 1.4s ease-in-out infinite}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.generating-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-gray-50) 100%)}.landing-hero{text-align:center;max-width:800px;margin-bottom:var(--spacing-xxl)}.landing-title{font-size:3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.landing-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;width:100%;margin-top:var(--spacing-xxl)}.feature-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-primary);display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-full)}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.agent-container,.admin-container{min-height:100vh;display:flex;flex-direction:column}.landing-container{min-height:100vh;background:var(--color-bg-secondary);display:flex;flex-direction:column;padding:0}.settings-container{min-height:100vh;background:transparent;display:flex;flex-direction:column}.settings-content,.settings-content-wrapper{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;padding:0;box-sizing:border-box;margin-left:auto;margin-right:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg) 0;min-height:60px}.settings-header-actions{display:flex;align-items:center;gap:var(--spacing-md);height:40px}.settings-header-title{display:flex;align-items:center;gap:var(--spacing-lg);height:40px}.settings-icon-container{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.settings-icon-gear,.settings-icon-cog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-icon-gear{color:var(--color-primary);z-index:2;opacity:1}.settings-icon-cog{animation:pulse 2s ease-in-out infinite;opacity:.4;color:var(--color-gray-400);z-index:1}.icon-secondary-animated{opacity:.5;color:var(--color-gray-400)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.settings-back-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.settings-back-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.settings-back-button:active{transform:scale(.98)}.settings-header-title h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:0;overflow:hidden;margin:0;width:100%;box-sizing:border-box}.settings-tabs{display:flex;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.settings-tab{flex:1;padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.settings-tab:hover{color:var(--color-text-secondary);background:var(--color-gray-100)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-primary)}.settings-tab-content{padding:var(--spacing-2xl)}.settings-section{margin-bottom:0}.settings-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.settings-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.settings-item{margin-bottom:var(--spacing-xl)}.settings-item:last-child{margin-bottom:0}.settings-item label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.settings-item label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;margin-bottom:0}.settings-item input[type=checkbox]{width:var(--spacing-lg);height:var(--spacing-lg);cursor:pointer;accent-color:var(--color-primary)}.settings-select{width:100%;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-secondary);background:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast)}.settings-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.upload-area{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-md);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:all var(--transition-fast)}.upload-area:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.upload-options{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.conflict-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);color:var(--color-warning-800)}.conflict-warning ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.conflict-warning li{margin-bottom:var(--spacing-xs)}.file-input{display:none}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary-gradient);color:var(--color-text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-family:inherit}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;text-align:center}.files-list{margin-top:var(--spacing-sm)}.files-table{width:100%;border-collapse:collapse;margin-top:0;background:var(--color-bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.files-table th,.files-table td{padding:0;text-align:left;border-bottom:1px solid var(--color-gray-200)}.files-table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:2px solid var(--color-gray-300)}.files-table tr:hover{background:var(--color-gray-25)}.file-name-cell{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.file-size-cell{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-actions-cell{text-align:right;min-width:100px}.file-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-md);transition:all var(--transition-fast)}.file-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.file-info{flex:1;min-width:0}.file-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-xs)}.file-size{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.view-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;padding:0}.view-button:hover{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.delete-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.delete-button:hover{background:var(--color-error-light);border-color:var(--color-error-border)}.delete-button:active{transform:scale(.95)}.endpoint-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.endpoint-input{padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-secondary);transition:all var(--transition-fast)}.endpoint-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.endpoints-list{margin-top:var(--spacing-lg)}.endpoints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.endpoint-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);gap:var(--spacing-md)}.endpoint-info{flex:1}.endpoint-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.endpoint-url{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;word-break:break-all}.endpoint-card .delete-button{align-self:flex-end}.empty-state{text-align:center;color:var(--color-gray-400);font-size:var(--font-size-sm);padding:var(--spacing-2xl);margin:0}.agents-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-2xl);min-height:600px}.agents-column{display:flex;flex-direction:column;gap:var(--spacing-lg);border-right:1px solid var(--color-gray-200);padding-right:var(--spacing-2xl)}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.agents-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agents-grid{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:calc(100vh - 300px);overflow-y:auto}.agents-grid::-webkit-scrollbar{width:8px}.agents-grid::-webkit-scrollbar-track{background:transparent}.agents-grid::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.agents-grid::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.agent-card{padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);margin:var(--spacing-md)}.agent-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.agent-card.active{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-primary)}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.agent-card-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.agent-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.agent-card-actions .btn-icon:not(.upload-button-card){border-radius:var(--radius-md)!important;background:var(--color-gray-100)!important;color:var(--color-text-secondary)!important;border:none!important;transition:all var(--transition-fast)}.agent-card-actions .btn-icon:not(.upload-button-card):hover{background:var(--color-gray-200)!important;color:var(--color-text-primary)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.agent-card-actions .delete-button{background:var(--color-error-light)!important;color:var(--color-error)!important}.agent-card-actions .delete-button:hover{background:#fee2e2!important;color:#dc2626!important}.agent-card-info{margin:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.agent-id{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;font-family:monospace}.agent-info-item{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-xs);line-height:1.4}.agent-info-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0;min-width:90px}.agent-info-value{color:var(--color-text-primary);flex:1;word-break:break-word}.agent-info-value.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.agent-card-footer{margin-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.upload-button-card{display:flex!important;align-items:center!important;gap:var(--spacing-xs)!important;background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-md)!important;border:none!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-fast);white-space:nowrap}.upload-button-card:hover{background:var(--color-primary-dark)!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.upload-button-card svg{flex-shrink:0}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.enabled{background:var(--color-success);color:var(--color-text-white)}.status-badge.disabled{background:var(--color-gray-300);color:var(--color-text-secondary)}.agent-form-card{padding:var(--spacing-xl);background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.agent-form-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.endpoint-group{padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.endpoint-group h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.endpoint-group h4:before{content:"";width:4px;height:16px;background:var(--color-primary-gradient);border-radius:2px}.endpoint-group .form-group:last-child{margin-bottom:0}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.upload-column{display:flex;flex-direction:column;gap:var(--spacing-xl)}.upload-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.upload-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-tertiary);font-size:var(--font-size-base)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl);max-width:400px;width:100%;padding:var(--spacing-2xl)}.loading-logo{display:flex;align-items:center;justify-content:center}.logo-square{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-sm);animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.6}}.loading-text-container{text-align:center;width:100%}.loading-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase}.loading-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.status-text{font-weight:var(--font-weight-normal)}.status-dot{color:var(--color-primary);animation:dotBlink 1.5s ease-in-out infinite;font-size:.5rem}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.loading-bar{width:100%;height:2px;background:var(--color-gray-200);border-radius:1px;overflow:hidden;position:relative}.bar-fill{height:100%;width:40%;background:var(--color-primary);border-radius:1px;animation:barMove 1.5s ease-in-out infinite}@keyframes barMove{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}@media(max-width:575px){:root{--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem}.navbar{padding:var(--spacing-sm)}.navbar-content{padding:0 var(--spacing-sm);gap:var(--spacing-sm)}.navbar-logo h1{font-size:1rem}.chat-layout{width:calc(100% - var(--spacing-md) * 2);margin:var(--spacing-md) auto;margin-top:calc(var(--navbar-height) + var(--spacing-md));padding-bottom:calc(120px + var(--spacing-md) * 2)}.chat-main{min-height:50vh}.chat-tabs-container{padding-bottom:var(--spacing-xs)}.chat-tab-title{max-width:100px}.chat-input-container{width:calc(100% - var(--spacing-md) * 2);padding:var(--spacing-md) var(--spacing-sm);bottom:var(--spacing-sm)}.settings-content{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;margin-left:auto;margin-right:auto;padding:0}.settings-header,.automation-header,.integration-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.settings-header-actions{width:100%}.message{max-width:85%}.agent-selector{flex-direction:column;gap:var(--spacing-xs)}.endpoint-results-grid,.files-grid,.endpoints-grid,.agents-layout{grid-template-columns:1fr}}@media(min-width:576px)and (max-width:767px){.chat-tab-title{max-width:120px}.chat-input-container{width:calc(100% - var(--spacing-md) * 2);padding:var(--spacing-md) var(--spacing-lg)}.settings-content,.settings-content-wrapper{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;margin-left:auto;margin-right:auto;padding:0}.message{max-width:80%}.endpoint-results-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.chat-layout{margin-top:calc(var(--navbar-height) + var(--spacing-md))}.chat-tab-title{max-width:150px}.chat-input-container{width:calc(100% - var(--spacing-md) * 2);padding:var(--spacing-lg) var(--spacing-xl)}.settings-content,.settings-content-wrapper{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;margin-left:auto;margin-right:auto;padding:0}.endpoint-results-grid,.files-grid,.endpoints-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.chat-layout{margin-top:calc(var(--navbar-height) + var(--spacing-md))}.chat-tab-title{max-width:150px}.chat-input-container{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;padding:var(--spacing-lg) var(--spacing-xl)}.settings-content,.settings-content-wrapper{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;margin-left:auto;margin-right:auto;padding:0}.endpoint-results-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.chat-input-container{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;padding:var(--spacing-lg) var(--spacing-xl)}.settings-content,.settings-content-wrapper{width:calc(100% - var(--spacing-md) * 2 - 2px);max-width:1598px;margin:var(--spacing-md) auto;margin-left:auto;margin-right:auto;padding:0}}.debug-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn var(--transition-fast) ease-out}.debug-drawer{position:fixed;top:0;right:0;width:500px;max-width:90vw;height:100vh;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);z-index:1000;display:flex;flex-direction:column;animation:slideInRight var(--transition-base) ease-out;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.debug-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);flex-shrink:0}.debug-drawer-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.debug-drawer-close{width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.debug-drawer-close:hover{background:var(--color-gray-200);color:var(--color-text-primary)}.debug-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.debug-drawer-content::-webkit-scrollbar{width:8px}.debug-drawer-content::-webkit-scrollbar-track{background:transparent}.debug-drawer-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.debug-drawer-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.debug-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.debug-section h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.debug-code{margin:0;padding:var(--spacing-lg);background:var(--color-gray-900);color:var(--color-gray-50);border-radius:var(--radius-md);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.debug-code::-webkit-scrollbar{height:8px}.debug-code::-webkit-scrollbar-track{background:var(--color-gray-800);border-radius:var(--radius-sm)}.debug-code::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-sm)}.debug-code::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media(max-width:768px){.debug-drawer{width:100vw;max-width:100vw}.debug-drawer-header{padding:var(--spacing-md) var(--spacing-lg)}.debug-drawer-content{padding:var(--spacing-lg);gap:var(--spacing-xl)}.debug-code{font-size:var(--font-size-xs);padding:var(--spacing-md)}}.automation-header,.integration-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background:transparent;border-radius:0;box-shadow:none;border:none;margin:0 0 var(--spacing-lg) 0;min-height:60px}.automation-header h1,.integration-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.automation-form,.integration-form{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.code-editor-wrapper{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden}.code-editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-300)}.code-editor{width:100%;padding:var(--spacing-md);border:none;resize:vertical;font-family:Courier New,monospace;background:var(--color-bg-primary)}.error-text{color:var(--color-error);font-size:.85rem}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.automation-list,.integration-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.automation-card,.integration-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);margin:0}.automation-card:hover,.integration-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.automation-card-content,.integration-card-content{flex:1}.automation-card h3,.integration-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.automation-description,.integration-description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md);line-height:1.5}.automation-meta,.integration-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.85rem;color:var(--color-text-tertiary)}.automation-card-actions,.integration-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.automation-view-container,.integration-view-container{padding:var(--spacing-xl);height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column}.automation-view-header,.integration-view-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.automation-view-header h2,.integration-view-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.loading-container,.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}.loading-spinner{border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.btn-danger{background:var(--color-error);color:var(--color-text-white)}.btn-danger:hover{background:var(--color-error-dark)}.admin-header-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.admin-clients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.data-table-container{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden}.data-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table-row-clickable{cursor:pointer}.data-table td{padding:var(--spacing-md);color:var(--color-text-secondary);font-size:.9rem}.table-user-cell{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-initials-small{width:36px;height:36px;border-radius:50%;background:var(--color-primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.table-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.table-user-info strong{color:var(--color-text-primary);font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-user-email{font-size:.8rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-uid{font-family:monospace;font-size:.85rem;color:var(--color-text-tertiary)}.table-role{font-size:.875rem;color:var(--color-text-secondary)}.admin-clients-table-container{overflow-x:auto;width:100%}.admin-clients-table{width:100%;border-collapse:collapse;background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden}.admin-clients-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.admin-clients-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-clients-table tbody tr{border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background-color var(--transition-fast)}.admin-clients-table tbody tr:hover{background:var(--color-gray-50)}.admin-clients-table tbody tr:last-child{border-bottom:none}.admin-clients-table td{padding:var(--spacing-md);color:var(--color-text-secondary);font-size:.9rem}.admin-client-row strong{color:var(--color-text-primary);font-weight:600}.client-id-small{font-size:.75rem;color:var(--color-text-tertiary);margin-top:2px}.admin-table-actions{display:flex;gap:var(--spacing-xs)}.admin-search-container{position:relative;display:flex;align-items:center;margin-right:var(--spacing-md)}.admin-search-input{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 36px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.9rem;width:300px;transition:all var(--transition-fast)}.admin-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.admin-search-icon{position:absolute;left:var(--spacing-md);color:var(--color-text-tertiary);pointer-events:none}.admin-search-results{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;text-align:right}.admin-client-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);margin:var(--spacing-md)}.admin-client-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.admin-client-card-content{margin-bottom:var(--spacing-md)}.admin-client-card-content h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:1.25rem}.admin-client-card-content p{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:.9rem}.admin-client-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.admin-client-form{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.form-header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.admin-client-form .form-group{margin-bottom:var(--spacing-lg)}.admin-client-form .form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.admin-client-form .form-group input,.admin-client-form .form-group select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast);box-sizing:border-box}.admin-client-form .form-group input:focus,.admin-client-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.admin-client-form .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;padding-right:calc(var(--spacing-xl) + 12px)}.admin-client-form .form-group select:hover{border-color:var(--color-gray-400)}.admin-client-form .form-group select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.admin-client-form .form-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500;margin-bottom:0}.admin-client-form .form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0}.admin-client-form .form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.admin-client-view{width:100%}.admin-view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.admin-view-header h2{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.admin-view-header-improved{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.admin-back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.admin-back-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.admin-back-button svg{flex-shrink:0}.admin-view-title-section{flex:1;min-width:0}.admin-view-title{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-view-subtitle{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.admin-view-id{font-size:.875rem;color:var(--color-text-tertiary);font-family:monospace}.admin-client-info-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-client-info-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:1.25rem}.admin-client-info-card-improved{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.admin-section-title{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-grid>div{padding:var(--spacing-sm);color:var(--color-text-secondary)}.info-grid strong{color:var(--color-text-primary);margin-right:var(--spacing-sm)}.info-grid-improved{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.info-value{font-size:.95rem;color:var(--color-text-primary);font-weight:500}.admin-stats-widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.widget-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast);margin:var(--spacing-md)}.widget-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.widget-card h4{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.widget-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin:var(--spacing-md) 0}.widget-label{font-size:.85rem;color:var(--color-text-tertiary);margin:0}.admin-users-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-xl)}.admin-users-card-improved{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.admin-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.admin-users-header h3{margin:0;color:var(--color-text-primary);font-size:1.25rem}.admin-users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.admin-user-info{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.admin-user-name{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar,.user-avatar-initials{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:600;font-size:.9rem}.user-avatar{object-fit:cover}.admin-user-name strong{display:block;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.admin-user-name p{margin:0;color:var(--color-text-secondary);font-size:.85rem}.admin-user-meta{display:flex;gap:var(--spacing-sm);align-items:center}.user-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.user-status.status-active{background:var(--color-success);color:#fff}.user-status.status-inactive{background:var(--color-gray-400);color:#fff}.user-status.status-suspended{background:var(--color-error);color:#fff}.super-admin-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--color-primary);color:#fff;text-transform:uppercase}.admin-user-actions{display:flex;gap:var(--spacing-sm)}.admin-user-form-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-user-form-modal .modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.admin-user-form-modal .form-group{margin-bottom:var(--spacing-lg)}.admin-user-form-modal .form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.admin-user-form-modal .form-group input,.admin-user-form-modal .form-group select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast);box-sizing:border-box}.admin-user-form-modal .form-group input:focus,.admin-user-form-modal .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.admin-user-form-modal .form-group input:disabled,.admin-user-form-modal .form-group select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.admin-user-form-modal .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:12px;padding-right:calc(var(--spacing-xl) + 12px)}.admin-user-form-modal .form-group select:hover:not(:disabled){border-color:var(--color-gray-400)}.admin-user-form-modal .form-group label.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500;margin-bottom:0}.admin-user-form-modal .form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0;padding:0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.modal-header h3{margin:0;color:var(--color-text-primary)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end}.admin-user-form-modal .form-actions{padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}