@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:var(--space-4);width:320px}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semi);color:var(--text-primary);text-align:center;margin-bottom:var(--space-2)}.login-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:var(--font-sans);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.login-input:focus{border-color:var(--color-brand-400)}.login-button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-sans);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);background:var(--color-brand-600);color:#fff;cursor:pointer;transition:background var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-brand-700)}.login-button:disabled{opacity:.5;cursor:default}.login-error{font-size:var(--font-size-sm);color:var(--color-danger-base);text-align:center}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-nav{width:160px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-primary);border-right:1px solid var(--border-default);padding:var(--space-4) 0}.admin-nav-brand{padding:0 var(--space-4) var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);color:var(--text-primary);letter-spacing:-.02em}.admin-nav-links{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-2)}.admin-nav-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.admin-nav-link:hover{background:var(--surface-tertiary);color:var(--text-primary)}.admin-nav-link.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:var(--font-weight-medium)}.admin-nav-logout{margin:0 var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:color var(--transition-fast)}.admin-nav-logout:hover{color:var(--color-danger-base)}.admin-main{flex:1;overflow:hidden}.user-list{display:flex;flex-direction:column;overflow:hidden;height:100%}.user-list-search{padding:var(--space-2);flex-shrink:0}.user-list-search-input{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-sans);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--text-primary);outline:none}.user-list-search-input:focus{border-color:var(--color-brand-400)}.user-list-items{flex:1;overflow-y:auto}.user-item{display:block;width:100%;padding:var(--space-2) var(--space-3);text-align:left;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast)}.user-item:hover{background:var(--surface-tertiary)}.user-item.selected{background:var(--color-brand-50)}.user-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item-meta{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.user-item-provider{color:var(--text-secondary)}.session-list{overflow-y:auto;height:100%}.session-group{border-bottom:1px solid var(--border-default)}.session-group-header{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-secondary);position:sticky;top:0}.session-item{display:block;width:100%;padding:var(--space-2) var(--space-3);text-align:left;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast)}.session-item:hover{background:var(--surface-tertiary)}.session-item.selected{background:var(--color-brand-50)}.session-item-header{display:flex;justify-content:space-between;align-items:center}.session-item-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.session-item-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.session-item-model{font-size:var(--font-size-xs);color:var(--color-brand-600);margin-top:2px}.session-item-preview{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-block{margin-bottom:var(--space-2)}.tool-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-secondary);background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.tool-toggle:hover{background:var(--surface-tertiary)}.tool-toggle-icon{font-size:8px;color:var(--text-tertiary)}.tool-toggle-names{color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-details{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.tool-call-item{background:var(--surface-tertiary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default)}.tool-call-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);color:var(--color-brand-700);margin-bottom:var(--space-1)}.tool-call-error-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-danger-base);background:none}.tool-call-error{color:var(--color-danger-base)}.tool-call-section{margin-top:var(--space-1)}.tool-call-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.tool-call-json{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--surface-secondary);padding:var(--space-2);border-radius:var(--radius-sm);margin-top:2px;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre}.msg-block{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:1.55}.msg-user{background:var(--color-brand-50);border:1px solid var(--color-brand-100)}.msg-assistant{background:var(--surface-primary);border:1px solid var(--border-default)}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.msg-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.msg-time{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.msg-content{color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.msg-images{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.msg-image-tag{display:inline-block;padding:1px var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-brand-700);background:var(--color-brand-50);border-radius:var(--radius-sm);border:1px solid var(--color-brand-100)}.conversation-view{padding:var(--space-4);overflow-y:auto;height:100%;display:flex;flex-direction:column;gap:var(--space-3)}.sessions-page{display:grid;grid-template-columns:240px 300px 1fr;height:100%;overflow:hidden}.sessions-panel{display:flex;flex-direction:column;border-right:1px solid var(--border-default);overflow:hidden}.sessions-panel:last-child{border-right:none}.panel-header{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default);background:var(--surface-primary);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.panel-header-meta{font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:normal;color:var(--text-tertiary);font-size:var(--font-size-xs)}.panel-status{padding:var(--space-6);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center}.sessions-users{background:var(--surface-secondary)}.sessions-list{background:var(--surface-primary)}.sessions-conversation{background:var(--surface-secondary)}.granularity-selector{display:flex;gap:1px;background:var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.granularity-btn{padding:var(--space-1) var(--space-4);border:none;background:var(--surface-primary);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.granularity-btn:hover{background:var(--surface-tertiary)}.granularity-btn.active{background:var(--color-brand-600);color:#fff}.chart-card{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.chart-card-header{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-6) 0}.chart-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);color:var(--text-primary)}.chart-card-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.chart-card-body{padding:var(--space-4) var(--space-4) var(--space-5)}.page-status{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--font-size-lg);color:var(--text-secondary)}.page-error code{background:var(--surface-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semi);color:var(--text-primary);letter-spacing:-.02em}.page-meta{font-size:var(--font-size-sm);color:var(--text-tertiary)}.stats-page{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5);height:100%;overflow-y:auto}.stats-grid{display:flex;flex-direction:column;gap:var(--space-5)}:root{--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-neutral-0: #ffffff;--color-neutral-25: #fafbfc;--color-neutral-50: #f8f9fb;--color-neutral-100: #f1f3f5;--color-neutral-150: #e8ecf0;--color-neutral-200: #dde1e6;--color-neutral-300: #c4cbd4;--color-neutral-400: #a1a9b4;--color-neutral-500: #78818e;--color-neutral-600: #5a6370;--color-neutral-700: #434b56;--color-neutral-800: #2d333b;--color-neutral-900: #1c2028;--color-neutral-950: #0f1217;--color-success-base: #22c55e;--color-success-dark: #15803d;--color-danger-base: #ef4444;--color-danger-dark: #dc2626;--surface-primary: var(--color-neutral-0);--surface-secondary: var(--color-neutral-25);--surface-tertiary: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-400);--border-subtle: #eef0f4;--border-default: var(--color-neutral-150);--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 10.5px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 13.5px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-2xl: 22px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--transition-fast: .08s ease;--transition-normal: .15s ease}[data-theme=dark]{--color-neutral-0: #1c2028;--color-neutral-25: #1f242c;--color-neutral-50: #23282f;--color-neutral-100: #2d333b;--color-neutral-150: #353c46;--color-neutral-200: #3d4450;--color-neutral-300: #4d5563;--color-neutral-400: #6b7585;--color-neutral-500: #8b95a5;--color-neutral-600: #a8b1bd;--color-neutral-700: #c4cbd4;--color-neutral-800: #dde1e6;--color-neutral-900: #f1f3f5;--color-neutral-950: #fafbfc;--surface-primary: var(--color-neutral-0);--surface-secondary: var(--color-neutral-25);--surface-tertiary: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-400);--border-subtle: var(--color-neutral-100);--border-default: var(--color-neutral-150);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--surface-secondary);line-height:1.5}#root{min-height:100vh}