:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-box h1{color:#4f9cf5;text-align:center;margin-bottom:.5rem}.login-box h2{text-align:center;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4f9cf5}.btn-primary{width:100%;padding:.75rem;background-color:#4f9cf5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-primary:hover:not(:disabled){background-color:#3a7bc8}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.toggle-auth{text-align:center;margin-top:1rem;color:#666}.btn-link{background:none;border:none;color:#4f9cf5;cursor:pointer;margin-left:.5rem;text-decoration:underline;font-size:1rem}.btn-link:hover{color:#3a7bc8}.dashboard{padding:1rem;width:100%;margin:0}.dashboard h1{margin-bottom:1rem;color:#333;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.stat-card{background:#fff;padding:.75rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-card h3{margin:0 0 .25rem;color:#666;font-size:.7rem;font-weight:500;text-transform:uppercase}.stat-value{font-size:1.75rem;font-weight:700;color:#4f9cf5;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.chart-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:300px}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin:0 0 .75rem;color:#333;font-size:.95rem}.list{flex:1;overflow-y:auto}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #eee;color:#333}.list-item:last-child{border-bottom:none}.list-item.more-items{justify-content:center;background-color:#f8f9fa;cursor:default}.badge.secondary{background-color:#95a5a6;margin-left:.25rem}.contexts-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4f9cf5 #f0f0f0}.contexts-list::-webkit-scrollbar{width:8px}.contexts-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.contexts-list::-webkit-scrollbar-thumb{background:#4f9cf5;border-radius:4px}.contexts-list::-webkit-scrollbar-thumb:hover{background:#3a7bc8}.list-item.clickable{transition:background-color .2s,transform .1s}.list-item.clickable:hover{background-color:#f8f9fa;transform:translate(2px)}.context-stats{display:flex;align-items:center;gap:.25rem}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card{min-height:250px}}.session-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .2s;display:block;cursor:pointer}.session-card.default-variant{padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.session-card.default-variant:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.session-card.compact-variant{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-bottom:1px solid #eee;border-radius:0;box-shadow:none}.session-card.compact-variant:last-child{border-bottom:none}.session-card.compact-variant:hover{background-color:#f8f9fa;transform:translate(2px)}.session-card.card-variant{border-left:4px solid #4f9cf5}.session-card.card-variant:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.session-card-header{display:flex;flex-direction:column;gap:.5rem}.session-card-top{display:flex;justify-content:space-between;align-items:center;width:100%}.session-card h3,.session-card h4{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center}.session-card.default-variant h3{color:#4f9cf5}.session-card.card-variant h4{color:#333}.context-icon{margin-right:.5rem}.session-card.compact-variant .turn-count{background-color:#4f9cf5}.session-card.card-variant .turn-count{background:#e9ecef;color:#666;font-weight:500}.session-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}@media(max-width:768px){.session-card-top{flex-direction:column;align-items:flex-start;gap:.5rem}.session-stats{flex-wrap:wrap}}.sessions-page{padding:2rem;max-width:1200px;margin:0 auto}.sessions-page h1{margin-bottom:2rem;color:#333}.session-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.session-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.session-header h3{margin:0;color:#4f9cf5;font-size:1rem}.turn-count{background-color:#4f9cf5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;white-space:nowrap}.session-meta{display:flex;gap:2rem;color:#666;font-size:.875rem}.active-filters{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.active-filters strong{color:#333;font-size:.9rem}.filter-tag{background:#4f9cf5;color:#fff;padding:.35rem .75rem;border-radius:16px;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem}.remove-filter{background:none;border:none;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-filter:hover{background-color:#fff3}.clear-filters{background:#e74c3c;color:#fff;border:none;padding:.35rem 1rem;border-radius:16px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.clear-filters:hover{background:#c0392b}.session-detail{padding:2rem;max-width:1000px;margin:0 auto}.back-link{color:#4f9cf5;text-decoration:none;margin-bottom:1rem;display:inline-block}.back-link:hover{text-decoration:underline}.session-detail h1{margin:1rem 0;color:#333}.session-info{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;display:flex;gap:2rem;flex-wrap:wrap}.info-item{color:#666}.info-item strong{color:#333;margin-right:.5rem}.session-detail h2{margin:2rem 0 1rem;color:#333}.turns-list{display:grid;gap:1.5rem}.turn-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.turn-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.turn-time{font-size:.875rem;color:#666}.mood-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.mood-badge.happy{background-color:#2ecc71;color:#fff}.mood-badge.sad{background-color:#3498db;color:#fff}.mood-badge.angry{background-color:#e74c3c;color:#fff}.mood-badge.frustrated{background-color:#e67e22;color:#fff}.mood-badge.confused{background-color:#9b59b6;color:#fff}.mood-badge.neutral{background-color:#95a5a6;color:#fff}.mood-badge.excited{background-color:#f39c12;color:#fff}.mood-badge.anxious{background-color:#e67e22;color:#fff}.sentiment-score{font-size:.875rem;color:#666}.turn-content{margin:1rem 0}.prompt,.response{margin-bottom:1rem}.prompt strong,.response strong{display:block;margin-bottom:.5rem;color:#333}.prompt p,.response p{margin:0;padding:.75rem;background:#f8f9fa;border-radius:4px;line-height:1.6;color:#333}.prompt p{border-left:3px solid #4f9cf5}.response p{border-left:3px solid #2ecc71}.topics{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.topics strong{display:block;margin-bottom:.5rem;color:#333}.topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.topic-tag{background-color:#e8f4f8;color:#4f9cf5;padding:.25rem .75rem;border-radius:12px;font-size:.875rem}.turn-context{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.turn-context strong{display:block;margin-bottom:.5rem;color:#333}.context-details{display:flex;flex-wrap:wrap;gap:.5rem}.context-tag{background-color:#fff3cd;color:#856404;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;border:1px solid #ffeeba;text-decoration:none;display:inline-block;transition:background-color .2s,transform .1s}.context-tag.clickable:hover{background-color:#ffe69c;transform:translateY(-1px);cursor:pointer}.info-item.full-width{flex-basis:100%}.metadata-display{background:#f8f9fa;padding:1rem;border-radius:4px;font-size:.875rem;overflow-x:auto;margin:.5rem 0 0}.query-page{padding:2rem;max-width:1000px;margin:0 auto}.query-page h1{margin-bottom:2rem;color:#333}.query-type-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.query-type-selector button{padding:.75rem 1.5rem;background-color:#fff;color:#666;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s}.query-type-selector button:hover{border-color:#4f9cf5;color:#4f9cf5}.query-type-selector button.active{background-color:#4f9cf5;color:#fff;border-color:#4f9cf5}.query-instructions{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #4f9cf5}.query-instructions h3{margin:0 0 .75rem;color:#333;font-size:1.1rem}.query-instructions p{margin:0 0 1rem;color:#666;line-height:1.6}.query-instructions .examples{margin-top:1rem}.query-instructions .examples strong{display:block;margin-bottom:.5rem;color:#333}.query-instructions .examples ul{margin:0;padding-left:1.5rem;color:#666}.query-instructions .examples li{margin-bottom:.5rem;line-height:1.5}.query-instructions .warning{margin-top:1rem;padding:.75rem;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404}.query-form{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.query-form textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.query-form textarea:focus{outline:none;border-color:#4f9cf5}.query-form button{width:100%;margin-top:1rem;padding:.75rem;background-color:#4f9cf5;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.query-form button:hover:not(:disabled){background-color:#3a7bc8}.query-form button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #e74c3c}.error-message h3{margin:0 0 .5rem;color:#e74c3c}.error-message p{margin:0;color:#666}.query-response{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.query-response h3{margin:0 0 1rem;color:#333}.answer{margin-bottom:1rem}.answer strong{display:block;margin-bottom:.5rem;color:#333}.answer p{margin:0;padding:1rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #4f9cf5;line-height:1.6;color:#333}.context{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px}.context summary{cursor:pointer;font-weight:500;color:#4f9cf5}.context pre{margin:1rem 0 0;padding:1rem;background:#fff;border-radius:4px;overflow-x:auto;font-size:.875rem}.generated-sql{margin-bottom:1.5rem}.generated-sql strong{display:block;margin-bottom:.5rem;color:#333}.generated-sql pre{margin:0;padding:1rem;background:#f8f9fa;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;border-left:3px solid #4f9cf5}.sql-results strong{display:block;margin-bottom:.5rem;color:#333}.table-wrapper{overflow-x:auto;margin-top:.5rem}.table-wrapper table{width:100%;border-collapse:collapse;font-size:.875rem}.table-wrapper th,.table-wrapper td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.table-wrapper th{background-color:#f8f9fa;font-weight:600;color:#333}.table-wrapper tbody tr:hover{background-color:#f8f9fa}.truncated-notice{margin-top:.5rem;color:#666;font-style:italic;font-size:.875rem}.mood-detail{padding:1rem;width:100%;margin:0}.mood-header{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;border-left:4px solid #4f9cf5}.mood-header h1{margin:0 0 .5rem;color:#333;font-size:1.75rem;display:flex;align-items:center;gap:.75rem}.mood-indicator{width:24px;height:24px;border-radius:50%;display:inline-block}.mood-subtitle{margin:0;color:#666;font-size:1rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:.75rem}.sessions-section{margin-top:2rem}.sessions-section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.sessions-list{display:grid;gap:1rem}.session-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .2s;border-left:4px solid #4f9cf5;display:block}.session-card:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.session-header{display:flex;flex-direction:column;gap:.5rem}.session-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.session-header h4{margin:0;color:#333;font-size:1rem;font-weight:600;display:flex;align-items:center}.topic-tag{background-color:#fff3cd;color:#856404;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;border:1px solid #ffeeba;text-decoration:none;display:inline-block;transition:background-color .2s,transform .1s;cursor:pointer}.turn-count{background:#e9ecef;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;color:#666;font-weight:500;white-space:nowrap}.session-meta{color:#666;font-size:.85rem;display:flex;gap:1rem}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}.session-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.context-detail{padding:1rem;width:100%;margin:0}.context-header{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.context-header h1{margin:0 0 .5rem;color:#333;font-size:1.75rem}.context-subtitle{margin:0;color:#666;font-size:1rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.75rem;margin-bottom:1rem}.chart-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;min-height:300px}.session-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s,transform .1s}.session-tags{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}.session-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.topic-detail{padding:1rem;width:100%;margin:0}.back-button{background:#f8f9fa;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;color:#333;margin-bottom:1rem;transition:background-color .2s}.back-button:hover{background:#e9ecef}.topic-header{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.topic-header h1{margin:0 0 .5rem;color:#333;font-size:1.75rem}.topic-subtitle{margin:0;color:#666;font-size:1rem}.mood-section{margin-bottom:1rem}.chart-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;min-height:300px;max-width:500px}.chart-card h3{margin:0 0 1rem;color:#333;font-size:1rem}.sessions-section{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a}.sessions-section h3{margin:0 0 1rem;color:#333;font-size:1rem}.sessions-list{max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4f9cf5 #f0f0f0}.sessions-list::-webkit-scrollbar{width:8px}.sessions-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.sessions-list::-webkit-scrollbar-thumb{background:#4f9cf5;border-radius:4px}.sessions-list::-webkit-scrollbar-thumb:hover{background:#3a7bc8}.session-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s,transform .1s}.session-item:last-child{border-bottom:none}.session-item:hover{background-color:#f8f9fa;transform:translate(2px)}.session-info{flex:1}.session-title{font-weight:500;color:#333;margin-bottom:.25rem}.session-meta{font-size:.85rem;color:#666}.session-stats{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.session-tags{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.topic-tag{background-color:#fff3cd;color:#856404;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;border:1px solid #ffeeba;text-decoration:none;display:inline-block;transition:background-color .2s,transform .1s}.topic-tag:hover{background-color:#ffe69c;transform:translateY(-1px)}.badge{background-color:#4f9cf5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge.secondary{background-color:#95a5a6}.badge.topic-relevance{background-color:#9b59b6}@media(max-width:768px){.session-item{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-card{max-width:100%}}.all-topics-page{padding:1rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{margin:0;color:#333;font-size:1.8rem}.back-button{background-color:#4f9cf5;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.back-button:hover{background-color:#3a7bc8}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{font-weight:500;color:#666;margin-right:.5rem}.sort-controls button{padding:.4rem .8rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.sort-controls button:hover{background-color:#f8f9fa}.sort-controls button.active{background-color:#4f9cf5;color:#fff;border-color:#4f9cf5}.topic-count{color:#666;font-size:.9rem;font-weight:500}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.topic-card{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s;border:2px solid transparent}.topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#4f9cf5}.topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.topic-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600;flex:1;word-break:break-word}.frequency-badge{background-color:#95a5a6;color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:.5rem;flex-shrink:0}.topic-meta{color:#666;font-size:.85rem}.frequency-label{font-style:italic}.loading,.error,.no-data{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:#666}.error{color:#e74c3c}@media(max-width:768px){.page-header,.controls{flex-direction:column;align-items:flex-start;gap:1rem}.topics-grid{grid-template-columns:1fr}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background-color:#1a1a2e;color:#fff;box-shadow:0 2px 4px #0000001a}.nav-brand h2{margin:0;font-size:1.1rem;color:#4f9cf5}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:#4f9cf5}.nav-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.btn-logout{padding:.4rem .75rem;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.85rem;transition:background-color .3s}.btn-logout:hover{background-color:#c0392b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;background-color:#f5f7fa;padding:0;margin:0}