:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--color-background:#f4f6fb;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd5f5;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-primary:#6366f1;--color-primary-strong:#4f46e5;--color-primary-muted:#6366f126;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-xs:0 1px 2px #0f172a14;--shadow-sm:0 4px 12px #0f172a14;--shadow-md:0 18px 40px #4f46e526;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--transition-base:all 0.2s ease}*,:after,:before{box-sizing:border-box}body,html{background-color:#f4f6fb;background-color:var(--color-background);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);margin:0;min-height:100%;padding:0}img{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}a{color:inherit}.app-shell{background:linear-gradient(180deg,#6366f114,#f4f6fb00 45%);min-height:100vh}.surface{background-color:#fff;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a14;box-shadow:var(--shadow-xs)}.section-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}@media (min-width:1024px){.section-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:10px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background-color:#fee;border-radius:4px;color:#c33;font-size:14px;padding:10px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:opacity .3s ease}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.6}.overview-view{display:flex;flex-direction:column;gap:var(--space-6)}.overview-view .ds-filter-bar{max-width:420px}.table-link{background:none;border:none;color:var(--color-primary-strong);cursor:pointer;font:inherit;font-weight:600;padding:0;text-align:left}.table-link:focus-visible,.table-link:hover{outline:none;text-decoration:underline}.master-users-view{display:flex;flex-direction:column;gap:var(--space-6)}.master-users-view .ds-filter-bar{flex-wrap:wrap}.layout{background:var(--color-background);display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f172ad9;border-bottom:1px solid #94a3b840;box-shadow:0 12px 32px #0f172a2e;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-4) var(--space-6)}.nav-brand{display:flex;flex-direction:column;gap:.2rem}.nav-brand h2{color:var(--color-text-inverse);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0}.nav-brand span{color:#ffffffa6;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:var(--space-2)}.nav-link{align-items:center;border-radius:999px;color:#ffffffb3;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1rem;position:relative;text-decoration:none;transition:var(--transition-base)}.nav-link:focus-visible,.nav-link:hover{background-color:#6366f138;box-shadow:0 0 0 2px #6366f173;color:var(--color-text-inverse);outline:none}.nav-link.active{background:#6366f147;box-shadow:inset 0 1px 0 #ffffff1a;color:var(--color-text-inverse)}.nav-link.active:after{background:var(--color-primary);border-radius:999px;bottom:-.45rem;box-shadow:0 0 0 4px #6366f140;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%);width:10px}.nav-user{align-items:center;color:#ffffffc2;display:flex;gap:var(--space-3)}.nav-user span{font-size:.9rem;font-weight:500}.nav-user button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logout,.nav-logout:hover{color:#fff!important}.nav-logout:hover{background-color:#ffffff1f}.main-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6);width:100%}@media (max-width:1024px){.navbar__inner{flex-direction:column;gap:var(--space-4);text-align:center}.nav-links{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.main-content{padding:var(--space-6) var(--space-4)}.nav-user{flex-direction:column;gap:var(--space-2)}}.App{background-color:#f5f7fa}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem;text-align:center}.app-header h1{font-size:2.5rem;font-weight:600;margin:0 0 .5rem}.app-header p{font-size:1.1rem;margin:0;opacity:.9}.app-container{display:flex;min-height:calc(100vh - 140px)}.sidebar{background:#fff;box-shadow:2px 0 4px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{margin-bottom:.5rem}.nav-button{background:#f9fafb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.nav-button:hover{background:#e5e7eb;transform:translateX(2px)}.nav-button.active{background:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff}.main-content{flex:1 1;max-width:calc(100vw - 320px);padding:2rem}.page-header{margin-bottom:2rem}.page-header h2{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;color:#1f2937;font-size:2rem;margin:0 0 .75rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.metric-value{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.metric-label{color:#6b7280;font-weight:500}.card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;overflow:hidden}.card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem}.card-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.card-content,.filters{padding:1.5rem}.filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:1.5rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.filter-group label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.filter-group input,.filter-group select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;color:#374151;font-size:.95rem;font-weight:500;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-group input:hover,.filter-group select:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 6px -1px #0000001a;outline:none;transform:translateY(-1px)}.filter-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}@media (max-width:768px){.filters{flex-direction:column;gap:1rem;padding:1rem}.filter-group{min-width:auto}.metrics-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr;grid-template-rows:repeat(9,1fr)}}.data-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.data-table th{color:#374151;font-weight:600}.data-table th,.data-table tr:hover{background:#f9fafb}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.error{background:#fef2f2;border-radius:8px;padding:1rem}.info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #3b82f633;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;color:#1e40af;font-size:.875rem;font-weight:500;margin:1.5rem 0;overflow:hidden;padding:1rem 1.25rem;position:relative}.info:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.status-active{color:#28a745;font-weight:500}.status-inactive{color:#dc3545;font-weight:500}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.org-link{background:none;border:none;color:#007bff;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.org-link:hover{color:#0056b3;text-decoration:none}.database-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f099;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;color:#64748b;font-size:.875rem;padding:.75rem 1rem}.database-info strong{color:#374151;font-weight:600}@media (max-width:640px){.metrics-grid{gap:1rem;grid-template-columns:1fr}.page-header h2{font-size:1.75rem}}@media (max-width:1024px){.app-container{flex-direction:column}.sidebar{position:static;width:100%}.main-content{max-width:100%}.nav-menu{display:flex;flex-wrap:wrap;gap:.5rem}.nav-menu li{margin-bottom:0}.nav-button{min-width:150px;width:auto}}.metrics-section{margin-bottom:2rem}.metrics-section-title{border-left:4px solid #667eea;color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-left:.5rem}.metrics-partition{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.metrics-divider{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);height:2px;margin:2rem 0;position:relative}.metrics-divider:after{background:#667eea;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@media (max-width:768px){.metrics-partition{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-partition{grid-template-columns:1fr}}.invites-container{background-color:#f5f7fa;min-height:100vh;padding:2rem}.invites-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-actions{align-items:center;display:flex;gap:15px}.download-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.download-btn:hover:not(:disabled){background-color:#0056b3}.download-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.invites-header{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{justify-content:space-between;width:100%}}.invites-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .75rem}.requests-count{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;overflow:hidden}.invites-table{border-collapse:collapse;font-size:.9rem;width:100%}.invites-table td,.invites-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.invites-table th{background:#f9fafb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.invites-table tbody tr:hover{background:#f9fafb;transition:background-color .2s ease}.invites-table tbody tr:last-child td{border-bottom:none}.email-cell,.name-cell{color:#374151;font-weight:500}.date-cell,.phone-cell,.type-cell{color:#6b7280}.date-cell{font-size:.875rem}.loading{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#6b7280;font-size:1.1rem;padding:3rem;text-align:center}.error{background:linear-gradient(135deg,#fef2f2,#fdf2f8);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 4px #dc26261a;color:#dc2626;font-weight:500;margin:1rem 0;padding:1.5rem}.no-invites{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#6b7280;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.invites-container{padding:1rem}.invites-header h1{font-size:1.75rem}.table-container{overflow-x:auto}.invites-table{min-width:600px}.invites-table td,.invites-table th{font-size:.875rem;padding:.75rem .5rem}}@media (max-width:480px){.invites-container{padding:.5rem}.invites-header h1{font-size:1.5rem}.requests-count{font-size:.875rem}.invites-table td,.invites-table th{font-size:.8rem;padding:.5rem .25rem}}@media (max-width:640px){.table-container{display:none}.cards-container{display:block}.invite-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.invite-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.invite-card-name{color:#374151;font-size:1.1rem;font-weight:600}.invite-card-type{background:#667eea;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.invite-card-body{grid-gap:.75rem;display:grid;gap:.75rem}.invite-card-field{align-items:center;display:flex;justify-content:space-between}.invite-card-label{color:#6b7280;font-size:.875rem;font-weight:500}.invite-card-value{color:#374151;font-weight:500;text-align:right}}@media (min-width:641px){.cards-container{display:none}}.usage-view{display:flex;flex-direction:column;gap:var(--space-6)}.table-wrapper{overflow-x:auto;width:100%}.usage-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.persona-filter{display:flex;flex:1 1 280px;flex-direction:column;gap:.45rem;min-width:260px;position:relative}.persona-filter label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.persona-filter__toggle{align-items:center;background-color:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:var(--transition-base)}.persona-filter__toggle.open,.persona-filter__toggle:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f12e}.persona-filter__menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:none;left:0;max-height:340px;overflow-y:auto;padding:var(--space-4);position:absolute;top:calc(100% + .5rem);width:min(320px,100%);z-index:10}.persona-filter__menu.open{display:block}.persona-filter__actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.persona-filter__select-all{align-items:center;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem}.persona-filter__clear{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-weight:600}.persona-filter__clear:hover{text-decoration:underline}.persona-filter__modes{align-items:center;display:flex;font-size:.8rem;gap:var(--space-3);margin-bottom:var(--space-3)}.persona-filter__modes label{align-items:center;color:var(--color-text);display:inline-flex;font-weight:500;gap:.5rem;letter-spacing:normal;text-transform:none}.persona-filter__options{display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.persona-filter__option{align-items:center;color:var(--color-text);display:inline-flex;font-weight:500;gap:.65rem}.usage-expand-btn{background:#0000;border:none;color:var(--color-primary-strong);cursor:pointer;font-size:1.1rem;line-height:1;padding:.25rem}.usage-expand-btn:hover{transform:translateY(-1px)}.persona-row{background-color:#6366f10d}.persona-row__label{color:var(--color-primary-strong);font-weight:600;padding-left:1.5rem}.usage-chart{margin-top:var(--space-6)}.usage-chart h3{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-4)}@media (max-width:768px){.persona-filter__menu{box-shadow:none;position:static;width:100%}}.conversations-container{align-items:center;background:linear-gradient(180deg,#eff2f8,#f7f8fc 50%,#edf2fb);box-sizing:border-box;color:#0f172a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:32px;min-height:100vh;padding:48px 32px 64px}.conversations-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 24px 48px #0f172a1f;max-width:1180px;padding:32px;width:100%}.header-content{flex-wrap:wrap}.header-text h1{color:#0f172a;font-size:2.4rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.header-text p{color:#475569;font-size:1.05rem;margin:0}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 16px 28px #dc262647;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:12px 22px;transition:transform .2s ease,box-shadow .2s ease}.logout-button:hover{box-shadow:0 20px 36px #dc262652;transform:translateY(-1px)}.auth-form-container{margin:0 auto;max-width:520px;text-align:center;width:100%}.auth-form{background:#ffffffe6;border:1px solid #e2e8f0b3;border-radius:24px;box-shadow:0 24px 48px #0f172a24;margin-bottom:24px;padding:36px}.auth-input-group{margin-bottom:24px;text-align:left}.auth-input-group label{color:#334155;display:block;font-weight:600;letter-spacing:.01em;margin-bottom:10px}.auth-input{background:#f8fafc;border:1px solid #d9e0f0;border-radius:14px;box-sizing:border-box;font-size:1rem;padding:14px 18px;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e;outline:none}.auth-input:disabled{background:#f1f5f9;color:#94a3b8}.auth-error{background:#f8717124;border:1px solid #f8717159;border-radius:14px;color:#b91c1c;margin-bottom:20px;padding:16px}.auth-submit-button{background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:999px;box-shadow:0 20px 36px #6366f14d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.auth-submit-button:hover:not(:disabled){box-shadow:0 24px 42px #6366f159;transform:translateY(-1px)}.auth-submit-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.auth-info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#bfdbfe59;border:1px solid #60a5fa66;border-radius:18px;color:#1d4ed8;padding:20px 24px}.auth-info p{line-height:1.6;margin:0 0 12px}.auth-info p:last-child{margin-bottom:0}.conversations-content{background:#fffffff0;border:1px solid #e2e8f0b3;border-radius:28px;box-shadow:0 30px 60px #0f172a29;display:flex;flex-direction:column;gap:24px;max-width:1180px;padding:36px 40px;width:100%}.input-method-toggle{align-items:center;background:#f8fafcf2;border:1px solid #e2e8f0cc;border-radius:18px;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.toggle-label{align-items:center;color:#1e293b;cursor:pointer;display:inline-flex;font-weight:600;gap:12px}.toggle-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#cbd5f5,#94a3f7);border-radius:999px;height:24px;position:relative;transition:background .2s ease;width:48px}.toggle-label input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 4px 10px #0f172a1f;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-label input[type=checkbox]:checked{background:linear-gradient(135deg,#34d399,#059669)}.toggle-label input[type=checkbox]:checked:after{transform:translateX(24px)}.filters-container{align-items:center;background:#ffffffeb;border:1px solid #e2e8f0b3;border-radius:18px;box-shadow:0 16px 32px #0f172a1a;display:flex;flex-wrap:wrap;gap:22px;padding:18px 24px}.search-container{flex:1.4 1;min-width:240px}.search-input{-webkit-appearance:none;appearance:none;background:#f8fafc;border:1px solid #d9e0f0;border-radius:14px;color:#0f172a;font-size:1rem;padding:14px 18px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f124;outline:none}.users-list h3{color:#343a40;font-size:1.3rem;margin-bottom:15px}.users-list-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.selection-counter{color:#475569;font-size:.9rem;font-weight:500}.toggle-helper{color:#64748b;font-size:.9rem}.users-grid{grid-gap:18px;background:#f8fafccc;border:1px solid #e2e8f0b3;border-radius:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:420px;overflow-y:auto;padding:12px}.user-card{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 14px 28px #0f172a14;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.user-card:hover{border-color:#6366f180;box-shadow:0 20px 36px #6366f138;transform:translateY(-2px)}.user-card.selected{background:#eef2fff2;border-color:#6366f1e6;box-shadow:0 24px 42px #6366f147}.user-email{color:#0f172a;font-weight:700;margin-bottom:6px;word-break:break-word}.user-id{color:#64748b;font-family:Fira Code,monospace;font-size:.85rem}.organization-filter{flex:1 1;min-width:200px}.organization-select{-webkit-appearance:none;appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236366f1' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d9e0f0;border-radius:14px;color:#0f172a;font-size:.98rem;padding:14px 44px 14px 18px;transition:all .2s ease;width:100%}.organization-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f124;outline:none}.organization-select option{color:#0f172a}.users-list-container{background:#f8fafccc;border:1px solid #e2e8f0b3;border-radius:20px;max-height:420px;overflow-y:auto;padding:10px}.users-list-items{display:flex;flex-direction:column;gap:12px}.user-list-item{align-items:flex-start;background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:0 12px 24px #0f172a1a;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:18px 22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.user-list-item:hover{border-color:#6366f166;box-shadow:0 18px 32px #6366f133;transform:translateY(-2px)}.user-list-item.selected{background:linear-gradient(135deg,#6366f11f,#0ea5e91f);border-color:#6366f1cc;box-shadow:0 20px 36px #6366f140}.user-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.user-name-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.user-name{color:#0f172a;font-size:1.05rem;font-weight:700}.user-master-id{background:#6366f11f;border-radius:8px;color:#475569;font-family:Fira Code,monospace;font-size:.82rem;padding:4px 8px}.user-contact-line{color:#475569;font-size:.9rem}.user-contact.muted{color:#94a3b8;font-style:italic}.user-organization{color:#6b7280;font-size:.85rem}.user-checkbox{align-items:center;display:flex}.user-checkbox input{accent-color:#6366f1;height:18px;width:18px}.selected-user-info{background:linear-gradient(135deg,#6366f129,#0ea5e929);border:1px solid #6366f147;border-radius:18px;box-shadow:0 18px 32px #6366f133;margin-top:22px;padding:20px 24px}.selected-user-info h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:12px}.selected-user-info p{color:#0f172a;font-weight:500;margin:6px 0}.manual-input-section{background:#f8fafceb;border:1px solid #e2e8f0b3;border-radius:20px;margin-bottom:28px;padding:24px 28px}.manual-input-section h3{color:#0f172a;font-size:1.3rem;font-weight:700;margin-bottom:18px}.manual-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:14px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#1e293b;font-weight:600}.manual-input{-webkit-appearance:none;appearance:none;background:#f8fafc;border:1px solid #d9e0f0;border-radius:14px;color:#0f172a;font-size:1rem;padding:14px 18px;transition:all .2s ease}.manual-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.input-note{color:#475569;font-style:italic;grid-column:1/-1;margin:0}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0 8px}.clear-button,.fetch-button{border:none;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.fetch-button{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 18px 32px #6366f152;color:#fff}.fetch-button:hover:not(:disabled){box-shadow:0 22px 42px #6366f161;transform:translateY(-1px)}.fetch-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.clear-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 16px 30px #0ea5e947;color:#fff}.clear-button:hover:not(:disabled){box-shadow:0 20px 40px #0ea5e954;transform:translateY(-1px)}.analytics-section{display:flex;flex-direction:column;gap:24px;margin-top:8px}.analysis-status-area{display:flex;flex-direction:column;gap:12px}.analysis-error,.analysis-loading,.analysis-placeholder,.analysis-warning{background:#f8fafcd9;border:1px solid #e2e8f0e6;border-radius:16px;color:#0f172a;padding:16px 20px}.analysis-error{background:#fee2e2cc;border-color:#f8717199;color:#7f1d1d}.analysis-warning{background:#fef9c3cc;border-color:#facc1580;color:#713f12}.analysis-placeholder{color:#475569;font-style:italic}.analysis-loading{background:#e0e7ffcc;border-color:#818cf899;color:#312e81;display:flex;flex-direction:column;gap:12px}.loading-meter{background:#6366f133;border-radius:999px;height:8px;max-width:420px;overflow:hidden;position:relative;width:100%}.loading-bar{background:linear-gradient(90deg,#6366f1e6,#0ea5e9e6);border-radius:999px;bottom:0;left:0;position:absolute;top:0;transition:width .4s ease;width:5%}.analytics-dashboard{display:flex;flex-direction:column;gap:32px}.analytics-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 16px 28px #0f172a14;display:flex;flex-direction:column;gap:8px;padding:18px}.summary-label{color:#475569;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.summary-value{color:#0f172a;font-size:1.6rem;font-weight:700}.summary-card.sentiment-card{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.summary-card.sentiment-card.positive{background:linear-gradient(135deg,#86efac40,#22c55e4d);color:#14532d}.summary-card.sentiment-card.neutral{background:linear-gradient(135deg,#e2e8f080,#cbd5e180);color:#0f172a}.summary-card.sentiment-card.negative{background:linear-gradient(135deg,#fca5a54d,#f8717147);color:#7f1d1d}.time-range-banner{background:#e2e8f099;border-radius:16px;color:#1f2937;font-weight:500;padding:12px 18px}.analytics-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.analytics-charts.single{grid-template-columns:minmax(320px,1fr)}.chart-card{background:#fffffff2;border:1px solid #e2e8f0b3;border-radius:24px;box-shadow:0 18px 32px #0f172a1f;padding:20px 24px}.chart-card h4{color:#1e293b;font-size:1.1rem;margin:0 0 16px}.chart-placeholder{align-items:center;background:#f8fafce6;border-radius:16px;color:#64748b;display:flex;font-style:italic;height:240px;justify-content:center}.user-insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.user-insight-card{background:#fffffff5;border:1px solid #e2e8f0b3;border-radius:24px;box-shadow:0 18px 34px #0f172a24;display:flex;flex-direction:column;gap:16px;padding:22px 24px}.insight-header{display:flex;flex-direction:column;gap:6px}.insight-header h4{color:#1f2937;font-size:1.2rem;margin:0}.persona-meta{color:#475569;font-size:.9rem}.insight-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#64748b;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.metric-value{color:#1f2937;font-size:1.1rem;font-weight:600}.metric.sentiment .metric-value{align-items:center;display:flex;gap:8px}.sentiment-chip{background:#94a3b833;border-radius:999px;color:#0f172a;font-size:.75rem;font-weight:600;padding:4px 8px}.sentiment-chip.positive{background:#22c55e2e;color:#166534}.sentiment-chip.neutral{background:#94a3b833;color:#475569}.sentiment-chip.negative{background:#f8717133;color:#b91c1c}.insight-actions,.insight-risks,.insight-topics{display:flex;flex-direction:column;gap:8px}.section-label{color:#475569;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#6366f11f;border-radius:12px;color:#312e81;font-size:.82rem;font-weight:600;padding:6px 10px}.topic-tag.positive{background:#22c55e29;color:#166534}.topic-tag.neutral{background:#94a3b829;color:#334155}.topic-tag.negative{background:#f8717129;color:#7f1d1d}.insight-actions ul,.insight-risks ul{color:#1e293b;margin:0;padding-left:18px}.kpi-section{display:flex;flex-direction:column;gap:16px}.kpi-section h4{color:#1f2937;font-size:1.1rem;margin:0}.kpi-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{background:#f8fafcf2;border:1px solid #e2e8f0b3;border-radius:18px;box-shadow:0 14px 24px #0f172a1a;display:flex;flex-direction:column;gap:6px;padding:18px 20px}.kpi-card.up{border-color:#22c55e66}.kpi-card.down{border-color:#f8717173}.kpi-card.flat{border-color:#94a3b866}.kpi-label{color:#475569;font-size:.9rem;font-weight:600}.kpi-value{color:#0f172a;font-size:1.3rem;font-weight:700}.kpi-change{color:#475569;font-size:.85rem}.kpi-notes{color:#4b5563;font-size:.85rem;margin:0}.anomaly-section{background:#fef9c366;border:1px solid #facc1573;border-radius:18px;padding:18px 20px}.anomaly-section h4{color:#854d0e;font-size:1.05rem;margin:0 0 10px}.anomaly-section ul{color:#713f12;margin:0;padding-left:18px}.anomaly-evidence{color:#1e293b}.data-quality-section{background:#dbeafe73;border:1px solid #bfdbfe99;border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:20px 22px}.data-quality-section h4{color:#1d4ed8;margin:0}.data-quality-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.data-quality-grid ul{color:#1e3a8a;margin:0;padding-left:18px}.confidence-badge{align-items:center;background:#1e40af2e;border-radius:999px;color:#1e3a8a;display:inline-flex;font-weight:600;justify-content:center;padding:6px 12px}.analysis-failures,.analysis-users-panel{background:#f8fafcf2;border:1px solid #e2e8f0cc;border-radius:18px;padding:18px 20px}.analysis-failures h4,.analysis-users-panel h4{color:#1f2937;margin:0 0 12px}.analysis-failures ul,.analysis-users-panel ul{color:#1e293b;margin:0;padding-left:20px}.analysis-users-panel .user-label{font-weight:600}.analysis-users-panel .user-meta{color:#475569}.raw-response{background:#0f172ae6;border-radius:18px;color:#e2e8f0;overflow:hidden;padding:18px 20px}.raw-response h4{margin:0 0 12px}.raw-response pre{font-family:Fira Code,monospace;font-size:.85rem;margin:0;max-height:260px;overflow-y:auto;white-space:pre-wrap}.clear-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.analyze-button{background:linear-gradient(135deg,#22d3ee,#14b8a6);border:none;border-radius:999px;box-shadow:0 20px 34px #14b8a652;color:#0f172a;cursor:pointer;font-size:1rem;font-weight:600;min-width:220px;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.analyze-button:hover:not(:disabled){box-shadow:0 24px 44px #14b8a65c;transform:translateY(-1px)}.analyze-button:disabled{background:linear-gradient(135deg,#a5f3fc,#67e8f9);box-shadow:none;color:#475569;cursor:not-allowed;opacity:.7}.results-section{margin-top:30px}.error-message{background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px}.error-message h4{color:#721c24;margin:0 0 10px}.success-message{background:#d1e7dd;border-left:4px solid #198754;border-radius:8px;color:#0f5132;margin-bottom:20px;padding:15px}.success-message h4{color:#0f5132;margin:0 0 10px}.result-note{color:#0f5132;font-style:italic;margin-top:10px}.loading-message{color:#495057;padding:30px;text-align:center}.loading-spinner{border:4px solid #e9ecef;margin:0 auto 15px}.no-users-message{background:#f8f9fa;border-radius:8px;color:#6c757d;font-style:italic;padding:30px;text-align:center}@media (max-width:768px){.conversations-container{padding:32px 18px 48px}.conversations-content{padding:28px 22px}.header-content{flex-direction:column;gap:15px;text-align:center}.header-text h1{font-size:2.1rem}.auth-form{padding:28px}.filters-container{align-items:stretch;flex-direction:column;gap:16px}.organization-filter,.search-container{min-width:100%}.user-list-item{align-items:flex-start;flex-direction:column;gap:10px}.user-organization{max-width:100%;text-align:left}.manual-inputs,.users-grid{grid-template-columns:1fr}.manual-inputs{gap:16px}.action-buttons{align-items:stretch;flex-direction:column}.conversations-header h1{font-size:2.1rem}}@media (max-width:480px){.conversations-container{padding:28px 16px 40px}.conversations-header{padding:24px}.conversations-content{padding:24px 18px}.clear-button,.fetch-button{min-width:0;min-width:auto;width:100%}.selected-user-info{padding:18px 20px}.conversations-header h1{font-size:1.8rem}.user-list-item{padding:16px 18px}.users-list-container{max-height:300px}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:900px;overflow:hidden;width:100%}.modal-content.full-conversation{max-height:90vh;max-width:1000px}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:100px}.close-button:hover{background:#e9ecef;color:#343a40}.modal-body{max-height:calc(80vh - 80px);overflow-y:auto;padding:30px}.modal-content.full-conversation .modal-body{max-height:calc(90vh - 80px)}.conversations-list{display:flex;flex-direction:column;gap:20px}.conversation-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.conversation-header{margin-bottom:15px}.conversation-header h3{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.conversation-meta{display:flex;flex-wrap:wrap;gap:15px}.conversation-meta span{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-size:.9rem;padding:4px 8px}.conversation-messages{margin-bottom:15px}.message{border-left:4px solid #dee2e6;border-radius:8px;margin-bottom:12px;padding:12px}.message.user{background:#e3f2fd;border-left-color:#2196f3}.message.assistant{background:#f3e5f5;border-left-color:#9c27b0}.message-header{margin-bottom:6px}.sender{color:#495057;font-weight:600}.timestamp{color:#6c757d}.message-content{color:#212529;line-height:1.5}.message-truncated{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:4px;color:#6c757d;font-style:italic;padding:10px;text-align:center}.view-full-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.view-full-button:hover{background:#0056b3}.conversation-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.conversation-details p{color:#495057;margin:0 0 5px}.conversation-details strong{color:#2c3e50}.full-messages{display:flex;flex-direction:column;gap:15px}.full-messages .message{margin-bottom:0}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.3rem}.modal-body{max-height:calc(95vh - 70px);padding:20px}.conversation-meta{flex-direction:column;gap:8px}.message-header{flex-direction:column;gap:4px}}@media (max-width:480px){.modal-header{padding:10px 15px}.conversation-item,.modal-body{padding:15px}}.conversations-window{background:linear-gradient(180deg,#f3f5fb,#eef1f7);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-bottom:48px}.window-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0b3;box-shadow:0 8px 24px #0f172a14;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1180px}.header-content h1{color:#0f172a;font-size:2rem;font-weight:700;letter-spacing:-.01em;margin:0}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.back-button,.close-button,.debug-button,.download-button{align-items:center;border:none;border-radius:999px;box-shadow:0 10px 18px #0f172a14;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:42px;padding:0 18px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;white-space:nowrap}.back-button{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.back-button:hover{box-shadow:0 16px 24px #47556933;transform:translateY(-1px)}.debug-button{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.debug-button:hover{box-shadow:0 16px 24px #4f46e540;transform:translateY(-1px)}.download-button{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.download-button:hover{box-shadow:0 16px 24px #0d948840;transform:translateY(-1px)}.close-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.close-button:hover{box-shadow:0 16px 24px #dc262640;transform:translateY(-1px)}.back-button:focus-visible,.close-button:focus-visible,.debug-button:focus-visible,.download-button:focus-visible{outline:2px solid #3b82f680;outline-offset:3px}.window-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1180px;padding:32px 24px 0}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#dc3545;margin-bottom:15px}.error-container p{color:#6c757d;margin-bottom:20px}.summary-info{align-items:center;background:#ffffffeb;border-radius:16px;box-shadow:0 16px 32px #0f172a1f;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:24px}.summary-info p{color:#1e293b;font-size:1.1rem;margin:0}.summary-info strong{color:#0f172a;font-weight:700}.filters-section{align-items:center;background:#ffffffeb;border-radius:16px;box-shadow:0 16px 32px #0f172a14;display:flex;flex-wrap:wrap;gap:0;padding:18px 24px}.search-filter{flex:1.6 1;margin-right:18px;min-width:240px}.persona-filter{flex:1 1;min-width:200px}.persona-select,.search-input{background:#f8fafc;border:1px solid #d9e0f0;border-radius:12px;color:#1e293b;font-size:.95rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.persona-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236366f1' stroke-width='1.6' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.persona-select option{color:#0f172a}.persona-select:focus,.search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.results-summary{background:linear-gradient(135deg,#6366f11a,#0ea5e91a);border:1px solid #6366f126;border-radius:16px;color:#1e293b;font-weight:600;margin-bottom:12px;margin-top:12px;padding:16px 20px}.results-summary p{margin:0}.conversations-list-container,.conversations-list-items{display:flex;flex-direction:column;gap:16px}.conversation-list-item{background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:18px;box-shadow:0 18px 36px #0f172a1f;padding:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.conversation-list-item:hover{border-color:#6366f166;box-shadow:0 20px 40px #6366f12e;transform:translateY(-2px)}.conversation-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.conversation-title h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0 0 6px}.conversation-date{background:#6366f11f;border-radius:999px;color:#475569;font-size:.85rem;font-weight:500;padding:6px 12px}.conversation-list-item .view-button{background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:999px;box-shadow:0 12px 22px #6366f14d;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease;width:auto}.conversation-list-item .view-button:hover{box-shadow:0 16px 28px #6366f166;transform:translateY(-1px)}.conversation-stats{border-bottom:1px dashed #94a3b880;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:18px;padding-bottom:16px}.stat-item{color:#1f2937;font-size:.92rem;font-weight:500}.stat-item strong{color:#6366f1;font-size:.9rem;margin-right:4px}.conversation-preview{background:#f8fafce6;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:18px}.conversation-list-item .preview-message{background:#6366f114;border-radius:10px;color:#1e293b;font-size:.92rem;line-height:1.5;margin:0;padding:10px 12px}.conversation-list-item .preview-message.user{background:#16a34a1f;color:#166534}.conversation-list-item .preview-message.assistant{background:#6366f11f;color:#3730a3}.conversation-list-item .preview-more{color:#64748b;font-size:.85rem;margin-top:6px}.no-conversations{background:#ffffffeb;border:1px dashed #94a3b880;border-radius:16px;color:#64748b;padding:40px;text-align:center}.no-conversations p{font-size:1.05rem;margin:0}.full-conversation-view{background:#fffffff2;border-radius:24px;box-shadow:0 24px 48px #0f172a29;display:flex;flex-direction:column;gap:0;overflow:hidden}.conversation-details{grid-gap:20px;background:linear-gradient(135deg,#6366f11f,#0ea5e92e);border-bottom:1px solid #6366f129;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:28px}.detail-item{color:#1f2937;display:flex;flex-direction:column;font-size:.95rem;font-weight:500;gap:6px}.detail-item strong{color:#0f172a;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.messages-container{background:#f8fafce6;max-height:72vh;overflow-y:auto;padding:32px}.message{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;box-shadow:0 10px 24px #0f172a14;margin-bottom:20px;padding:18px 20px;transition:transform .2s ease,box-shadow .2s ease}.message:last-child{margin-bottom:0}.message.user{background:#f0fdf4f2;border-left:5px solid #22c55e;box-shadow:0 14px 28px #22c55e2e}.message.assistant{background:#eef2fff2;border-left:5px solid #6366f1;box-shadow:0 14px 28px #6366f12e}.message-header{align-items:center;color:#475569;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:10px}.sender{color:#0f172a;font-weight:700;letter-spacing:.02em}.timestamp{color:#64748b;font-size:.82rem}.message-content{word-wrap:break-word;color:#1e293b;font-size:.95rem;line-height:1.7;white-space:pre-wrap}@media (max-width:768px){.header-content{align-items:stretch;flex-direction:column;gap:15px}.header-content h1{font-size:1.5rem;text-align:center}.header-controls{justify-content:center}.summary-info{align-items:flex-start;flex-direction:column}.filters-section{align-items:stretch;flex-direction:column}.search-filter{margin-right:0}.persona-filter,.search-filter{min-width:100%}.persona-filter{margin-top:12px}.conversation-header{align-items:stretch;flex-direction:column}.conversation-list-item .view-button{width:100%}.conversation-stats{align-items:flex-start;flex-direction:column}.conversation-details{grid-template-columns:1fr}.window-content{padding:24px 16px 0}}@media (max-width:480px){.window-header{padding:18px}.header-content h1{font-size:1.4rem}.conversation-details{padding:20px}.back-button,.close-button,.debug-button,.download-button{font-size:.85rem;padding:8px 16px}.messages-container{padding:24px 18px}.conversation-list-item{padding:20px}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.App{background:var(--color-background);min-height:100vh}.page-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-strong) 100%);-webkit-background-clip:text;font-size:1.9rem;font-weight:700;margin:0}.page-subtitle{color:var(--color-text-muted);font-size:.95rem;margin:0}.status-badge{align-items:center;background-color:#10b98114;border-radius:999px;color:var(--color-success);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.05em;padding:.35rem .65rem;text-transform:uppercase}.status-badge--inactive{background-color:#ef444414;color:var(--color-danger)}.error,.info,.loading{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-weight:500;padding:var(--space-5)}.error{border-color:#ef444466;color:var(--color-danger)}.info{border-color:#6366f14d}.info,.metric-spark{color:var(--color-primary-strong)}.metric-spark{align-items:center;background-color:#6366f11f;border-radius:999px;display:inline-flex;font-size:.75rem;gap:.35rem;padding:.2rem .65rem}.table-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.split-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6)}@media (min-width:1024px){.split-layout{grid-template-columns:2fr 1fr}}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.ds-card__header{align-items:center;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.ds-card__headline{display:flex;flex-direction:column;gap:.35rem}.ds-card__header h3{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0}.ds-card__body{padding:var(--space-6)}.ds-card--no-padding .ds-card__body{padding:0}.ds-card__title{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0}.ds-card__description{color:var(--color-text-muted);font-size:.9rem}.ds-card__actions{align-items:center;display:flex;gap:var(--space-3)}.ds-button{align-items:center;background-color:var(--color-surface);border:1px solid #0000;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1.25rem;position:relative;transition:var(--transition-base)}.ds-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.ds-button--full{width:100%}.ds-button--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-strong) 100%);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.ds-button--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-button--secondary{background-color:var(--color-surface-subtle);border-color:var(--color-border)}.ds-button--secondary:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary);transform:translateY(-1px)}.ds-button--ghost{background:#0000;border-color:#0000;box-shadow:none}.ds-button--ghost:hover:not(:disabled){background-color:var(--color-primary-muted);color:var(--color-primary-strong)}.ds-table{border-collapse:collapse;font-size:.95rem;width:100%}.ds-table__head tr{background:var(--color-surface-subtle)}.ds-table__cell,.ds-table__header-cell{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.9rem var(--space-4);text-align:left}.ds-table__row:hover{background-color:#6366f10d}.ds-table__row:last-of-type .ds-table__cell{border-bottom:none}.ds-metrics{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}@media (min-width:768px){.ds-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.ds-metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.ds-metric__value{color:var(--color-primary-strong);font-size:2rem;font-weight:700}.ds-metric__label{color:var(--color-text-muted);font-weight:500;letter-spacing:.01em}.ds-filter-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5)}.ds-filter{display:flex;flex:1 1 240px;flex-direction:column;gap:.4rem}.ds-filter label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-filter input,.ds-filter select{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.7rem .85rem;transition:var(--transition-base)}.ds-filter input:focus,.ds-filter select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133;outline:none}.ds-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-strong) 100%);-webkit-background-clip:text;font-size:1.6rem;font-weight:700;margin:0 0 var(--space-4)}
/*# sourceMappingURL=main.81e50fc2.css.map*/