.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.user-details-modal{min-height:600px}.modal-header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#f5f5f5;color:#000}.modal-tabs{display:flex;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.modal-tabs .tab{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:.95rem;color:#666;border-bottom:3px solid transparent;transition:all .2s}.modal-tabs .tab:hover{color:#333;background-color:#f0f0f0}.modal-tabs .tab.active{color:#2563eb;border-bottom-color:#2563eb;background-color:#fff}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.modal-loading .loader{border:3px solid #f3f3f3;border-top:3px solid #2563eb;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.modal-error{padding:40px;text-align:center;color:#dc2626}.profile-section{display:flex;flex-direction:column;gap:24px}.info-group{background-color:#f8f9fa;border-radius:8px;padding:20px}.info-group h3{margin:0 0 16px;color:#333;font-size:1.1rem}.info-group h4{margin:16px 0 8px;color:#555;font-size:1rem}.info-group dl{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:0}.info-group dt{font-weight:600;color:#666}.info-group dd{margin:0;color:#333}.monospace{font-family:Courier New,monospace;font-size:.9em}.profile-content{margin-top:16px}.profile-text{background-color:#fff;padding:16px;border-radius:4px;line-height:1.6;white-space:pre-wrap}.questionnaire-responses{margin-top:16px}.responses-list{background-color:#fff;padding:16px;border-radius:4px;max-height:300px;overflow-y:auto}.response-item{margin-bottom:8px;line-height:1.5}.chat-section{height:100%;display:flex;flex-direction:column}.no-messages{text-align:center;color:#666;padding:40px}.chat-history{display:flex;flex-direction:column;gap:16px}.message{background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid transparent}.message.user{background-color:#e3f2fd;border-color:#90caf9}.message.assistant{background-color:#f1f8e9;border-color:#aed581}.message.error{background-color:#ffebee;border-color:#ef5350}.message-header{display:flex;justify-content:space-between;margin-bottom:8px}.message-role{font-weight:600;color:#333}.message-time{font-size:.85rem;color:#666}.message-content{line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-error{color:#c62828}.error-label{font-weight:600;margin:0 0 4px}.error-details{font-size:.9rem;margin:0}.message-meta{display:flex;gap:16px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);font-size:.85rem;color:#666}.meta-item{display:inline-block}.toggle-raw{background:none;border:1px solid #ccc;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;color:#666;transition:all .2s}.toggle-raw:hover{background-color:#f0f0f0;border-color:#999;color:#333}.raw-data{margin-top:12px;background-color:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:4px;overflow-x:auto}.raw-data pre{margin:0;font-size:.85rem;font-family:Courier New,monospace}.raw-section h3{margin:0 0 16px;color:#333}.raw-json{background-color:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:4px;overflow:auto;font-size:.85rem;font-family:Courier New,monospace;max-height:600px}@media (prefers-color-scheme: dark){.modal-content{background:#1a1a1a;color:#e5e5e5}.modal-header{border-bottom-color:#333}.modal-header h2{color:#e5e5e5}.modal-close{color:#ccc}.modal-close:hover{background-color:#333;color:#fff}.modal-tabs{background-color:#222;border-bottom-color:#333}.modal-tabs .tab{color:#ccc}.modal-tabs .tab:hover{color:#fff;background-color:#333}.modal-tabs .tab.active{color:#4f9cf9;border-bottom-color:#4f9cf9;background-color:#1a1a1a}.info-group{background-color:#222}.info-group h3,.info-group h4{color:#e5e5e5}.info-group dt{color:#aaa}.info-group dd{color:#ddd}.profile-text,.responses-list{background-color:#2a2a2a;color:#e5e5e5}.message{background-color:#222}.message.user{background-color:#1e3a5f;border-color:#2563eb}.message.assistant{background-color:#1e4620;border-color:#16a34a}.message.error{background-color:#451a1a;border-color:#dc2626}.message-role{color:#e5e5e5}.message-time{color:#aaa}.toggle-raw{border-color:#555;color:#ccc}.toggle-raw:hover{background-color:#333;border-color:#777;color:#fff}}.content-editor{height:100%;display:flex;flex-direction:column}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.editor-header h2{margin:0;color:var(--primary-color)}.content-type-selector{display:flex;align-items:center;gap:.75rem}.content-type-selector label{font-weight:500;color:var(--text-secondary)}.content-type-selector select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--card-background);color:var(--text-color);font-size:.9rem;cursor:pointer}.error-message,.success-message{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:1rem;border-radius:.25rem;font-size:.9rem}.error-message{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.success-message{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.error-message button,.success-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:inherit;opacity:.7;transition:all .2s}.error-message button:hover,.success-message button:hover{opacity:1;background-color:#0000001a}.editor-layout{flex:1;display:grid;grid-template-columns:300px 1fr;gap:1.5rem;min-height:0}.content-list{background-color:var(--card-background);border-radius:.5rem;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.content-list h3{margin:0;padding:1rem;border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--text-secondary)}.content-list ul{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.content-list li{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.content-list li:hover{background-color:var(--hover-background, rgba(0, 0, 0, .05))}.content-list li.selected{background-color:var(--primary-color);color:#fff}.item-name{font-weight:500;font-size:.9rem}.item-meta{font-size:.85rem;opacity:.7}.content-list li.selected .item-meta{opacity:.9}.content-editor-main{background-color:var(--card-background);border-radius:.5rem;border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.no-selection,.loading-content,.error-content{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-content{flex-direction:column;gap:1rem}.loader{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-info{display:flex;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.info-row{display:flex;gap:.5rem;align-items:center}.info-row .label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.info-row .value{color:var(--text-color);font-size:.9rem}.editor-textarea-container{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:1.5rem}.editor-textarea-container label{font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.content-textarea{flex:1;width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--background-color);color:var(--text-color);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;resize:none;overflow-y:auto}.content-textarea:focus{outline:none;border-color:var(--primary-color)}.editor-actions{display:flex;gap:1rem;margin-bottom:1rem}.backup-info{padding:.75rem 1rem;background-color:var(--background-color);border-radius:.25rem;border:1px solid var(--border-color)}.backup-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.dark .content-list li:hover{background-color:#ffffff0d}.dark .content-list li.selected{background-color:var(--primary-color)}.dark .error-message button:hover,.dark .success-message button:hover{background-color:#ffffff1a}@media (max-width: 768px){.editor-layout{grid-template-columns:1fr}.content-list{max-height:200px}.editor-header{flex-direction:column;gap:1rem;align-items:stretch}.content-type-selector{justify-content:space-between}.editor-info{flex-direction:column;gap:.5rem}.editor-actions{flex-wrap:wrap}}.admin-dashboard{min-height:100vh;background-color:var(--background-color);color:var(--text-color)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;text-align:center}.admin-access-denied h2{color:var(--error-color, #f44336);margin-bottom:1rem}.admin-access-denied p{color:var(--text-secondary);margin-bottom:.5rem}.admin-header{background-color:var(--card-background);padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:2rem;color:var(--primary-color)}.admin-user-info{display:flex;align-items:center;gap:1rem}.admin-user-info span{color:var(--text-secondary);font-size:.9rem}.admin-nav{background-color:var(--card-background);padding:0 2rem;display:flex;gap:1rem;border-bottom:1px solid var(--border-color)}.nav-tab{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.nav-tab:hover{color:var(--text-color)}.nav-tab.active{color:var(--primary-color)}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--primary-color)}.admin-content{padding:2rem;max-width:1200px;margin:0 auto}.tab-content{animation:fadeIn .3s ease-in}.tab-content h2{margin-bottom:1.5rem;color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background-color:var(--card-background);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card h3{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{font-size:2rem;font-weight:600;color:var(--primary-color);margin:0}.cost-summary{background-color:var(--card-background);padding:2rem;border-radius:.5rem;border:1px solid var(--border-color)}.token-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.token-card{padding:1rem;background-color:var(--background-color);border-radius:.25rem;border:1px solid var(--border-color)}.token-card h4{margin:0 0 .5rem;color:var(--primary-color)}.token-card p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.system-info{background-color:var(--card-background);padding:2rem;border-radius:.5rem;border:1px solid var(--border-color)}.system-info p{margin:.5rem 0;display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.system-info p:last-child{border-bottom:none}.status-ok{color:#4caf50;font-weight:500}.status-error{color:#f44336;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.top-users-section{margin-top:2rem}.top-users-section h3{margin-bottom:1rem;color:var(--primary-color)}.top-users-table{width:100%;background-color:var(--card-background);border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.top-users-table th,.top-users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.top-users-table th{background-color:var(--background-color);font-weight:600;color:var(--text-secondary)}.top-users-table tr:last-child td{border-bottom:none}.top-users-table tr:hover td{background-color:var(--background-color)}.cost-metrics{margin-top:2rem}.cost-metrics h3{margin-bottom:1rem;color:var(--primary-color)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{background-color:var(--background-color);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);text-align:center}.metric-card h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.metric-value{font-size:1.8rem;font-weight:600;color:var(--primary-color);margin:0}.users-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-input{flex:1;max-width:400px;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--card-background);color:var(--text-color);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary-color)}.user-count{color:var(--text-secondary);font-weight:500}.users-list{overflow-x:auto}.users-table{width:100%;background-color:var(--card-background);border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{background-color:var(--background-color);font-weight:600;color:var(--text-secondary);position:sticky;top:0}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background-color:var(--background-color)}.user-id{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.status{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500}.status.active{background-color:#4caf501a;color:#4caf50}.status.inactive{background-color:#ff98001a;color:#ff9800}.system-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background-color:var(--card-background);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.status-card h3{margin:0 0 1rem;color:var(--primary-color);font-size:1.1rem}.function-stats p,.env-info p{margin:.5rem 0;display:flex;justify-content:space-between;color:var(--text-secondary)}.function-stats strong,.env-info strong{color:var(--text-color)}.error-count{color:#f44336!important}.status-warning{color:#ff9800;font-weight:500}.system-actions{margin-top:2rem}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:var(--hover-background, #f5f5f5)}.dark .clickable-row:hover{background-color:#ffffff0d}.network-status{display:flex;gap:.5rem;align-items:center;margin-right:1rem}.status-offline,.status-firebase{font-size:.875rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500}.status-offline{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-firebase{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.3)}