:root{--bg-primary:#f9f9fb;--bg-secondary:#f0f0f5;--bg-tertiary:#e4e4ec;--bg-glass:#ffffffb8;--bg-glass-hover:#ffffffe0;--accent:#6e5ce6;--accent-glow:#4f38e0;--accent-subtle:#6e5ce614;--text-primary:#21212c;--text-secondary:#5c5c70;--text-muted:#838395;--text-inverse:#f0f0f4;--gemini-canvas-bg:#fff;--user-bubble-bg:#f0f4f9;--user-bubble-text:#1f1f1f;--bot-bubble-bg:transparent;--bot-bubble-border:transparent;--floating-capsule-bg:#fff;--floating-capsule-border:#e3e3e3;--floating-capsule-shadow:0 4px 16px #00000014;--border-subtle:#dcdce5;--border-accent:#6e5ce640;--shadow-lg:0 12px 40px #0000000f;--shadow-glow:0 0 24px #6e5ce61a;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--inline-code-bg:#0000000f;--code-block-bg:#0000000a;--tooltip-bg:#e4e4ecf5;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--error:#ee2b3e;--error-subtle:#ee2b3e14;--error-border:#ee2b3e26}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13131b;--bg-tertiary:#1b1b28;--bg-glass:#161620b8;--bg-glass-hover:#20202ed9;--accent:#6e5ce6;--accent-glow:#a99bfd;--accent-subtle:#6e5ce61f;--text-primary:#e8e8ed;--text-secondary:#ababba;--text-muted:#75758a;--text-inverse:#0a0a0f;--gemini-canvas-bg:#131314;--user-bubble-bg:#1e1f20;--user-bubble-text:#e3e3e3;--bot-bubble-bg:transparent;--bot-bubble-border:transparent;--floating-capsule-bg:#1e1f20;--floating-capsule-border:#282a2c;--floating-capsule-shadow:0 4px 20px #0006;--border-subtle:#ffffff0f;--border-accent:#6e5ce659;--shadow-lg:0 12px 40px #0000008c;--shadow-glow:0 0 24px #6e5ce640;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#ffffff2e;--inline-code-bg:#ffffff14;--code-block-bg:#0000004d;--tooltip-bg:#161622eb;--error:#ff4c5e;--error-subtle:#ff4c5e1a;--error-border:#ff4c5e33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-color:#0000;background-image:radial-gradient(at 30%,#6c5ce714 0%,#0000 50%),radial-gradient(at 70%,#a29bfe0d 0%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:200%;height:200%;animation:12s infinite gradientShift;position:absolute;top:-50%;left:-50%}.login-card{z-index:1;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:380px;max-width:420px;animation:scaleIn var(--transition-slow) ease;flex-direction:column;display:flex;position:relative}.login-brand{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.login-logo{background:var(--user-bubble-bg);border-radius:var(--radius-lg);width:64px;height:64px;font-size:var(--font-size-2xl);color:#fff;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-weight:700;display:flex}.login-title{font-size:var(--font-size-3xl);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-glow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;max-width:280px;line-height:1.5}.login-error{background:var(--error-subtle);border:1px solid var(--error-border);color:var(--error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;width:100%;animation:.3s fadeInUp}.login-btn{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:#333;border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);background:#fff;border:none;justify-content:center;width:100%;font-weight:500;display:flex;position:relative;overflow:hidden}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.login-btn:active{transform:translateY(0)}.login-btn svg{flex-shrink:0;width:20px;height:20px}.theme-toggle-floating{top:var(--space-lg);right:var(--space-lg);z-index:10;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex;position:absolute}.theme-toggle-floating:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.theme-toggle-floating svg{width:20px;height:20px}.chat-layout{background:var(--bg-primary);width:100vw;height:100dvh;animation:fadeIn var(--transition-base) ease;flex-direction:row;display:flex;position:relative;overflow:hidden}.chat-header{z-index:500;box-sizing:border-box;pointer-events:none;animation:slideDown var(--transition-base) ease;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.chat-header-left,.agent-selector,.agent-selector-trigger{pointer-events:auto}.chat-header-logo{background:var(--user-bubble-bg);border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--font-size-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-header-title{font-size:var(--font-size-lg);font-weight:600}.agent-selector{position:relative}.agent-selector-static{align-items:center;gap:var(--space-sm);box-sizing:border-box;height:36px;padding:0 12px;display:flex}.agent-selector-trigger{align-items:center;gap:var(--space-sm);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);color:var(--text-primary);box-sizing:border-box;opacity:1;min-width:0;max-width:100%;height:36px;padding:0 14px;font-size:13px;display:flex;transform:translateZ(0);box-shadow:0 2px 10px #0000000f}.agent-selector-trigger:hover,.agent-selector-trigger.open{background:var(--bg-glass-hover);border-color:var(--border-accent)}.agent-selector-label{color:var(--text-primary);opacity:1;align-items:center;gap:0;min-width:0;font-size:13px;font-weight:600;line-height:1.2;display:flex;overflow:hidden}.agent-selector-dot{margin:0 var(--space-sm);color:var(--text-muted);opacity:1;flex-shrink:0;font-weight:600}.agent-selector-agent-name{color:var(--accent-glow);white-space:nowrap;text-overflow:ellipsis;opacity:1;flex-shrink:1;min-width:0;max-width:160px;font-weight:700;overflow:hidden}.agent-selector-chevron{color:var(--text-muted);transition:transform var(--transition-fast);align-items:center;display:flex}.agent-selector-chevron.open{transform:rotate(180deg)}.agent-selector-menu{top:calc(100% + var(--space-xs));background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:220px;box-shadow:0 12px 32px #00000040, 0 0 0 1px var(--border-subtle);padding:var(--space-xs);z-index:1000;animation:.15s agentMenuIn;position:absolute;left:0}@keyframes agentMenuIn{0%{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}.agent-selector-option{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.agent-selector-option:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.agent-selector-option.selected{color:var(--accent-glow)}.agent-selector-option-name{text-align:left;align-items:center;gap:var(--space-xs);flex:1;display:flex}.agent-selector-option-check{color:var(--accent-glow);margin-left:var(--space-md);align-items:center;display:flex}.chat-header-right{align-items:center;gap:var(--space-sm);display:flex}.user-profile-menu-container{display:inline-block;position:relative}.chat-header-user-trigger{box-sizing:border-box;background:var(--bg-glass);border-radius:var(--radius-full);border:1px solid var(--border-subtle);cursor:pointer;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:flex}.chat-header-user-trigger:hover,.chat-header-user-trigger.open{background:var(--bg-glass-hover);border-color:var(--border-accent);color:var(--text-primary)}.user-profile-menu{top:calc(100% + var(--space-xs));background:var(--bg-tertiary);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:100;flex-direction:column;gap:2px;animation:.15s userMenuIn;display:flex;position:absolute;right:0}@keyframes userMenuIn{0%{opacity:0;margin-top:-6px}to{opacity:1;margin-top:0}}.user-profile-menu-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.user-profile-menu-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.user-profile-menu-item.danger{color:var(--error)}.user-profile-menu-item.danger:hover{background:var(--error-subtle);color:var(--error)}.chat-header-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.chat-header-name{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.btn-icon{box-sizing:border-box;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:36px;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:flex}.btn-icon:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-accent)}.btn-icon.danger:hover{color:var(--error);border-color:var(--error-border)}.btn-icon.restore{border-color:var(--border-accent);color:var(--accent-glow);animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 12px #6e5ce626}.chat-messages{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;height:100%;min-height:0;overflow-y:auto}.chat-messages-inner{width:100%;max-width:850px;padding:68px var(--space-lg) var(--space-lg) var(--space-lg);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.chat-messages-empty{justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);animation:fadeIn var(--transition-slow) ease;flex-direction:column;flex:1;display:flex}.chat-messages-empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.chat-message{gap:var(--space-sm);max-width:100%;animation:.3s fadeInUp;display:flex}.chat-message-body{flex:1;min-width:0}.chat-message.user{flex-direction:row-reverse;align-self:flex-end;max-width:80%}.chat-message.bot{align-self:flex-start;width:100%;max-width:100%}.chat-message-avatar{width:32px;height:32px;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-message-avatar.bot{background:var(--accent-subtle);color:var(--accent-glow);font-weight:600}.chat-message-avatar.user img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-message-content{padding:var(--space-md) var(--space-md);border-radius:var(--radius-lg);line-height:1.6;font-size:var(--font-size-sm);overflow-wrap:break-word;word-break:break-word;min-width:0;position:relative}.chat-message.user .chat-message-content{background:var(--user-bubble-bg);color:var(--user-bubble-text);white-space:pre-wrap;word-break:break-word;border-radius:20px;padding:12px 18px}.chat-message.bot .chat-message-content{color:var(--text-primary);background:0 0;border:none;padding:8px 0}.chat-message.bot .chat-message-content p{margin-bottom:var(--space-sm)}.chat-message.bot .chat-message-content p:last-child{margin-bottom:0}.chat-message.bot .chat-message-content code{background:var(--inline-code-bg);font-size:var(--font-size-xs);border-radius:4px;padding:2px 6px;font-family:Fira Code,Consolas,monospace}.chat-message.bot .chat-message-content pre{background:var(--code-block-bg);border:1px solid var(--border-subtle);padding:var(--space-md);border-radius:var(--radius-sm);margin:var(--space-sm) 0;overflow-x:auto}.chat-message.bot .chat-message-content pre code{background:0 0;padding:0}.chat-message.bot .chat-message-content ul,.chat-message.bot .chat-message-content ol{padding-left:var(--space-lg);margin:var(--space-sm) 0}.chat-message.bot .chat-message-content strong{color:var(--accent-glow)}.chat-message.bot .chat-message-content a{color:var(--accent-glow);text-underline-offset:2px;text-decoration:underline}.table-responsive-wrapper{width:100%;max-width:100%;margin:var(--space-sm) 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-glass);overflow-x:auto!important}.table-responsive-wrapper table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs)}.chat-message.bot .chat-message-content thead{border-bottom:2px solid var(--border-accent)}.chat-message.bot .chat-message-content th{padding:var(--space-sm) var(--space-md);text-align:left;color:var(--accent-glow);white-space:nowrap;font-weight:600}.chat-message.bot .chat-message-content td{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);white-space:nowrap}.chat-message.bot .chat-message-content tr:hover{background:#ffffff08}.chat-message-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs);padding:0 var(--space-xs);align-items:center;gap:0;display:flex}.chat-message.user .chat-message-time{text-align:right;justify-content:flex-end}.chat-message-agent-dot{margin:0 var(--space-xs);color:var(--text-muted)}.chat-message-agent{color:var(--accent-glow);white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:160px;font-weight:500;display:inline-block;overflow:hidden}.token-cost-wrapper{align-items:center;display:inline-flex;position:relative}.token-cost-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0 2px;line-height:1;transition:color .2s,transform .15s;display:inline-flex}.token-cost-btn:hover{color:var(--accent-glow);transform:scale(1.15)}.token-cost-tooltip{background:var(--tooltip-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);min-width:260px;box-shadow:var(--shadow-lg), 0 0 16px #6e5ce61a;z-index:100;animation:.18s ease-out tokenTooltipIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.token-cost-tooltip.align-left{left:0!important;right:auto!important;transform:none!important}.token-cost-tooltip.align-right{left:auto!important;right:0!important;transform:none!important}.token-cost-tooltip.align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important}@keyframes tokenTooltipIn{0%{opacity:0;margin-bottom:-4px}to{opacity:1;margin-bottom:0}}.token-cost-tooltip-row{font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.token-cost-tooltip-row span:last-child{font-variant-numeric:tabular-nums;font-weight:500}.token-cost-tooltip-highlight{color:var(--accent-glow);font-weight:600}.token-cost-tooltip-highlight span:last-child{color:var(--text-primary)}.token-cost-tooltip-total{color:var(--text-primary);font-weight:600}.token-cost-tooltip-divider{background:var(--border-subtle);height:1px;margin:4px 0}.typing-indicator{align-items:center;gap:var(--space-sm);align-self:flex-start;animation:.3s fadeInUp;display:flex}.typing-indicator-avatar{background:var(--accent-subtle);width:32px;height:32px;color:var(--accent-glow);font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.typing-indicator-dots{padding:var(--space-md) var(--space-md);background:var(--bot-bubble-bg);border:1px solid var(--bot-bubble-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--space-xs);align-items:center;gap:4px;display:flex}.typing-indicator-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite bounce}.typing-indicator-dot:nth-child(2){animation-delay:.16s}.typing-indicator-dot:nth-child(3){animation-delay:.32s}.chat-input-bar{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-shrink:0}.chat-concise-hint{align-items:center;gap:var(--space-sm);max-width:850px;margin:0 auto var(--space-sm) auto;background:var(--accent-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);animation:fadeInHint var(--transition-base) ease-out;padding:8px 14px;line-height:1.4;display:flex}.agent-testing-banner{align-items:center;gap:var(--space-sm);max-width:850px;margin:0 auto var(--space-sm) auto;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-primary);animation:fadeInHint var(--transition-base) ease-out;background:#f59f0a1f;border:1px solid #f59f0a4d;padding:8px 14px;line-height:1.4;display:flex}.agent-testing-banner-icon{flex-shrink:0;font-size:1rem}.agent-testing-banner-text{flex:1}.agent-tag-testing{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-sm);color:#c2750a;background:#f59f0a2e;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:600}[data-theme=dark] .agent-tag-testing{color:#fab338}@keyframes fadeInHint{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-concise-hint-icon{flex-shrink:0;font-size:1rem}.chat-concise-hint-text{flex:1}.chat-concise-hint-close{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.chat-concise-hint-close:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.chat-input-bar{background:var(--bg-primary);z-index:100;box-sizing:border-box;border-top:none;flex-shrink:0;width:100%;padding:12px 24px 20px}.chat-input-capsule{background:var(--floating-capsule-bg);border:1px solid var(--floating-capsule-border);box-shadow:var(--floating-capsule-shadow);transition:all var(--transition-fast);border-radius:32px;align-items:center;gap:10px;width:100%;max-width:820px;margin:0 auto;padding:8px 12px 8px 16px;display:flex}.chat-input-capsule:focus-within{border-color:var(--accent);box-shadow:0 4px 20px #9333ea26}.capsule-add-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.capsule-add-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.chat-input-textarea{color:var(--text-primary);font-family:var(--font-family);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:150px;padding:4px 0;font-size:14px;line-height:1.5;overflow-y:auto}.chat-input-textarea::placeholder{color:var(--text-muted)}.capsule-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #6e5ce64d}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-footer-disclaimer{text-align:center;color:var(--text-muted);margin-top:8px;font-size:11px;line-height:1.4}.chat-send-btn svg{width:18px;height:18px;transform:translate(-1px,1px)}.chat-voice-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-voice-btn:hover:not(:disabled){background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent)}.chat-voice-btn:active:not(:disabled){transform:scale(.95)}.chat-voice-btn:disabled{opacity:.3;cursor:not-allowed}.chat-voice-btn svg{width:18px;height:18px}.chat-voice-btn.listening{color:var(--error);border-color:var(--error);background:#ff4c5e1f;animation:1.5s ease-in-out infinite pulseMic}@keyframes pulseMic{0%{box-shadow:0 0 #ff4c5e66}70%{box-shadow:0 0 0 10px #ff4c5e00}to{box-shadow:0 0 #ff4c5e00}}.chat-recording-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:0;height:40px;animation:fadeIn var(--transition-fast) forwards;flex:1;display:flex}.chat-input-wrapper.recording{border-color:var(--error);padding-left:var(--space-xs);animation:2s ease-in-out infinite pulseRecordingBg;box-shadow:0 0 16px #ff4c5e26}@keyframes pulseRecordingBg{0%{background:#ff4c5e0d}50%{background:#ff4c5e1f}to{background:#ff4c5e0d}}.chat-recording-transcript{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;padding:0 var(--space-sm);flex:1;min-width:0;font-style:italic;overflow:hidden}.chat-recording-trash{background:var(--bg-glass);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-recording-trash:hover{background-color:var(--error-subtle);color:var(--error);border-color:var(--error);transform:scale(1.05)}.chat-recording-trash:active{transform:scale(.95)}.chat-recording-trash svg{width:18px;height:18px}.splash-screen{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.splash-loader{border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-message-error{background:var(--error-subtle);border:1px solid var(--error-border);max-width:75%;color:var(--error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;flex-direction:column;align-self:center;align-items:center;gap:6px;animation:.3s fadeInUp;display:flex}.chat-message-error-text{line-height:1.4}.chat-message-retry-btn{color:inherit;border-radius:var(--radius-sm,6px);cursor:pointer;background:#ffffff14;border:1px solid;align-items:center;gap:6px;margin-top:4px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.chat-message-retry-btn:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.chat-message-retry-btn:active:not(:disabled){transform:translateY(0)}.chat-message-retry-btn:disabled{opacity:.5;cursor:not-allowed}.chat-main-container{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.update-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);animation:fadeIn var(--transition-base) ease;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.update-card{text-align:center;width:88%;max-width:380px;animation:scaleIn var(--transition-slow) ease;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex;box-shadow:0 20px 60px #0006;background:var(--bg-secondary)!important;border:1px solid var(--border-subtle)!important}.update-icon{font-size:2.5rem;line-height:1}.update-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)!important}.update-text{max-width:300px;margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)!important}.update-btn{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;justify-content:center;align-items:center;margin-top:8px;padding:12px 32px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #5e5ce666;color:#fff!important;background:#624fe3!important;border:none!important}.update-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5e5ce680;color:#fff!important;background:#3b22dd!important}.update-btn:active{transform:translateY(0)}.welcome-container{width:100%;max-width:850px;padding:var(--space-lg) 0;text-align:center;animation:fadeInUp var(--transition-slow) ease;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.welcome-logo-container{margin-bottom:var(--space-lg);position:relative}.welcome-logo-ring{border-radius:var(--radius-lg);background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;filter:blur(8px);animation:3s ease-in-out infinite pulse;position:absolute;inset:-8px}.welcome-logo{background:var(--user-bubble-bg);border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex;position:relative}.welcome-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-glow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.welcome-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-2xl);line-height:1.6}.suggestion-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);width:100%;max-width:680px;display:grid}.suggestion-card{text-align:left;padding:var(--space-md) var(--space-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.suggestion-card:before{content:"";background:linear-gradient(135deg, var(--accent-subtle) 0%, transparent 100%);opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.suggestion-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.suggestion-card:hover:before{opacity:1}.suggestion-card-icon{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);z-index:1}.suggestion-card-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-xs);z-index:1;width:100%;font-weight:600}.suggestion-card-text{font-size:var(--font-size-xs);color:var(--text-secondary);z-index:1;width:100%;line-height:1.4}.code-block-wrapper{margin:var(--space-md) 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0c0c13;overflow:hidden}.code-block-header{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);background:#14141f;justify-content:space-between;align-items:center;display:flex}.code-block-lang{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.code-block-copy-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;display:flex}.code-block-copy-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.code-block-copy-btn svg{width:14px;height:14px}.code-block-pre{overflow-x:auto;padding:var(--space-md)!important;background:0 0!important;margin:0!important}.code-block-pre code{font-family:Fira Code,Consolas,monospace;font-size:var(--font-size-xs);color:var(--text-primary);line-height:1.5;background:0 0!important;border-radius:0!important;padding:0!important}.scroll-bottom-btn{bottom:90px;right:calc(50% - 425px + var(--space-lg));background:var(--floating-capsule-bg);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--accent-glow);cursor:pointer;transition:all var(--transition-fast);z-index:100;border-radius:50%;justify-content:center;align-items:center;animation:.2s fadeInUp;display:flex;position:absolute;box-shadow:0 4px 16px #0000001f,0 0 12px #6e5ce640}.scroll-bottom-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #6e5ce666}.suggestions-notice{margin-top:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px dashed var(--border-accent);animation:fadeIn var(--transition-slow) ease;background:#6e5ce60d;max-width:90%;display:flex}.suggestions-notice-icon{font-size:var(--font-size-sm);color:var(--accent-glow);animation:2s ease-in-out infinite pulse}.suggestions-notice-text{letter-spacing:.2px;font-weight:500}@keyframes pulseGlow{0%{border-color:#6e5ce659;box-shadow:0 0 12px #6e5ce626}50%{border-color:#6e5ce699;box-shadow:0 0 18px #6e5ce659}to{border-color:#6e5ce659;box-shadow:0 0 12px #6e5ce626}}.chat-header,.mobile-sidebar-toggle-btn,.mobile-new-chat-btn{display:none}@media (width<=768px){.chat-layout{width:100%;margin-left:0}.chat-header{box-sizing:border-box;z-index:500;pointer-events:none;justify-content:center;align-items:center;width:100%;height:68px;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.mobile-sidebar-toggle-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;pointer-events:auto;transition:all var(--transition-fast);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:16px;left:16px;transform:translateZ(0);box-shadow:0 4px 14px #0000001a}.mobile-sidebar-toggle-btn:hover,.mobile-sidebar-toggle-btn:active{background:var(--bg-glass-hover);border-color:var(--border-accent);color:var(--accent-glow)}.mobile-new-chat-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);cursor:pointer;pointer-events:auto;transition:all var(--transition-fast);z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:absolute;top:16px;right:16px;transform:translateZ(0);box-shadow:0 4px 14px #0000001a}.mobile-new-chat-btn:hover,.mobile-new-chat-btn:active{background:var(--bg-glass-hover);border-color:var(--border-accent);color:var(--accent-glow)}.mobile-sidebar-logo{object-fit:cover;border-radius:50%;width:32px;height:32px}.chat-header-center{pointer-events:auto;justify-content:center;align-items:center;width:100%;display:flex}.agent-selector{justify-content:center;margin:0 auto;display:flex}.non-chat-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:10;pointer-events:auto;padding:12px 16px;position:relative;top:auto;left:auto;right:auto}.mobile-header-title{color:var(--text-primary);text-align:center;font-size:15px;font-weight:700}.scroll-bottom-btn{right:var(--space-lg)}}@media (width<=640px){.login-card{min-width:auto;margin:var(--space-md);padding:var(--space-xl) var(--space-lg)}.chat-header{padding:var(--space-md)}.chat-header-name,.btn-icon span{display:none}.chat-message{max-width:88%}.chat-messages-inner{padding:var(--space-md)}.chat-header-logo{display:none}.chat-input-bar{padding:var(--space-md)}.chat-input-wrapper{padding-left:var(--space-md)}.suggestion-grid{grid-template-columns:1fr}.suggestion-card{padding:var(--space-sm) var(--space-md)}.token-cost-tooltip{box-sizing:border-box;min-width:220px;max-width:calc(100vw - 32px)}.agent-selector-menu{box-sizing:border-box;max-width:calc(100vw - 32px);left:50%!important;transform:translate(-50%)!important}.chat-message-agent{max-width:100px}.chat-message-body{min-width:0}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-bottom-btn{z-index:100;bottom:104px;right:16px}.suggestions-empty-state{padding:var(--space-lg) var(--space-md);grid-column:1}.suggestions-notice{gap:var(--space-xs);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column}}.chat-sidebar-rail{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);box-sizing:border-box;z-index:100;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100dvh;padding:12px 0;transition:width .22s cubic-bezier(.2,0,0,1);display:flex;overflow:visible}.chat-sidebar-rail.collapsed{width:60px}.chat-sidebar-rail.expanded{width:260px}.rail-top{flex-direction:column;flex:1;gap:10px;width:100%;min-height:0;display:flex}.rail-header{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px;display:flex}.rail-brand-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.rail-header .toggle-btn{margin:0}.rail-agent-selector-wrapper{align-items:center;min-width:0;max-width:55%;display:flex}.rail-agent-selector-wrapper .agent-selector-trigger{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:32px;padding:0 10px;font-size:12px}.rail-brand-logo{object-fit:cover;border-radius:50%;width:28px;height:28px}.rail-brand-title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-glow) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:24px;font-weight:700}.rail-icon-slot{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rail-icon-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.rail-icon-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.rail-icon-btn.active{background:var(--accent-subtle);color:var(--accent-glow)}.rail-action-container{box-sizing:border-box;flex-shrink:0;width:100%;padding:0 10px}.rail-new-chat-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:100%;height:40px;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;box-sizing:border-box;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:20px;align-items:center;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.rail-new-chat-btn:hover{background:var(--accent-subtle);color:var(--accent-glow);border-color:var(--border-accent);box-shadow:0 2px 10px #6e5ce626}.rail-history-section{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;margin-top:6px;padding:0 10px;transition:opacity .18s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden}.chat-sidebar-rail.collapsed .rail-history-section{opacity:0;pointer-events:none;visibility:hidden}.chat-sidebar-rail.expanded .rail-history-section{opacity:1;pointer-events:auto;visibility:visible;transition-delay:50ms}.rail-history-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:6px 10px;font-size:11px;font-weight:700}.rail-history-list{flex-direction:column;flex:1;gap:2px;padding-right:2px;display:flex;overflow-y:auto}.rail-history-list::-webkit-scrollbar{width:4px}.rail-history-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.chat-sidebar-item-wrapper{transition:background var(--transition-fast);box-sizing:border-box;border-radius:20px;align-items:center;width:100%;height:40px;display:flex;position:relative}.chat-sidebar-item-wrapper:hover{background:var(--bg-glass-hover)}.chat-sidebar-item-wrapper.active{background:var(--accent-subtle)}.chat-sidebar-item{align-items:center;gap:var(--space-xs);color:var(--text-secondary);border-radius:20px;flex:1;width:100%;min-width:0;height:40px;padding-right:12px;text-decoration:none;display:flex}.chat-sidebar-item.active{color:var(--accent-glow);font-weight:600}.chat-sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-sidebar-item-details{flex-direction:column;flex:1;min-width:0;display:flex}.chat-sidebar-item-title{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.chat-sidebar-item-date{font-size:var(--font-size-xs);color:var(--text-muted)}.chat-sidebar-item-actions{opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:5;background:linear-gradient(90deg, transparent 0%, var(--bg-secondary) 30%);border-radius:12px;align-items:center;gap:2px;padding:2px 4px 2px 14px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.chat-sidebar-item-wrapper:hover .chat-sidebar-item-actions{opacity:1;pointer-events:auto;background:linear-gradient(90deg, transparent 0%, var(--bg-tertiary) 30%)}.chat-sidebar-item-wrapper.active:hover .chat-sidebar-item-actions{background:linear-gradient(90deg, transparent 0%, var(--accent-subtle) 30%)}.chat-sidebar-item-action-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-sidebar-item-action-btn:hover{color:var(--text-primary);background:var(--bg-glass)}.chat-sidebar-item-action-btn.delete:hover{color:var(--error);background:var(--error-subtle)}.chat-sidebar-item-editing{background:var(--bg-tertiary);border:1px solid var(--accent-glow);box-sizing:border-box;width:100%;height:40px;animation:fadeIn var(--transition-fast);border-radius:20px;align-items:center;gap:6px;padding:0 10px;display:flex}.chat-sidebar-item-input{height:28px;color:var(--text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-weight:500}.chat-sidebar-item-action-btn.save:hover{color:#22c35d;background:#22c35d26}.rail-nav-group{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;margin-top:auto;padding:0 10px 8px;display:flex}.rail-nav-item,.rail-user-trigger{width:100%;height:40px;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;box-sizing:border-box;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:20px;align-items:center;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.rail-nav-item:hover,.rail-user-trigger:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.rail-nav-item.active{background:var(--accent-subtle);color:var(--accent-glow)}.rail-label,.rail-brand-title,.rail-user-name{white-space:nowrap;text-overflow:clip;transition:opacity .18s cubic-bezier(.2,0,0,1);overflow:hidden}.chat-sidebar-rail.collapsed .rail-label,.chat-sidebar-rail.collapsed .rail-brand-title,.chat-sidebar-rail.collapsed .rail-user-name{opacity:0;pointer-events:none;width:0}.rail-bottom{border-top:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:6px;width:100%;padding:8px 10px 0;display:flex}.rail-user-container{width:100%;position:relative}.chat-sidebar-rail.expanded .rail-label,.chat-sidebar-rail.expanded .rail-brand-title,.chat-sidebar-rail.expanded .rail-user-name{opacity:1}.rail-user-trigger:hover{background:var(--bg-glass-hover)}.rail-avatar-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.rail-avatar-img{object-fit:cover;width:100%;height:100%}.rail-avatar-fallback{background:var(--accent);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:700;display:flex}.rail-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.rail-user-menu-portal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000004d, 0 0 0 1px var(--border-subtle);animation:fadeIn var(--transition-fast);flex-direction:column;gap:4px;min-width:200px;padding:8px;display:flex}.rail-user-menu-header{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 10px;font-size:12px}.rail-user-menu-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.rail-user-menu-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.rail-user-menu-item.danger{color:var(--error)}.rail-user-menu-item.danger:hover{background:var(--error-subtle)}.chat-sidebar-loading,.chat-sidebar-empty{color:var(--text-muted);align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.sidebar-mobile-backdrop{display:none}@media (width<=768px){.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;animation:fadeIn var(--transition-fast);background:#0009;display:block;position:fixed;inset:0}.chat-sidebar-rail{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);width:80vw;box-shadow:none;z-index:1000;opacity:1;will-change:transform;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0}.chat-sidebar-rail.collapsed{pointer-events:none;box-shadow:none;transform:translate(-100%)}.chat-sidebar-rail.expanded{pointer-events:auto;width:80vw;transform:translate(0);box-shadow:8px 0 32px #0006}}.user-management-container{width:100%;animation:fadeIn var(--transition-base);flex:1;overflow-y:auto}.user-management-inner{gap:var(--space-lg);padding:var(--space-lg);flex-direction:column;width:100%;display:flex}.user-management-header{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);flex-wrap:wrap;display:flex}.user-management-title-section h1{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-weight:700}.user-management-title-section p{color:var(--text-secondary);font-size:var(--font-size-sm)}.user-management-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.user-search-wrapper{min-width:280px;position:relative}.user-search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;height:36px;color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-fast);box-sizing:border-box;padding:0 16px 0 40px;font-size:12px}.user-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.user-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.btn-primary{box-sizing:border-box;background:var(--accent);color:#fff;height:36px;font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6e5ce64d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px #6e5ce659}.btn-primary:active{transform:translateY(1px)}.user-table-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-size:var(--font-size-sm)}.user-table th{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-md);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:600}.user-table td{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.user-row{transition:background-color var(--transition-fast)}.user-row:hover{background:var(--bg-glass-hover)}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent-glow)}.badge-muted{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle)}.user-actions{align-items:center;gap:var(--space-xs);display:flex}.btn-secondary{box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border-subtle);height:36px;color:var(--text-primary);font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--accent)}.btn-danger-outline{box-sizing:border-box;border:1px solid var(--error-border);width:36px;height:36px;color:var(--error);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-danger-outline:hover{background:var(--error-subtle);border-color:var(--error)}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:1000;padding:var(--space-md);animation:fadeIn var(--transition-fast);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg), var(--shadow-glow);animation:scaleIn var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.btn-close{color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.btn-close:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.modal-body{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:var(--space-md);background:var(--bg-tertiary);display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.form-input{box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:36px;color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-fast);padding:0 14px;font-size:12px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.form-input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.store-selector-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-tertiary);flex-direction:column;display:flex;overflow:hidden}.store-selector-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--bg-secondary);flex-wrap:wrap;display:flex}.store-selector-search{flex:1;min-width:200px;position:relative}.store-selector-actions{gap:var(--space-sm);display:flex}.store-selector-body{max-height:280px;padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.store-group-accordion{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);transition:border-color var(--transition-fast);flex-shrink:0;overflow:hidden}.store-group-accordion.has-selected{border-color:var(--border-accent)}.store-group-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.store-group-header-row:hover{background:var(--bg-glass-hover)}.store-group-title-side{align-items:center;gap:var(--space-sm);flex:1;display:flex}.store-group-expand-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;transition:transform var(--transition-base), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.store-group-expand-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.store-group-expand-btn.is-expanded{transform:rotate(180deg)}.store-group-children{border-top:1px solid var(--border-subtle);padding:var(--space-sm);background:var(--bg-tertiary);gap:var(--space-xs);animation:slideDown var(--transition-base);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.store-checkbox-wrapper{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-xs);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:6px 8px;display:flex}.store-checkbox-wrapper:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.custom-checkbox{background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:16px;height:16px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.store-checkbox-wrapper input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.store-checkbox-wrapper input:checked~.custom-checkbox,.store-checkbox-wrapper input:indeterminate~.custom-checkbox{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #6c5ce766}.custom-checkbox:after{content:"";display:none;position:absolute}.store-checkbox-wrapper input:checked~.custom-checkbox:after{border:solid var(--text-inverse);border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.store-checkbox-wrapper input:indeterminate~.custom-checkbox:after{background:var(--text-inverse);width:8px;height:2px;display:block}.store-count-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.user-empty-state{padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.user-empty-icon{font-size:var(--font-size-4xl);opacity:.5}@media (width<=768px){.user-management-inner{padding:var(--space-md);gap:var(--space-md)}.user-management-header{align-items:stretch;gap:var(--space-md);flex-direction:column}.user-management-actions{flex-direction:column;align-items:stretch;width:100%}.user-search-wrapper{min-width:100%}.btn-primary{justify-content:center;width:100%}.modal-container{width:95%;max-height:90vh;padding:var(--space-md)}}.skeleton-box{background:var(--bg-tertiary);border-radius:var(--radius-sm);filter:blur(1px);opacity:.75;position:relative;overflow:hidden}.skeleton-box:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff40 30%,#ffffff80 50%,#ffffff40 70%,#fff0 100%);animation:1.8s cubic-bezier(.4,0,.2,1) infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=dark] .skeleton-box:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0f 30%,#ffffff26 50%,#ffffff0f 70%,#fff0 100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.fade-in-content{animation:.45s cubic-bezier(.16,1,.3,1) forwards content-fade-in}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}.skeleton-card-loading{cursor:default;pointer-events:none;box-sizing:border-box;align-items:stretch}.skeleton-card-loading:hover{border-color:var(--border-subtle);box-shadow:none;transform:none}.user-usage-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-md);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.user-usage-modal-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:920px;max-width:94vw;height:720px;max-height:88vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden}.user-usage-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.user-usage-title-wrapper{align-items:center;gap:var(--space-sm);display:flex}.user-usage-icon-badge{border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-glow,#eb5e28);background:#eb5e281f;justify-content:center;align-items:center;display:flex}.user-usage-title{font-size:var(--font-size-md);color:var(--text-primary);margin:0;font-weight:700}.user-usage-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:2px 0 0}.user-usage-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.user-usage-close-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.user-usage-body{flex:1;grid-template-columns:330px 1fr;height:calc(100% - 60px);display:grid;overflow:hidden}.user-usage-calendar-section{border-right:1px solid var(--border-subtle);background:var(--bg-tertiary);box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;overflow:hidden}.calendar-month-header{justify-content:space-between;align-items:center;display:flex}.calendar-month-title{font-size:var(--font-size-sm);color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.spinner-mini{border:2px solid var(--border-subtle);border-top-color:var(--accent-glow,#eb5e28);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.calendar-month-actions{align-items:center;gap:6px;display:flex}.calendar-nav-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:4px 8px;display:flex}.calendar-nav-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-accent)}.calendar-today-btn{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px;font-weight:600}.calendar-today-btn:hover{color:#eb5e28;background:#eb5e2826;border-color:#eb5e28}.calendar-summary-bar{background:0 0;border:none;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:2px;padding:0;display:grid}.calendar-summary-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;display:flex}.calendar-summary-label{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:500}.calendar-summary-value{color:var(--accent-glow,#eb5e28);white-space:nowrap;margin-top:2px;font-size:12px;font-weight:700}.calendar-weekdays-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday-cell{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 0;font-size:11px;font-weight:600}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;width:100%;display:grid}.calendar-day-cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:1px;font-size:12px;font-weight:600;display:flex;position:relative}.calendar-day-cell.cell-padding{cursor:default;background:0 0;border:none}.calendar-day-cell.cell-disabled{opacity:.25;pointer-events:none;cursor:not-allowed!important;color:var(--text-muted)!important;background:0 0!important;border-color:#0000!important}.calendar-day-cell.cell-empty:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-subtle)}.calendar-day-cell.cell-active{color:var(--text-primary);background:#eb5e2814;border-color:#eb5e2859}.calendar-day-cell.cell-active:hover{background:#eb5e282e;border-color:#eb5e28}.calendar-day-cell.cell-selected{box-shadow:0 4px 12px #eb5e2859;color:#fff!important;background:#eb5e28!important;border-color:#eb5e28!important}.calendar-day-cell.cell-today:after{content:"";background:#eb5e28;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.calendar-day-cell.cell-selected.cell-today:after{background:#fff}.day-activity-badge{color:#eb5e28;background:#eb5e2833;border-radius:8px;margin-top:2px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1}.cell-selected .day-activity-badge{color:#fff;background:#ffffff40}.user-usage-feed-section{background:var(--bg-secondary);flex-direction:column;height:100%;display:flex;overflow-y:auto}.feed-placeholder{padding:var(--space-xl);text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.feed-placeholder h3{font-size:var(--font-size-md);color:var(--text-primary);margin:0}.feed-placeholder p{font-size:var(--font-size-xs);max-width:320px;margin:0;line-height:1.5}.feed-content-wrapper{flex-direction:column;height:100%;display:flex}.feed-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.feed-header-info{color:var(--accent-glow,#eb5e28);align-items:center;gap:8px;display:flex}.feed-header-info h3{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:700}.feed-count-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:3px 8px}.feed-messages-list{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.feed-loading-state,.feed-empty-state{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.feed-interaction-item{padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:10px;display:flex}.feed-bubble{flex-direction:column;gap:4px;display:flex}.feed-bubble-meta{font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.feed-bubble-user .feed-bubble-meta{color:#eb5e28}.feed-bubble-ai .feed-bubble-meta{color:var(--accent-glow,#6366f1)}.feed-bubble-time{color:var(--text-muted);font-size:11px;font-weight:400}.feed-meta-right{align-items:center;gap:8px;display:flex}.feed-token-badge{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.feed-bubble-text{font-size:var(--font-size-xs);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:8px 12px;line-height:1.5}.feed-bubble-text.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-expand-btn{color:#eb5e28;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.feed-expand-btn:hover{text-decoration:underline}@media (width<=640px){.col-user-email,.btn-action-label{display:none!important}.btn-action-item{gap:0!important;padding:6px 8px!important}.user-actions{gap:4px!important}}@media (width<=768px){.user-usage-modal-backdrop{padding:8px}.user-usage-modal-card{border-radius:var(--radius-md);height:94vh;max-height:94vh}.user-usage-header{padding:10px 14px}.user-usage-icon-badge{width:32px;height:32px}.user-usage-title{font-size:var(--font-size-sm)}.user-usage-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:calc(100% - 55px);overflow-y:auto}.user-usage-calendar-section{border-right:none;border-bottom:1px solid var(--border-subtle);gap:8px;height:auto;padding:12px;overflow-y:visible}.calendar-days-grid{gap:4px}.calendar-day-cell{padding:1px;font-size:12px}.day-activity-badge{padding:1px 3px;font-size:8px}.user-usage-feed-section{height:100%;min-height:280px}.feed-messages-list{padding:12px}}.analytics-container{scrollbar-gutter:stable;width:100%;animation:fadeIn var(--transition-base);flex:1;overflow-y:scroll}.analytics-inner{gap:var(--space-lg);padding:var(--space-lg);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.analytics-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);flex-wrap:wrap;display:flex}.analytics-title-section{gap:var(--space-xs);flex-direction:column;display:flex}.analytics-title-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.analytics-title-row h1{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;align-items:center;gap:var(--space-sm);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;display:flex}.analytics-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.analytics-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.analytics-controls-subrow{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.analytics-refresh-btn{align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.period-pills-group{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-sizing:border-box;align-items:center;gap:3px;height:36px;padding:3px;display:inline-flex}.period-pill-btn{border-radius:var(--radius-md);height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.period-pill-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.period-pill-btn.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #6e5ce64d}.date-range-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1050;padding:var(--space-md);animation:fadeIn var(--transition-fast);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.date-range-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:380px;max-width:95vw;animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}.date-range-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.date-range-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.date-range-body{flex-direction:column;gap:14px;padding:18px;display:flex}.range-month-nav{justify-content:space-between;align-items:center;display:flex}.range-month-title{color:var(--text-primary);font-size:14px;font-weight:700}.range-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.range-nav-btn:hover:not(:disabled){background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent)}.range-nav-btn:disabled{opacity:.3;cursor:not-allowed}.range-weekdays-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.range-weekday-label{color:var(--text-muted);text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:600}.range-days-grid{grid-template-columns:repeat(7,1fr);gap:4px 0;display:grid}.range-day-wrapper{justify-content:center;align-items:center;height:38px;display:flex;position:relative}.range-day-bg{pointer-events:none;z-index:1;background:0 0;position:absolute;inset:4px 0}.range-day-bg.in-range{background:#6e5ce62e}.range-day-bg.range-start-bg{border-top-left-radius:16px;border-bottom-left-radius:16px;left:50%;right:0}.range-day-bg.range-end-bg{border-top-right-radius:16px;border-bottom-right-radius:16px;left:0;right:50%}.range-day-bg.range-start-bg.range-end-bg{display:none}.range-day-bg.in-range.row-start-bg{border-top-left-radius:16px;border-bottom-left-radius:16px}.range-day-bg.in-range.row-end-bg{border-top-right-radius:16px;border-bottom-right-radius:16px}.range-day-btn{width:32px;height:32px;color:var(--text-primary);cursor:pointer;z-index:2;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:relative}.range-day-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--accent)}.range-day-btn.disabled{color:var(--text-muted);opacity:.3;cursor:not-allowed!important}.range-day-btn.selected-start,.range-day-btn.selected-end{box-shadow:0 2px 8px #6e5ce666;background:var(--accent)!important;color:#fff!important}.range-day-btn.today-indicator:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.range-day-btn.selected-start.today-indicator:after,.range-day-btn.selected-end.today-indicator:after{background:#fff}.date-range-footer{border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.range-summary-info{color:var(--text-secondary);font-size:12px;font-weight:500}.range-action-btns{align-items:center;gap:8px;display:flex}.analytics-area-select{appearance:none;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;align-items:center;padding:0 34px 0 14px;font-size:12px;font-weight:500;display:inline-flex}.analytics-area-select:focus,.analytics-area-select:hover{border-color:var(--accent);background:var(--bg-tertiary)}.analytics-scope-badge{color:#0284c7;border-radius:var(--radius-md);white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf840;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.analytics-kpi-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-icon-badge{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-badge.purple{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 4px 12px #8b5cf64d}.kpi-icon-badge.emerald{background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 4px 12px #10b9814d}.kpi-icon-badge.amber{background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);box-shadow:0 4px 12px #f59e0b4d}.kpi-icon-badge.sky{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 12px #0284c74d}.kpi-info{flex-direction:column;flex:1;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.kpi-value{color:var(--text-primary);margin:2px 0;font-size:22px;font-weight:700}.kpi-subtext{color:var(--text-secondary);font-size:11px}.analytics-tabs{gap:var(--space-sm);border-bottom:1px solid var(--border-subtle);padding-bottom:2px;display:flex}.analytics-tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.analytics-tab-btn:hover{color:var(--text-primary)}.analytics-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.analytics-grid-two-col{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.analytics-grid-two-col{grid-template-columns:1fr}}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;min-height:260px;display:flex}.analytics-card .user-empty-state{min-height:200px}.analytics-card-header{justify-content:space-between;align-items:center;display:flex}.analytics-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.leaderboard-list{gap:var(--space-sm);flex-direction:column;display:flex}.leaderboard-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.leaderboard-item:hover{border-color:var(--border-accent)}.leaderboard-user-side{align-items:center;gap:var(--space-md);display:flex}.leaderboard-rank{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.leaderboard-rank.top-1{color:#fff;background:#f59e0b}.leaderboard-rank.top-2{color:#fff;background:#94a3b8}.leaderboard-rank.top-3{color:#fff;background:#b45309}.leaderboard-user-details{flex-direction:column;display:flex}.leaderboard-name{color:var(--text-primary);font-size:13px;font-weight:600}.leaderboard-sub{color:var(--text-muted);font-size:11px}.leaderboard-metrics-side{flex-direction:column;align-items:flex-end;display:flex}.leaderboard-tokens{color:var(--text-primary);font-size:13px;font-weight:700}.leaderboard-cost{color:#10b981;font-size:11px;font-weight:600}.dist-bars-list{gap:var(--space-md);flex-direction:column;display:flex}.dist-bar-item{flex-direction:column;gap:6px;display:flex}.dist-bar-meta{justify-content:space-between;font-size:12px;display:flex}.dist-bar-label{color:var(--text-primary);font-weight:600}.dist-bar-val{color:var(--text-secondary)}.dist-bar-track{background:var(--bg-primary);border-radius:var(--radius-full);height:8px;overflow:hidden}.dist-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dist-bar-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.dist-bar-fill.emerald{background:linear-gradient(90deg,#10b981,#34d399)}.dist-bar-fill.sky{background:linear-gradient(90deg,#0284c7,#38bdf8)}.dist-bar-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.inspector-filters{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.inspector-table-wrapper{overflow-x:auto}.inspector-table{border-collapse:collapse;width:100%;font-size:13px}.inspector-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding:12px 14px;font-size:11px;font-weight:600}.inspector-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.inspector-table tbody tr:hover{background:var(--bg-glass-hover)}.inspector-prompt-preview{white-space:nowrap;text-overflow:ellipsis;max-width:320px;color:var(--text-secondary);overflow:hidden}.inspector-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast);background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.inspector-drawer{background:var(--bg-secondary);width:100%;max-width:580px;height:100%;animation:slideInRight var(--transition-base);flex-direction:column;display:flex;box-shadow:-8px 0 32px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.inspector-drawer-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.inspector-drawer-body{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inspector-detail-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;gap:8px;display:flex}.inspector-detail-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.inspector-detail-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.inspector-metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inspector-metric-tile{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;padding:10px 14px;display:flex}.inspector-metric-tile span{color:var(--text-muted);font-size:11px}.inspector-metric-tile strong{color:var(--text-primary);font-size:15px}.inspector-pagination-bar{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;padding:14px 16px;display:flex}.pagination-info{color:var(--text-secondary);font-size:12px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:5px 10px;font-size:12px;font-weight:600}.pagination-btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page-num{border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.pagination-page-num:hover{color:var(--text-primary);border-color:var(--border-accent)}.pagination-page-num.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 6px #6e5ce64d}.pagination-size-select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;padding:4px 8px;font-size:12px}@media (width<=768px){.analytics-inner{padding:var(--space-sm);gap:var(--space-md)}.analytics-header{align-items:stretch;gap:var(--space-sm);flex-direction:column}.analytics-controls{align-items:stretch;gap:var(--space-xs);flex-direction:column;width:100%}.period-pills-group{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;height:36px;padding:3px;overflow-x:auto}.period-pills-group::-webkit-scrollbar{display:none}.period-pill-btn{flex-shrink:0;height:28px;padding:0 12px;font-size:11px}.analytics-controls-subrow{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.analytics-area-select{flex:100%;width:100%;height:36px;font-size:12px}.analytics-controls-subrow .period-pills-group{flex:1;justify-content:center;min-width:130px}.analytics-controls-subrow .period-pill-btn{justify-content:center;width:100%}.analytics-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:4px;overflow-x:auto}.analytics-tab-btn{flex-shrink:0;padding:8px 12px;font-size:12px}.leaderboard-item{gap:8px;padding:8px 10px}.leaderboard-user-details{flex:1;min-width:0}.leaderboard-name,.leaderboard-sub{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.dist-bar-meta{flex-direction:column;align-items:flex-start;gap:2px}.inspector-pagination-bar{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:6px}.inspector-drawer{max-width:100%}}