:root{--font-family-base: "Inter", "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Menlo, monospace}::-webkit-scrollbar{width:1px!important;height:1px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:#94a3b84d!important;border-radius:0!important}::-webkit-scrollbar-thumb:hover{background:#94a3b880!important}.dark-mode ::-webkit-scrollbar-thumb{background:#fff3!important}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff59!important}.message-content table{border-collapse:collapse;margin:1rem 0;width:100%;max-width:100%;font-size:.875rem;line-height:1.5;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border);position:relative}.message-content .table-wrapper{position:relative;margin:1rem 0}.message-content .table-wrapper table{margin:0}.message-content .table-copy-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10;box-shadow:0 1px 3px #0000001a;color:var(--color-text-secondary)}.message-content .table-wrapper:hover .table-copy-btn{opacity:1}.message-content .table-copy-btn:hover{background:var(--qaralink-teal);color:#fff;border-color:var(--qaralink-teal);transform:scale(1.1)}.dark-mode .message-content .table-copy-btn{background:var(--color-bg-card);border-color:var(--color-border);box-shadow:0 1px 3px #0000004d}.message-content table thead{background:var(--qaralink-teal)}.message-content table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#000;border-bottom:2px solid rgba(0,0,0,.2);position:relative}.message-content table th:not(:last-child){border-right:1px solid rgba(0,0,0,.2)}.message-content table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.message-content table tbody tr:hover{background:var(--color-bg-selected)}.message-content table tbody tr:last-child{border-bottom:none}.message-content table td{padding:.75rem 1rem;border-right:1px solid var(--color-border);vertical-align:top}.message-content table td:last-child{border-right:none}.message-content table tbody tr:nth-child(2n){background:#2cb2b70d}.dark-mode .message-content table{border-color:var(--color-border);box-shadow:0 1px 3px #0000004d}.dark-mode .message-content table thead{background:var(--qaralink-teal)}.dark-mode .message-content table th{color:#fff;border-bottom:2px solid rgba(255,255,255,.2)}.dark-mode .message-content table th:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.dark-mode .message-content table tbody tr:nth-child(2n){background:#2cb2b70d}.dark-mode .message-content table tbody tr:hover{background:var(--color-bg-selected)}.dark-mode .message-content table td{border-color:var(--color-border)}@media (max-width: 768px){.message-content table{font-size:.75rem;margin:.75rem 0}.message-content table th,.message-content table td{padding:.5rem .75rem}}.message-content blockquote{margin:1rem 0;padding:1rem 1.25rem;border-left:4px solid var(--qaralink-teal);background:#2cb2b70d;font-style:italic;position:relative;border-radius:0 var(--radius-md) var(--radius-md) 0}.message-content blockquote p{margin:0;color:var(--color-text-primary)}.message-content blockquote p:first-child{margin-top:0}.message-content blockquote p:last-child{margin-bottom:0}.dark-mode .message-content blockquote{background:#2cb2b71a;border-left-color:var(--qaralink-teal)}.message-content blockquote blockquote{margin:.5rem 0;border-left-color:var(--color-text-secondary);background:#2cb2b708}.dark-mode .message-content blockquote blockquote{background:#2cb2b70d}.message-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#000000,transparent);margin:1.5rem 0;border-radius:1px}.dark-mode .message-content hr{background:linear-gradient(90deg,transparent,#ffffff,transparent)}.message-content a{color:var(--qaralink-teal);text-decoration:none;font-weight:500;border-bottom:1px dotted var(--qaralink-teal);transition:all .2s ease}.message-content a:hover{color:var(--qaralink-teal-hover);background-color:#2cb2b71a;border-bottom-color:var(--qaralink-teal-hover);border-radius:.25rem;padding:.125rem .25rem;margin:-.125rem -.25rem}.message-content a:visited{color:var(--qaralink-teal);border-bottom-color:var(--qaralink-teal);opacity:.8}.message-content a:visited:hover{color:var(--qaralink-teal-hover);background-color:#2cb2b71a;border-bottom-color:var(--qaralink-teal-hover);opacity:1}.dark-mode .message-content a{color:var(--qaralink-teal);border-bottom-color:var(--qaralink-teal)}.dark-mode .message-content a:hover{color:var(--qaralink-teal-hover);background-color:#2cb2b726;border-bottom-color:var(--qaralink-teal-hover)}.dark-mode .message-content a:visited{color:var(--qaralink-teal);border-bottom-color:var(--qaralink-teal);opacity:.8}.dark-mode .message-content a:visited:hover{color:var(--qaralink-teal-hover);background-color:#2cb2b726;border-bottom-color:var(--qaralink-teal-hover);opacity:1}.message-content code:not(pre code){background:#2cb2b71a;color:#000;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875em;font-weight:500;border:1px solid rgba(44,178,183,.2)}.dark-mode .message-content code:not(pre code){background:#2cb2b726;color:#fff;border-color:#2cb2b74d}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:var(--color-text-primary);font-family:var(--font-family-base);line-height:1.3;margin-top:clamp(1rem,3vw,2rem);margin-bottom:clamp(.5rem,2vw,1rem);font-weight:600;letter-spacing:-.02em}.message-content h1{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;line-height:1.2;margin-top:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(.75rem,2.5vw,1.25rem)}.message-content h2{font-size:clamp(1.15rem,3.2vw,1.6rem);font-weight:650;margin-top:clamp(1.25rem,3.5vw,2rem);margin-bottom:clamp(.625rem,2vw,1rem)}.message-content h3{font-size:clamp(1rem,2.5vw,1.3rem);margin-top:clamp(1rem,3vw,1.75rem);margin-bottom:clamp(.5rem,1.5vw,.875rem)}.message-content h4{font-size:clamp(.9rem,2vw,1.1rem);margin-top:clamp(.875rem,2.5vw,1.5rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}.message-content h5{font-size:clamp(.9375rem,2vw,1.125rem);margin-top:clamp(.75rem,2vw,1.25rem);margin-bottom:clamp(.375rem,1vw,.625rem)}.message-content h6{font-size:clamp(.875rem,1.8vw,1rem);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.075em;margin-top:clamp(.625rem,1.5vw,1rem);margin-bottom:clamp(.375rem,1vw,.5rem)}@media (max-width: 480px){.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin-top:clamp(.75rem,2vw,1rem);margin-bottom:clamp(.375rem,1vw,.5rem)}.message-content h1{padding-bottom:.25rem}}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.dark-mode *{scrollbar-color:rgba(255,255,255,.2) transparent}:root{--qaralink-teal: #2CB2B7;--qaralink-teal-hover: #249A9F;--qaralink-salmon: #FF6B6B;--qaralink-salmon-hover: #FF5252;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--color-bg-app: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--color-bg-welcome: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--color-bg-chat: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--color-bg-sidebar: #ffffff;--color-bg-card: #ffffff;--color-bg-selected: linear-gradient(135deg, #e2e8f0 0%, #d1d5db 100%);--color-text-primary: #1f2937;--color-text-secondary: #64748b;--color-text-muted: #9ca3af;--color-border: #e2e8f0;--color-border-hover: #d1d5db;--color-accent: var(--qaralink-teal);--color-accent-hover: var(--qaralink-teal-hover);--color-success: #10b981;--color-error: var(--qaralink-salmon);--color-error-hover: var(--qaralink-salmon-hover);--color-warning: #f59e0b}.dark-mode{--color-bg-app: linear-gradient(135deg, #0f1419 0%, #374151 100%);--color-bg-welcome: linear-gradient(135deg, #0f1419 0%, #374151 100%);--color-bg-chat: #374151;--color-bg-sidebar: #0f1419;--color-bg-card: #374151;--color-bg-selected: linear-gradient(135deg, #4b5563 0%, #374151 100%);--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #4b5563;--color-border-hover: #6b7280}*{box-sizing:border-box}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.25rem;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-mode ::-webkit-scrollbar-thumb{background:#475569}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#64748b}body{font-family:var(--font-family-base);margin:0;padding:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;transition:background-color .2s,color .2s}body.dark-mode{background:linear-gradient(135deg,#202226,#2a2e34);color:#e2e8f0}.sidebar{width:20rem;background:#f8fafc;border-right:none;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100%;position:relative;z-index:50;transition:width .3s ease,background-color .2s;overflow:hidden}.sidebar.sidebar-collapsed{width:4rem!important;background:#f8fafcf2!important;box-shadow:none!important;border-right:none!important;border:none!important}.dark-mode .sidebar{background:#202226;box-shadow:2px 0 8px #0000004d}.dark-mode .sidebar.sidebar-collapsed{background:#202226f2!important;box-shadow:none!important;border-right:none!important;border:none!important}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;transform:translate(0);transition:transform .3s ease-in-out}.sidebar.sidebar-hidden{transform:translate(-100%)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes extremeSpinZoom{0%{transform:scale(.3) rotate(0)}25%{transform:scale(2) rotate(90deg)}50%{transform:scale(.3) rotate(180deg)}75%{transform:scale(2) rotate(270deg)}to{transform:scale(.3) rotate(360deg)}}.sidebar-header{padding:1rem .75rem;border-bottom:none;background:#f8fafc;box-shadow:0 1px 3px #0000001a;transition:background-color .2s,box-shadow .2s}.sidebar.sidebar-collapsed .sidebar-header{box-shadow:none!important;border-bottom:none!important}.dark-mode .sidebar-header{background:#202226;box-shadow:0 1px 3px #0000004d}.dark-mode .sidebar.sidebar-collapsed .sidebar-header{box-shadow:none!important;border-bottom:none!important}.sidebar-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.search-container{position:relative;margin-bottom:1rem;padding:.75rem 1rem;background:#f8fafccc;border:1px solid rgba(226,232,240,.4);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,inset 0 1px #ffffffe6;display:flex;align-items:center;gap:.75rem}.search-container:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffffe6;border-color:#d1d5db99}.search-input{flex:1;padding:0;background:transparent;border:none;font-size:clamp(.85rem,4vw,1rem);line-height:1.5;font-weight:500;letter-spacing:.025em;outline:none;color:inherit;font-family:var(--font-family-base);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:none}.search-input::placeholder{color:#1e293b99;font-weight:500}.search-icon{width:1rem;height:1rem;color:#2cb2b7;pointer-events:none;filter:drop-shadow(0 0 2px rgba(44,178,183,.3));flex-shrink:0}.client-list{flex:1;overflow-y:auto;padding:1rem;min-height:0}.client-item{width:100%;text-align:left;padding:.875rem 1rem;margin-bottom:.5rem;border-radius:var(--radius-lg);border:1px solid rgba(226,232,240,.4);background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-family-base);cursor:pointer;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.client-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0000001f,0 4px 12px #00000014,inset 0 1px #fffffff2;border-color:#2cb2b74d}.client-item.active{background:linear-gradient(135deg,#2cb2b71a,#28a5aa14);border:1px solid rgba(44,178,183,.3);color:#1e293b;transform:translateY(-3px) scale(1.03);box-shadow:0 12px 40px #2cb2b733,0 6px 20px #0000001a,inset 0 1px #fffffff2}.client-item.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(44,178,183,.1),transparent);animation:shimmer 3s ease-in-out infinite;z-index:1}.client-item>*{position:relative;z-index:2}.client-name{font-weight:500!important;font-size:clamp(.7rem,2vw,.8rem)!important;font-family:var(--font-family-base)!important;margin-bottom:.25rem}.client-info{font-size:.8rem;opacity:.8}.client-last-session{font-size:.75rem;opacity:.7;margin-top:.25rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;margin-right:.5rem}.status-active{background:#10b981}.status-new{background:#6b7280}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--color-bg-chat);border-radius:1rem 0 0 1rem;margin-left:-1rem;box-shadow:0 4px 6px -1px #0000001a;height:100%;min-width:0;overflow:hidden}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(226,232,240,.3);background:#fffffff2;border-radius:0;box-shadow:0 4px 20px #00000014,inset 0 1px #ffffffe6;z-index:20;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex:0 0 auto}.chat-title{font-size:1.375rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;letter-spacing:.025em}.chat-subtitle{font-size:.875rem;color:#64748b;font-weight:500;opacity:.8;letter-spacing:.025em}.messages-container{flex:1;overflow-y:auto;padding:2rem;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);position:relative;min-height:0}.message-block{margin-bottom:2rem;display:flex;flex-direction:column}.message-user{align-items:flex-end}.message-ai{align-items:flex-start}.message-sender{display:none}.message-content{padding:1.5rem;line-height:1.6;font-size:.875rem}.message-user .message-content{background:#d1d5dbe6;color:#1a1a1a;border-radius:var(--radius-lg);border:1px solid rgba(209,213,219,.5);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000d,inset 0 1px #fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-left:auto;max-width:65%;font-family:var(--font-family-base);font-weight:400;font-size:.9375rem;line-height:1.7;letter-spacing:.025em;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-user .message-content:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 40px #0000001a,0 6px 20px #00000014,inset 0 1px #ffffff40}.message-ai .message-content{background:transparent;border:none;border-radius:0;padding:1.5rem 0;margin-right:auto;max-width:100%;font-family:var(--font-family-base);font-weight:400;font-size:.9375rem;line-height:1.7;color:#374151}.input-container{background:#f2f6fafa;padding:1rem 2rem;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 20px #0000001f,0 -2px 8px #00000014;flex:0 0 auto}.input-form{display:flex;align-items:center;background:#f8fafc;border-radius:var(--radius-xl);padding:clamp(.25rem,1vw,.5rem);max-width:min(800px,90vw);margin:0 auto;box-shadow:0 .5rem 1.563rem #94a3b866;border:.125rem solid transparent;transform:translateY(-.125rem);transition:all .2s}.message-input{flex:1;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);background:transparent;border:none;outline:none;font-size:clamp(.75rem,2vw,.875rem);color:#1e293b;font-family:var(--font-family-base);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.send-button{padding:.75rem;background:linear-gradient(135deg,var(--qaralink-teal) 0%,var(--qaralink-teal-hover) 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2cb2b74d}.send-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px #2cb2b766}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-welcome)}.welcome-content{text-align:center;max-width:400px;padding:2rem}.welcome-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.welcome-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.welcome-subtitle{color:#64748b;line-height:1.6}.progress-table{width:100%;margin-top:1rem;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;font-size:.7rem!important}.progress-table *{font-size:.7rem!important}.table-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.table-title{font-weight:600;color:#475569;font-size:.75rem}.progress-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.65rem;color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb}.progress-table td{padding:.75rem 1rem;font-size:.75rem;border-bottom:1px solid #f3f4f6}.progress-table tr:hover{background:#f9fafb}.dark-mode .progress-table tr:hover{background:#374151}.progress-positive{background:#dcfce7;color:#166534;padding:.25rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem}.json-container{margin-top:1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.json-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.json-title{font-weight:600;color:#1d4ed8;font-size:.875rem}.json-content{background:#1f2937;padding:1rem;color:#34d399;font-family:var(--font-family-mono);font-size:.8rem;line-height:1.5;overflow-x:auto}.analysis-container{margin-top:1rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.analysis-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.analysis-title{font-weight:600;color:#475569;font-size:.875rem;display:flex;align-items:center}.analysis-content{padding:1rem;background:#fff}.parameter-item{background:#f8fafc;padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.75rem}.parameter-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.parameter-value{font-size:.875rem;color:#28a5aa;background:#ede9fe;padding:.25rem .5rem;border-radius:9999px;display:inline-block;font-weight:500}.parameter-notes{font-size:.75rem;color:#64748b;font-style:italic;margin-top:.5rem;background:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #e2e8f0}.advanced-mode{padding:1.5rem;border-top:1px solid #f1f5f9;background:transparent}.toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.toggle-label{font-weight:600;color:#374151;font-size:.875rem}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem;background:#d1d5db;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.toggle-switch.active{background:var(--qaralink-teal);box-shadow:0 4px 12px #2cb2b74d}.dark-mode .toggle-switch.active{background:var(--qaralink-teal);box-shadow:0 4px 12px #2cb2b766}.toggle-knob{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:all .2s;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(1.5rem)}.token-info{background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #e2e8f0}.token-count{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.token-label{font-weight:500;color:#374151;font-size:.75rem}.token-number{font-family:var(--font-family-mono);font-weight:600;color:#28a5aa;font-size:.875rem}.token-status{font-size:.75rem;color:#64748b}.mobile-menu-btn{display:none;padding:.5rem;border-radius:.75rem;border:none;background:#f1f5f9;cursor:pointer;transition:background-color .2s;font-family:var(--font-family-base)}.sidebar-collapse-btn{padding:.5rem;border-radius:.75rem;border:none;background:transparent;cursor:pointer;transition:all .2s;font-family:var(--font-family-base)}.dark-mode .mobile-menu-btn{background:#374151}.dark-mode .mobile-menu-btn:hover{background:#4b5563}@media (max-width: 768px){.mobile-menu-btn{display:block;margin-right:1rem}.sidebar-collapse-btn{display:none!important}.chat-area{margin-left:0;border-radius:0}.input-form{max-width:min(900px,calc(100vw - 2rem))!important;width:100%!important}.input-container{padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,2.5vw,1.75rem)!important}.agent-selector-btn{padding:clamp(.375rem,1vw,.625rem) clamp(.5rem,1.5vw,1rem)!important;font-size:clamp(.75rem,1.5vw,.8125rem)!important}.send-button{padding:clamp(.5rem,1.25vw,.75rem)!important}.send-button svg{width:clamp(1rem,2vw,1.25rem)!important;height:clamp(1rem,2vw,1.25rem)!important}.chat-title{font-size:clamp(1rem,3vw,1.375rem)!important}.chat-subtitle{font-size:clamp(.75rem,2vw,.875rem)!important}.messages-container{padding:clamp(1rem,3vw,2rem)!important}.message-ai .message-content,.message-user .message-content{font-size:clamp(.8125rem,2vw,.9375rem)!important;padding:clamp(1rem,2.5vw,1.5rem)!important}.sidebar-header{padding:clamp(.75rem,2vw,1rem) clamp(.5rem,1.5vw,.75rem)!important}.search-container{padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem)!important;margin-bottom:clamp(.75rem,2vw,1rem)!important}.search-input{font-size:clamp(.8125rem,2vw,.9375rem)!important}.sidebar-bottom{padding:clamp(.75rem,2vw,1rem)!important}}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:40;display:none}@media (max-width: 768px){.mobile-overlay{display:block}.sidebar{width:18rem}.input-form{max-width:calc(100vw - 1.5rem)!important;padding:.375rem!important;gap:clamp(.375rem,1vw,.5rem)!important}.message-input,textarea{font-size:16px!important;padding:.625rem .875rem!important}.agent-selector-btn{padding:.5rem .75rem!important;font-size:.75rem!important}.agent-button-container{margin-right:.375rem!important;margin-bottom:0!important}.send-button{padding:.625rem!important}.send-button-container{margin-bottom:0!important}.send-button svg{width:1.125rem!important;height:1.125rem!important}.chat-header{padding:1rem 1.25rem!important}.chat-title{font-size:1.125rem!important}.chat-subtitle{font-size:.75rem!important}.messages-container{padding:1.25rem!important}.message-user .message-content{max-width:80%!important;font-size:.875rem!important;padding:1rem 1.25rem!important}.message-ai .message-content{font-size:.875rem!important;padding:1.25rem 0!important}.search-container{padding:.625rem .875rem!important;margin-bottom:.875rem!important}.search-input{font-size:16px!important}.client-item{padding:.625rem!important;margin-bottom:.125rem!important}.client-name{font-size:.7rem!important;font-weight:500!important;font-family:var(--font-family-base)!important}.client-item{padding:.5rem!important;margin-bottom:.125rem!important}.sidebar-bottom{padding:.875rem!important}}@media (max-width: 480px){.input-form{max-width:98vw!important;padding:.25rem!important;gap:.375rem!important}.input-container{padding:.75rem 1rem!important}.agent-selector-btn{padding:.4375rem .625rem!important;font-size:.6875rem!important}.agent-selector-btn .counter-badge{font-size:.625rem!important;padding:.0625rem .375rem!important;min-width:1.5rem!important}.glassmorphism-popover{min-width:clamp(280px,80vw,320px)!important;max-width:95vw!important}.agent-selector-btn svg{width:clamp(.875rem,1.5vw,1.125rem)!important;height:clamp(.875rem,1.5vw,1.125rem)!important}.send-button{padding:.5625rem!important}.send-button svg{width:1rem!important;height:1rem!important}.chat-title{font-size:1rem!important}.messages-container{padding:1rem!important}.message-user .message-content{max-width:85%!important;font-size:.75rem!important;padding:.875rem 1rem!important}.message-ai .message-content{font-size:.75rem!important}}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.client-list-collapsed{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;min-height:0}.dark-mode .sidebar-title{color:#e2e8f0}.dark-mode .search-container{background:#202226cc;border:1px solid rgba(32,34,38,.6);box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff08}.dark-mode .search-container:hover{box-shadow:0 8px 25px #0006,0 4px 12px #4b55634d;border-color:#6b728099}.dark-mode .search-input{color:#e2e8f0}.dark-mode .search-input::placeholder{color:#e2e8f099}.dark-mode .search-icon{color:#2cb2b7}.dark-mode .client-item{background:#0f1419;color:#e2e8f0}.dark-mode .client-item:hover{background:#4b5563}.dark-mode .client-item.active{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;transform:translateY(-.125rem);box-shadow:0 .5rem 1.563rem #6b728080;border:1px solid rgba(156,163,175,.2)}.dark-mode .advanced-mode{background:transparent;border-top-color:#374151}.dark-mode .toggle-label{color:#e2e8f0}.dark-mode .token-info{background:#374151;border-color:#374151}.dark-mode .token-label{color:#e2e8f0}.dark-mode .token-number{color:#2cb2b7}.dark-mode .token-status{color:#9ca3af}.dark-mode .welcome-content,.dark-mode .welcome-title{color:#e2e8f0}.dark-mode .welcome-subtitle{color:#9ca3af}.dark-mode .welcome-icon{background:linear-gradient(135deg,#374151,#4b5563)}.dark-mode .chat-header{background:#20262df2;border-bottom-color:#4b55634d;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-mode .chat-title{color:#e2e8f0}.dark-mode .chat-subtitle{color:#9ca3af;opacity:.9}.dark-mode .messages-container{background:linear-gradient(to bottom,#2a2e34,#202226)}.dark-mode .message-ai .message-content{color:#e2e8f0}.dark-mode .client-item{background:#374151cc;border-color:#4b55634d;box-shadow:0 2px 8px #00000080}.dark-mode .client-item:hover{border-color:#2cb2b766;box-shadow:0 8px 25px #0009,0 4px 12px #0006}.dark-mode .client-item.active{background:linear-gradient(135deg,#2cb2b726,#28a5aa1f);border-color:#2cb2b766;box-shadow:0 12px 40px #2cb2b733,0 6px 20px #0009}.dark-mode .message-user .message-content{background:#000c;color:#fff;border:1px solid rgba(0,0,0,.9);box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d,inset 0 1px #ffffff0d}.dark-mode .message-user .message-content:hover{box-shadow:0 12px 40px #000000b3,0 6px 20px #00000080,inset 0 1px #ffffff1a}.dark-mode .input-container{background:#20262dfa;box-shadow:0 -4px 20px #00000059,0 -2px 8px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark-mode .input-form{background:#374151;box-shadow:0 .5rem 1.563rem #6b728080;border:.125rem solid transparent}.dark-mode .message-input{color:#e2e8f0}.suggestions-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.suggestion-chip{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s;font-weight:500}.suggestion-chip:hover{background:#f8fafc;border-color:var(--qaralink-teal);color:var(--qaralink-teal);transform:translateY(-1px);box-shadow:0 2px 8px #2cb2b733}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .suggestion-chip{background:#374151;border-color:#4b5563;color:#e2e8f0}.dark-mode .suggestion-chip:hover{background:#4b5563;border-color:var(--qaralink-teal);color:var(--qaralink-teal)}.command-discovery{margin-top:1.5rem}.command-grid{display:grid;grid-template-columns:1fr;gap:.75rem;max-width:400px;margin:0 auto}.command-item{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:.75rem 1rem;text-align:left;font-size:.875rem;line-height:1.4;box-shadow:0 1px 3px #0000000d;transition:all .2s;cursor:pointer;width:100%}.command-item:hover{background:#f8fafc;border-color:var(--qaralink-teal);transform:translateY(-1px);box-shadow:0 2px 6px #2cb2b726}.command-item strong{color:var(--qaralink-teal);font-weight:600}.dark-mode .command-item{background:#374151;border-color:#4b5563;color:#e2e8f0}.dark-mode .command-item:hover{background:#4b5563;border-color:var(--qaralink-teal)}.dark-mode .command-item strong{color:var(--qaralink-teal)}.message-error .message-content{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.dark-mode .message-error .message-content{background:#450a0a;border:1px solid #7f1d1d;color:#f87171}.shortcuts-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90vw;max-height:80vh;overflow:auto}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.shortcuts-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.shortcuts-close{padding:.5rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:#64748b;transition:all .2s}.shortcuts-close:hover{background:#f1f5f9;color:#1e293b}.shortcuts-content{padding:1.5rem}.shortcut-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.shortcut-item:last-child{border-bottom:none}.shortcut-key{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:.375rem .75rem;font-family:var(--font-family-mono);font-size:.75rem;font-weight:600;color:#475569;min-width:120px;text-align:center}.shortcut-description{margin-left:1rem;color:#64748b;font-size:.875rem}.dark-mode .shortcuts-modal{background:#374151}.dark-mode .shortcuts-header{border-bottom-color:#374151}.dark-mode .shortcuts-header h3{color:#e2e8f0}.dark-mode .shortcuts-close{color:#9ca3af}.dark-mode .shortcuts-close:hover{background:#374151;color:#e2e8f0}.dark-mode .shortcut-item{border-bottom-color:#374151}.dark-mode .shortcut-key{background:#374151;border-color:#4b5563;color:#e2e8f0}.dark-mode .shortcut-description{color:#9ca3af}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.dark-mode .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-client{height:4rem;border-radius:var(--radius-lg);margin-bottom:.5rem}.skeleton-message{height:3rem;border-radius:var(--radius-lg);margin-bottom:1rem}.skeleton-message.ai{width:85%}.skeleton-message.user{width:60%;margin-left:auto}.dark-mode .progress-table{background:#0f1419;border-color:#4b5563}.dark-mode .table-header{background:linear-gradient(135deg,#0f1419,#1e293b);border-bottom-color:#4b5563}.dark-mode .table-title{color:#e2e8f0}.dark-mode .progress-table th{background:#374151;color:#e2e8f0}.dark-mode .progress-table td{color:#e2e8f0;border-bottom-color:#4b5563}.dark-mode .json-container{background:#374151;border-color:#4b5563}.dark-mode .json-header{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-bottom-color:#4b5563}.dark-mode .json-title{color:#e2e8f0}.dark-mode .json-line-numbers{border-right-color:#4b5563;color:#9ca3af}.dark-mode .analysis-container{background:#0f1419;border-color:#4b5563}.dark-mode .analysis-header{background:linear-gradient(135deg,#4b5563,#6b7280);border-bottom-color:#4b5563}.dark-mode .analysis-title{color:#e2e8f0}.dark-mode .analysis-content{background:#0f1419}.dark-mode .parameter-item{background:#374151}.dark-mode .parameter-name{color:#e2e8f0}.dark-mode .parameter-value{background:#6b21a8;color:#ddd6fe}.dark-mode .parameter-notes{background:#374151;border-color:#4b5563;color:#9ca3af}.dark-mode .confirmation-modal{background:#374151!important}.dark-mode .confirmation-header{border-bottom-color:#374151!important}.dark-mode .confirmation-header h3{color:#e2e8f0!important}.dark-mode .confirmation-content{color:#9ca3af!important}.sidebar-bottom{flex-shrink:0;border-top:1px solid #e5e7eb}.sidebar.sidebar-collapsed .sidebar-bottom{border-top:none!important}.dark-mode .sidebar-bottom{border-top-color:#374151}.dark-mode.sidebar.sidebar-collapsed .sidebar-bottom{border-top:none!important}.dark-mode .sidebar-toggle-btn{background:transparent!important;border-color:transparent!important}.dark-mode .sidebar-toggle-btn:hover{background:#374151!important}.dark-mode .global-chat-btn{background:#374151;border-color:#4b5563;color:#e2e8f0}.dark-mode .global-chat-btn.active{background:#f3f4f6;border-color:#2cb2b7;color:#2cb2b7}.status-dot{border:.125rem solid white}.dark-mode .status-dot{border-color:#374151}.sender-ai,.sender-user{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.5rem}.sender-ai{color:#2cb2b7}.sender-user{color:#64748b}.dark-mode .sender-ai{color:#2cb2b7}.dark-mode .sender-user{color:#9ca3af}.regulatory-container{margin-top:1rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.regulatory-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.regulatory-title{font-weight:600;color:#475569;font-size:.875rem;display:flex;align-items:center}.regulatory-content{padding:1rem;background:#fff}.requirement-item{background:#f8fafc;padding:.75rem;border-radius:.5rem;margin-bottom:.75rem}.requirement-title{font-weight:600;color:#1e293b;margin-bottom:.25rem}.requirement-status{font-size:.875rem;color:#28a5aa;background:#ede9fe;padding:.25rem .5rem;border-radius:9999px;display:inline-block;font-weight:500}.requirement-description,.requirement-notes{font-size:.75rem;color:#64748b;font-style:italic;margin-top:.5rem;background:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #e2e8f0}.protocol-container{margin-top:1rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.protocol-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.protocol-title{font-weight:600;color:#475569;font-size:.875rem;display:flex;align-items:center}.protocol-content{padding:1rem;background:#fff}.protocol-item{background:#f8fafc;padding:.75rem;border-radius:.5rem;margin-bottom:.75rem}.protocol-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.protocol-specs{font-size:.875rem;color:#28a5aa;background:#ede9fe;padding:.25rem .5rem;border-radius:9999px;display:inline-block;font-weight:500}.protocol-notes{font-size:.75rem;color:#64748b;font-style:italic;margin-top:.5rem;background:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #e2e8f0}.dark-mode .regulatory-container{background:#0f1419;border-color:#4b5563}.dark-mode .regulatory-header{background:linear-gradient(135deg,#4b5563,#6b7280);border-bottom-color:#4b5563}.dark-mode .regulatory-title{color:#e2e8f0}.dark-mode .regulatory-content{background:#0f1419}.dark-mode .requirement-item{background:#374151}.dark-mode .requirement-title{color:#e2e8f0}.dark-mode .requirement-status{background:#6b21a8;color:#ddd6fe}.dark-mode .requirement-description,.dark-mode .requirement-notes{background:#374151;border-color:#4b5563;color:#9ca3af}.dark-mode .protocol-container{background:#0f1419;border-color:#4b5563}.dark-mode .protocol-header{background:linear-gradient(135deg,#4b5563,#6b7280);border-bottom-color:#4b5563}.dark-mode .protocol-title{color:#e2e8f0}.dark-mode .protocol-content{background:#0f1419}.dark-mode .protocol-item{background:#374151}.dark-mode .protocol-name{color:#e2e8f0}.dark-mode .protocol-specs{background:#6b21a8;color:#ddd6fe}.dark-mode .protocol-notes{background:#374151;border-color:#4b5563;color:#9ca3af}.sources{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}.sources-label{font-size:11px;color:#666;font-weight:500}.source-tag{background:#e5e5e6;color:#555;padding:1px 4px;border-radius:var(--radius-sm);font-size:9px;font-weight:500}.dark-mode .sources-label{color:#9ca3af}.dark-mode .source-tag{background:#374151;color:#d1d5db}.sidebar-collapsed-item{transition:all .2s ease-in-out!important}.sidebar-collapsed-item:hover{background:var(--hover-bg)!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)}:root{--hover-bg: #f3f4f6}.dark-mode{--hover-bg: #374151}.dark-mode .sidebar-collapsed-item:hover{box-shadow:0 2px 8px #00000040!important}.agent-selector-btn{padding:clamp(.375rem,1vw,.625rem) clamp(.5rem,1.5vw,1rem)!important;font-size:clamp(.6875rem,1.5vw,.8125rem)!important;gap:clamp(.25rem,.5vw,.5rem)!important}.agent-button-container{margin-right:clamp(.25rem,.5vw,.5rem)!important;margin-bottom:clamp(0rem,.25vw,.125rem)!important}.send-button-container{display:flex;align-items:center}.send-button-responsive{padding:clamp(.25rem,.5vw,.375rem)!important}.source-selector-btn{padding:.3125rem .4375rem!important;font-size:.75rem!important;min-height:auto!important;height:auto!important}.source-selector-btn span{font-size:.65rem!important}.source-selector-btn svg{width:.9375rem!important;height:.9375rem!important}.counter-badge{font-size:.625rem!important;padding:.1875rem .25rem!important;min-width:1.25rem!important;height:1.25rem!important}@media (max-width: 480px){.source-selector-btn{padding:.25rem .35rem!important;font-size:.65rem!important}.source-selector-btn span{font-size:.6rem!important}.source-selector-btn svg{width:.8rem!important;height:.8rem!important}.counter-badge{font-size:.55rem!important;padding:.15rem .2rem!important;min-width:1rem!important;height:1rem!important}}.input-form{align-items:center!important}.input-form>div:first-child{flex:1;align-self:stretch;display:flex;align-items:center}.row-2-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.counter-badge{padding:clamp(.0625rem,.25vw,.125rem) clamp(.375rem,1vw,.5rem);font-size:clamp(.625rem,1.25vw,.6875rem);min-width:clamp(1.75rem,3vw,2rem)}.agent-checkbox{appearance:none;-webkit-appearance:none;position:relative;border:2px solid var(--qaralink-teal);border-radius:var(--radius-sm);background:#fff;cursor:pointer}.agent-checkbox:checked{background:var(--qaralink-teal)}.agent-checkbox:checked:before{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.agent-checkbox.dark:checked:before{color:#fff}.agent-checkbox.light:checked:before{color:#1f2937}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonShimmer{0%{left:-100%}to{left:100%}}@keyframes messageShimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){textarea[placeholder*="Reply to QI"]{font-size:.75rem!important}.agent-popup-container{padding:clamp(.625rem,3vw,.875rem)!important;min-width:clamp(220px,80vw,240px)!important;border-radius:clamp(.625rem,2vw,.75rem)!important;margin-bottom:clamp(.25rem,1.5vw,.5rem)!important;right:clamp(.5rem,8vw,2rem)!important}.agent-popup-header{margin-bottom:clamp(.5rem,2vw,.75rem)!important}.agent-popup-title{font-size:clamp(.75rem,2.25vw,.875rem)!important}.agent-popup-cards{gap:clamp(.25rem,1.5vw,.5rem)!important}.agent-popup-card{padding:clamp(.5rem,2vw,.75rem)!important;border-radius:clamp(.375rem,1.5vw,.625rem)!important}.agent-popup-item{font-size:clamp(.75rem,2.25vw,.875rem)!important}.agent-popup-description{font-size:clamp(.625rem,1.75vw,.6875rem)!important}.agent-popup-toggle{width:clamp(2rem,4vw,2.25rem)!important;height:clamp(1rem,2vw,1.25rem)!important;border-radius:clamp(.5rem,1vw,.625rem)!important}.agent-popup-toggle-knob{width:clamp(.875rem,1.8vw,1rem)!important;height:clamp(.875rem,1.8vw,1rem)!important;top:clamp(.0625rem,.2vw,.125rem)!important}.agent-popup-toggle-knob[style*="left: 1.375rem"]{left:clamp(1rem,2vw,1.125rem)!important}.agent-popup-toggle-knob[style*="left: 0.125rem"]{left:clamp(.0625rem,.2vw,.125rem)!important}.agent-popup-container svg[style*="width: 1.25rem"],.agent-popup-container svg[style*="width: 1.125rem"]{width:clamp(.875rem,1.5vw,1rem)!important;height:clamp(.875rem,1.5vw,1rem)!important}.agent-popup-card div[style*="width: 2.5rem"][style*="height: 2.5rem"]{width:clamp(1.875rem,3vw,2rem)!important;height:clamp(1.875rem,3vw,2rem)!important;border-radius:clamp(.5rem,1vw,.625rem)!important}}@media (max-width: 768px){.client-item div[style*="width: 2rem"][style*="height: 2rem"]{width:clamp(1.5rem,3vw,2rem)!important;height:clamp(1.5rem,3vw,2rem)!important;border-radius:clamp(.5rem,1.5vw,.75rem)!important}.client-item div[style*="width: 2.75rem"][style*="height: 1.5rem"]{width:clamp(2.25rem,4vw,2.75rem)!important;height:clamp(1.25rem,2.5vw,1.5rem)!important;border-radius:clamp(.625rem,1.5vw,.75rem)!important}.client-item div[style*="width: 1.25rem"][style*="height: 1.25rem"]{width:clamp(1rem,2vw,1.25rem)!important;height:clamp(1rem,2vw,1.25rem)!important;top:clamp(.125rem,.25vw,.125rem)!important}}@media (max-width: 480px){textarea[placeholder*="Reply to QI"]{font-size:.75rem!important}}.panel-backdrop{position:fixed;inset:0;background:#00000080;z-index:998}.panel-container{position:fixed;top:0;right:0;bottom:0;width:min(90vw,800px);z-index:999;display:flex;flex-direction:column;transform:translate(0);transition:transform .3s ease-out;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.panel-container.advanced{width:min(95vw,450px)}.panel-container.admin{width:min(95vw,800px)}.panel-background{background:#fff;border-left:1px solid #e5e7eb;box-shadow:-10px 0 25px #00000026;height:100%;overflow-y:auto}.dark-mode .panel-background{background:#0f1419;border-left:1px solid #374151}.panel-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dark-mode .panel-header{border-bottom:1px solid #374151}.panel-header-title{display:flex;align-items:center;gap:.75rem}.panel-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.dark-mode .panel-title{color:#e5e7eb}.panel-close-button{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);color:#6b7280;transition:all .2s}.panel-close-button:hover{background:#f3f4f6}.dark-mode .panel-close-button{color:#9ca3af}.dark-mode .panel-close-button:hover{background:#374151}.panel-content{flex:1;overflow-y:auto;padding:1.5rem}.panel-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.dark-mode .panel-section{background:#1e293b80;border:1px solid #374151}.panel-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.panel-section-title{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#1f2937}.dark-mode .panel-section-title{color:#e5e7eb}.panel-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.panel-form-field{display:flex;flex-direction:column}.panel-form-label{display:block;font-size:.85rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.dark-mode .panel-form-label{color:#9ca3af}.panel-form-input{width:100%;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-sm);color:#1f2937;font-size:.85rem}.panel-form-input:focus{outline:none;border-color:var(--qaralink-teal);box-shadow:0 0 0 3px #2cb2b71a}.dark-mode .panel-form-input{background:#374151;border:1px solid #4b5563;color:#e5e7eb}.panel-form-textarea{width:100%;height:280px;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-sm);color:#1f2937;font-size:.75rem;font-family:var(--font-family-mono);resize:vertical;line-height:1.5}.dark-mode .panel-form-textarea{background:#1f2937;border:1px solid #4b5563;color:#e5e7eb}.admin-stats-textarea{font-size:clamp(.8125rem,2.5vw,.9375rem)!important}.panel-form-select{width:100%;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-sm);color:#1f2937;font-size:.85rem}.dark-mode .panel-form-select{background:#374151;border:1px solid #4b5563;color:#e5e7eb}.panel-button-primary{background:linear-gradient(135deg,var(--qaralink-teal),var(--qaralink-teal-hover));color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.panel-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.panel-button-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.panel-button-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.panel-button-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.panel-button-success:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.panel-button-danger{background:linear-gradient(135deg,var(--qaralink-salmon),var(--qaralink-salmon-hover));color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.panel-button-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.panel-button-danger:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-delete{background:linear-gradient(135deg,var(--qaralink-salmon),var(--qaralink-salmon-hover));color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.btn-delete:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.confirmation-modal .panel-button-danger,button[class*=delete],button[class*=danger],.chat-context-menu button:last-child{background:linear-gradient(135deg,var(--qaralink-salmon),var(--qaralink-salmon-hover))!important}.confirmation-modal .panel-button-danger:hover,button[class*=delete]:hover,button[class*=danger]:hover,.chat-context-menu button:last-child:hover{box-shadow:0 4px 12px #ff6b6b4d!important}.panel-button-secondary{background:#9ca3af;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.dark-mode .panel-button-secondary{background:#4b5563}.panel-readonly-field{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;opacity:.7;cursor:not-allowed}.dark-mode .panel-readonly-field{background:#1f2937;border:1px solid #4b5563}.panel-readonly-text{color:#6b7280;font-size:.875rem;font-family:var(--font-family-mono)}.dark-mode .panel-readonly-text{color:#9ca3af}.panel-user-card{background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem}.dark-mode .panel-user-card{background:#374151;border:1px solid #4b5563}.panel-user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.panel-user-name{margin:0;font-size:.95rem;font-weight:600;color:#1f2937}.dark-mode .panel-user-name{color:#e5e7eb}.panel-user-info{margin:0;font-size:.8rem;color:#6b7280}.dark-mode .panel-user-info{color:#9ca3af}.panel-user-meta{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}.dark-mode .panel-user-meta{color:#9ca3af}.panel-status-badge{font-size:.625rem;font-weight:500;color:#fff;padding:.125rem .5rem;border-radius:9999px}.panel-status-badge.admin{background:linear-gradient(135deg,#dc2626,#b91c1c)}.panel-status-badge.moderator{background:linear-gradient(135deg,#ea580c,#c2410c)}.panel-status-badge.user,.panel-status-badge.active{background:linear-gradient(135deg,#059669,#047857)}.panel-status-badge.inactive{background:linear-gradient(135deg,#dc2626,#b91c1c)}.panel-status-badge.first-login{background:linear-gradient(135deg,#f59e0b,#d97706)}.panel-icon-container{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-icon-container.users{background:linear-gradient(135deg,#3b82f6,#2563eb)}.panel-icon-container.stats{background:linear-gradient(135deg,#10b981,#059669)}.panel-icon-container.settings{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.panel-actions{display:flex;gap:.5rem;align-items:center}h1{font-size:1rem;font-weight:700;line-height:1.2}h2{font-size:.9rem;font-weight:650;line-height:1.3}h3{font-size:.8rem;font-weight:600;line-height:1.4}h4{font-size:.75rem;font-weight:550;line-height:1.4}@media (max-width: 768px){h1{font-size:.9rem}h2{font-size:.8rem}h3{font-size:.75rem}h4{font-size:.7rem}.chat-title,.welcome-title{font-size:.8rem!important}.progress-table{font-size:.7rem}.progress-table th{font-size:.6rem;padding:.4rem .6rem}.progress-table td{font-size:.65rem;padding:.4rem .6rem}.table-title{font-size:.7rem}}@media (max-width: 480px){h1{font-size:.8rem}h2{font-size:.75rem}h3{font-size:.7rem}h4{font-size:.65rem}.chat-title,.welcome-title{font-size:.7rem!important}.progress-table{font-size:.6rem}.progress-table th{font-size:.55rem;padding:.3rem .4rem}.progress-table td{font-size:.6rem;padding:.3rem .4rem}.table-title{font-size:.65rem}.table-header{padding:.4rem .6rem}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}