.app{height:100vh;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.app__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.app__toolbar-left,.app__toolbar-right{display:flex;align-items:center;gap:.5rem}.app__info-btn{padding:.4rem .6rem;border:1px solid #d1d5db;background-color:#fff;color:#6b7280;font-size:1.2em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.app__info-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.app__server-status-btn{padding:.4rem .8rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.app__server-status-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.app__operations-btn{padding:.4rem .8rem;border:1px solid #f59e0b;background-color:#fef3c7;color:#92400e;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.app__feature-request-btn{padding:.4rem .8rem;border:1px solid #d1d5db;background-color:#fff;color:#2563eb;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.app__operations-btn:hover{background-color:#fde68a;border-color:#d97706;color:#92400e;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.app__feature-request-btn:hover{background-color:#eff6ff;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb33}.app__new-connection-btn{padding:.4rem .8rem;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.85em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.app__new-connection-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.app__connection-info{display:flex;align-items:center;gap:.5rem}.app__connection-details{display:flex;flex-direction:row;align-items:center;gap:.375rem}.app__connection-name{font-weight:500;color:#374151;font-size:.9em}.app__connection-host{font-weight:400;color:#6b7280;font-size:.8em;font-family:Fira Code,Source Code Pro,monospace}.app__disconnect-btn{padding:.3rem .6rem;border:1px solid #dc2626;background-color:#fff;color:#dc2626;font-size:.8em;font-weight:500;cursor:pointer;transition:all .2s ease}.app__disconnect-btn:hover{background-color:#dc2626;color:#fff}.card{background-color:#fff;padding:.5rem .75rem;box-shadow:0 2px 8px #0f172a14;flex-shrink:0}.card:last-child{flex:1;display:flex;flex-direction:column;overflow:hidden}.card--error{border:1px solid #ef4444;color:#b91c1c;background-color:#fef2f2}.connection-form{display:flex;flex-direction:column;gap:.75rem;position:relative}.connection-form__fields{display:flex;flex-direction:column;gap:.75rem}.connection-form__field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:#1f2937}.connection-form__field input,.connection-form__field textarea{padding:.5rem .75rem;border:1px solid #d1d5db;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;width:100%;box-sizing:border-box}.connection-form__field textarea{min-height:80px;line-height:1.4}.connection-form__field input:focus,.connection-form__field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.connection-form__actions{display:flex;gap:1rem;align-items:center}.connection-form__submit{padding:.6rem 1.2rem;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.connection-form__submit:disabled{cursor:not-allowed;opacity:.7}.connection-form__submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 20px #4f46e540}.connection-form__test{padding:.6rem 1rem;border:1px solid #10b981;background:#10b981;color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.connection-form__test:disabled{cursor:not-allowed;opacity:.7}.connection-form__test:not(:disabled):hover{background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 8px 16px #10b98140}.connection-form__test-result{margin-top:.75rem;padding:.75rem;font-size:.9em;font-weight:500}.connection-form__test-result--success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.connection-form__test-result--error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.connection-form__recent-section{margin-top:.5rem}.connection-form__recent-section h3{margin:0 0 .5rem;font-size:1em;font-weight:600;color:#374151}.connection-form__recent-list{max-height:150px;overflow-y:auto;border:1px solid #e5e7eb;background:#ffffff}.connection-form__recent-item{display:flex;align-items:center;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.connection-form__recent-item:last-child{border-bottom:none}.connection-form__recent-item:hover{background-color:#f9fafb}.connection-form__recent-content{flex:1;padding:1rem;cursor:pointer;min-width:0}.connection-form__recent-name{font-weight:600;color:#111827;margin-bottom:.25rem;font-size:1em}.connection-form__recent-uri{font-weight:500;color:#6b7280;word-break:break-all;font-family:Fira Code,Source Code Pro,monospace;font-size:.85em}.connection-form__recent-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;margin-right:.5rem;font-size:1.25em;transition:all .2s ease;flex-shrink:0}.connection-form__recent-remove:hover{background-color:#fef2f2;color:#dc2626}.browser{display:grid;grid-template-columns:300px 1fr;gap:1rem;height:100%;flex:1}.browser__pane{background-color:#f9fafb;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;height:100%;overflow:hidden}.browser__pane h2{margin:0;font-size:1em;color:#111827}.browser__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto}.browser__item{width:100%;padding:.25rem .375rem;border:1px solid transparent;text-align:left;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.browser__item:hover{background-color:#f3f4f6}.browser__item--active{background-color:#dbeafe;border-color:#3b82f6}.browser__item:disabled{cursor:not-allowed;opacity:.7}.browser__empty{margin:0;color:#6b7280;font-style:italic}.browser__database-item{display:flex;flex-direction:column}.browser__item--database{display:flex;align-items:center;gap:.5rem}.browser__expand-icon{font-size:.75rem;transition:transform .2s ease;flex-shrink:0}.browser__expand-icon--expanded{transform:rotate(90deg)}.browser__collections{list-style:none;margin:.5rem 0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.25rem}.browser__collection-item{display:flex}.browser__item--collection{font-size:.9rem;padding:.25rem .5rem}.browser__empty-collections{padding:.25rem .5rem;color:#6b7280;font-style:italic;font-size:.9rem}.browser__pane--documents{display:flex;flex-direction:column}.browser__query-section{position:relative;margin-bottom:.5rem;padding:.5rem;background-color:#f8fafc;border:1px solid #e2e8f0}.browser__query-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.browser__query-header-left{display:flex;align-items:center;gap:.75rem}.browser__query-context{display:flex;align-items:center;gap:0;font-size:.85em;color:#6b7280;font-family:Fira Code,Source Code Pro,monospace}.browser__query-database{color:#2563eb;font-weight:500}.browser__query-separator{color:#9ca3af}.browser__query-collection{color:#059669;font-weight:500}.browser__query-header h3{margin:0;font-size:1.1em;font-weight:600;color:#374151}.browser__query-indicator{background-color:#2563eb;color:#fff;padding:.25rem .5rem;font-size:.75em;font-weight:500}.browser__query-controls{display:flex;flex-direction:column;gap:.375rem}.browser__query-input{width:100%;padding:.375rem;border:1px solid #d1d5db;font-family:Fira Code,Source Code Pro,monospace;font-size:.85em;resize:vertical;min-height:80px;line-height:1.4}.browser__query-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.browser__query-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.browser__query-actions{display:flex;gap:.375rem}.browser__query-submit{padding:.3rem .6rem;border:none;background-color:#2563eb;color:#fff;font-size:.85em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.browser__query-submit:hover:not(:disabled){background-color:#1d4ed8}.browser__query-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.browser__query-reset{padding:.3rem .6rem;border:1px solid #d1d5db;background-color:#fff;color:#6b7280;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease}.browser__query-reset:hover:not(:disabled){border-color:#9ca3af;color:#374151;background-color:#f9fafb}.browser__query-reset:disabled{opacity:.5;cursor:not-allowed}.feature-request-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10000}.feature-request-popup{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 25px 50px -12px #0f172a59;width:min(520px,100%);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.feature-request-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.feature-request-popup__header h3{margin:0;font-size:1.1em;font-weight:600;color:#1f2937}.feature-request-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.feature-request-popup__close:hover{background-color:#e5e7eb;color:#1f2937}.feature-request-popup__body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.feature-request-popup__field{display:flex;flex-direction:column;gap:.35rem}.feature-request-popup__field span{font-size:.85em;font-weight:600;color:#4b5563}.feature-request-popup__field input,.feature-request-popup__field textarea{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95em;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.feature-request-popup__field textarea{min-height:120px}.feature-request-popup__field input:focus,.feature-request-popup__field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.feature-request-popup__status{border-radius:8px;padding:.75rem .85rem;font-size:.9em;line-height:1.4}.feature-request-popup__status--success{background-color:#ecfdf5;border:1px solid #6ee7b7;color:#047857}.feature-request-popup__status--error{background-color:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.feature-request-popup__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.feature-request-popup__submit{padding:.6rem 1.4rem;border:none;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:.9em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.feature-request-popup__submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb40}.feature-request-popup__submit:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.feature-request-popup__cancel{padding:.6rem 1.1rem;border-radius:999px;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.feature-request-popup__cancel:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937}.connection-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.connection-popup{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:600px;max-width:800px;max-height:80vh;overflow:hidden}.connection-popup__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.connection-popup__header h3{margin:0;font-size:1.1em;font-weight:600;color:#374151}.connection-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.connection-popup__close:hover{background-color:#e5e7eb;color:#374151}.connection-popup__content{padding:1rem;overflow-y:auto;max-height:calc(80vh - 80px)}.error-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.error-popup{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:400px;max-width:500px;max-height:80vh;overflow:hidden}.error-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.error-popup__header h3{margin:0;font-size:1.1em;font-weight:600;color:#dc2626}.error-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.error-popup__close:hover{background-color:#e5e7eb;color:#374151}.error-popup__content{padding:1.5rem}.error-popup__content p{margin:0;color:#374151;line-height:1.5;font-size:1em}.error-popup__actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.error-popup__ok{padding:.5rem 1.5rem;border:none;background-color:#dc2626;color:#fff;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-popup__ok:hover{background-color:#b91c1c}.browser__documents-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.browser__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.browser__view-modes{display:flex;gap:.25rem;background-color:#f3f4f6;padding:.25rem}.browser__view-mode{padding:.3rem .8rem;border:none;background-color:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.browser__view-mode:hover{background-color:#e5e7eb;color:#374151}.browser__view-mode--active{background-color:#2563eb;color:#fff}.browser__view-mode:disabled{opacity:.5;cursor:not-allowed}.browser__limit{display:flex;align-items:center;gap:.75rem}.browser__limit label{display:flex;align-items:center;gap:.5rem;font-weight:600}.browser__limit input{width:5rem;padding:.3rem .4rem;border:1px solid #d1d5db}.browser__limit button{padding:.3rem .8rem;border:none;background-color:#2563eb;color:#fff;font-weight:600;cursor:pointer}.browser__limit button:disabled{opacity:.65;cursor:not-allowed}.browser__documents{margin:0;padding:.5rem;background-color:#111827;color:#f9fafb;flex:1;overflow:auto;font-family:Fira Code,Source Code Pro,monospace;font-size:.9em}.browser__table-container{flex:1;overflow:auto;border:1px solid #e5e7eb}.browser__table{width:100%;border-collapse:collapse;background-color:#fff;font-size:.9em;table-layout:fixed}.browser__table-header{background-color:#f9fafb;padding:0;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1;overflow:visible}.browser__table-row{border-bottom:1px solid #f3f4f6}.browser__table-row:hover{background-color:#f9fafb}.browser__table-cell{padding:.375rem;color:#374151;border-right:1px solid #f3f4f6;font-family:Fira Code,Source Code Pro,monospace;font-size:.85em;white-space:nowrap;overflow:hidden}.browser__table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.browser__table-cell:last-child{border-right:none}.browser__tree-container{flex:1;overflow:auto;padding:.5rem;background-color:#f9fafb;border:1px solid #e5e7eb}.browser__tree-item{margin-bottom:.75rem;background-color:#fff;border:1px solid #e5e7eb;overflow:hidden}.browser__tree-label{background-color:#f3f4f6;padding:.375rem .5rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.browser__tree-content{padding:.5rem}.browser__tree-object{font-family:Fira Code,Source Code Pro,monospace;font-size:.9em}.browser__tree-property{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.browser__tree-key{color:#2563eb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0}.browser__tree-value{color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0}.browser__tree-value--null{color:#6b7280;font-style:italic}.browser__tree-array{margin-left:1rem}.browser__tree-array-item{margin-bottom:.25rem;display:flex;align-items:flex-start;gap:.5rem}.browser__tree-array-index{color:#7c3aed;font-weight:600;flex-shrink:0;font-size:.85em}.browser__tree-document-label{flex:1}.browser__tree-arrow{display:inline-block;width:10px;height:10px;font-size:9px;color:#6b7280;transition:transform .2s ease;text-align:center;line-height:10px;cursor:pointer;margin-right:.15rem}.browser__tree-arrow:hover{color:#374151}.browser__tree-arrow--expanded{transform:rotate(90deg)}.browser__tree-arrow--invisible{visibility:hidden}.browser__tree-object-header,.browser__tree-array-header{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Fira Code,Source Code Pro,monospace;font-size:.85em;margin-bottom:.25rem}.browser__tree-object-header:hover,.browser__tree-array-header:hover{background-color:#f1f5f9}.browser__tree-object-label,.browser__tree-array-label{color:#374151;font-weight:500}.browser__tree-object-content,.browser__tree-array-content{margin-left:1rem;border-left:2px solid #e5e7eb;padding-left:.5rem}.browser__tree-table{display:flex;flex-direction:column;width:100%}.browser__tree-header{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#f3f4f6;border-bottom:2px solid #d1d5db;font-weight:600;color:#374151}.browser__tree-header-cell{padding:.25rem .375rem;border-right:1px solid #d1d5db;font-size:.875em}.browser__tree-header-cell:last-child{border-right:none}.browser__tree-header-cell--type{text-align:center}.browser__tree-document{border-bottom:1px solid #e5e7eb}.browser__tree-document .browser__tree-row--expandable{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.browser__tree-document .browser__tree-row--expandable:hover{background-color:#f1f5f9}.browser__tree-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #f3f4f6;min-height:22px}.browser__tree-row:hover{background-color:#f9fafb}.browser__tree-row--expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.browser__tree-row--expandable:hover{background-color:#f1f5f9}.browser__tree-cell{padding:.25rem .375rem;border-right:1px solid #f3f4f6;display:flex;align-items:center;font-family:Fira Code,Source Code Pro,monospace;font-size:.8em}.browser__tree-cell:last-child{border-right:none}.browser__tree-cell--field{color:#2563eb;font-weight:500;min-width:0;overflow:hidden}.browser__tree-cell--value{color:#374151;min-width:0;overflow:hidden}.browser__tree-cell--type{color:#7c3aed;font-weight:500;justify-content:center;font-size:.8em}.browser__tree-type{background-color:#f3f4f6;padding:.1rem .2rem;font-size:.8em;font-weight:600}.browser__table-header-content,.browser__tree-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;padding:.375rem}.browser__table-header-content--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.browser__table-header-content--sortable:hover{background-color:#f3f4f6}.browser__table-header--sorted{background-color:#e0f2fe}.browser__table-header--sorted .browser__table-header-content--sortable{background-color:#bae6fd}.browser__table-header-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser__table-sort-icon{margin-left:.5rem;font-size:.8em;color:#6b7280;flex-shrink:0}.browser__table-header--sorted .browser__table-sort-icon{color:#2563eb;font-weight:700}.browser__table-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:8px;background-color:transparent;cursor:col-resize;z-index:1}.browser__tree-resize-handle{position:absolute;right:-4px;top:0;bottom:0;width:8px;background-color:transparent;cursor:col-resize;z-index:1}.browser__table-resize-handle:hover,.browser__tree-resize-handle:hover{background-color:#3b82f6}.browser__table-resize-handle:active,.browser__tree-resize-handle:active{background-color:#1d4ed8}@media (max-width: 768px){.browser{grid-template-columns:1fr;grid-template-rows:200px 1fr}.browser__pane:first-child{max-height:200px}}.browser__query-header-actions{display:flex;align-items:center;gap:.5rem}.browser__sample-queries-btn{padding:.25rem .5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.8em;font-weight:500;cursor:pointer;transition:all .2s ease}.browser__sample-queries-btn:hover{border-color:#9ca3af;background-color:#f9fafb}.sample-queries-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.sample-queries-popup__content{position:relative;width:500px;max-height:400px;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.sample-queries-popup__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.sample-queries-popup__header h3{margin:0;font-size:1em;font-weight:600;color:#374151}.sample-queries-popup__close{background:none;border:none;font-size:1.2em;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.sample-queries-popup__close:hover{color:#374151}.sample-queries-popup__body{max-height:350px;overflow-y:auto}.sample-queries-list{padding:.5rem}.sample-query-item{margin-bottom:.75rem;padding:.5rem;border:1px solid #e2e8f0;background-color:#f9fafb}.sample-query-item h4{margin:0 0 .25rem;font-size:.85em;font-weight:600;color:#374151}.sample-query-item code{display:block;padding:.25rem;background-color:#fff;border:1px solid #d1d5db;font-family:Fira Code,Source Code Pro,monospace;font-size:.75em;color:#1f2937;margin-bottom:.5rem;word-break:break-all;white-space:pre-wrap}.sample-query-copy{padding:.25rem .5rem;border:1px solid #2563eb;background-color:#2563eb;color:#fff;font-size:.75em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.sample-query-copy:hover{background-color:#1d4ed8}.browser__collection-stats{display:flex;align-items:center;margin:0 1rem}.collection-stats{display:flex;gap:1rem;align-items:center}.collection-stat-item{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.25rem;min-width:60px}.stat-label{font-size:.7em;color:#6b7280;font-weight:500;margin-bottom:.125rem}.stat-value{font-size:.8em;color:#374151;font-weight:600}.collection-stats-loading{display:flex;align-items:center;padding:.25rem .5rem;color:#6b7280;font-size:.8em}.collection-stat-item--clickable{cursor:pointer;transition:all .2s ease}.collection-stat-item--clickable:hover{background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.browser__recent-queries-btn{padding:.25rem .5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.8em;font-weight:500;cursor:pointer;transition:all .2s ease}.browser__recent-queries-btn:hover:not(:disabled){border-color:#9ca3af;background-color:#f9fafb}.browser__recent-queries-btn:disabled{opacity:.5;cursor:not-allowed}.recent-queries-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.recent-queries-popup__content{position:relative;width:600px;max-height:500px;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.recent-queries-popup__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.recent-queries-popup__header h3{margin:0;font-size:1em;font-weight:600;color:#374151}.recent-queries-popup__close{background:none;border:none;font-size:1.2em;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.recent-queries-popup__close:hover{color:#374151}.recent-queries-popup__body{max-height:450px;overflow-y:auto}.recent-queries-empty{padding:2rem;text-align:center;color:#6b7280}.recent-queries-list{padding:.5rem}.recent-query-item{margin-bottom:.75rem;padding:.5rem;border:1px solid #e2e8f0;background-color:#f9fafb}.recent-query-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75em;color:#6b7280}.recent-query-time{font-weight:500}.recent-query-count{background-color:#e5e7eb;padding:.125rem .25rem;font-weight:500}.recent-query-code{display:block;padding:.25rem;background-color:#fff;border:1px solid #d1d5db;font-family:Fira Code,Source Code Pro,monospace;font-size:.75em;color:#1f2937;margin-bottom:.5rem;word-break:break-all;white-space:pre-wrap;max-height:100px;overflow-y:auto}.recent-query-use{padding:.25rem .5rem;border:1px solid #059669;background-color:#059669;color:#fff;font-size:.75em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.recent-query-use:hover{background-color:#047857}.info-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.info-popup{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:600px;max-width:800px;max-height:80vh;overflow:hidden}.info-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.info-popup__header h3{margin:0;font-size:1.25em;font-weight:600;color:#374151}.info-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-popup__close:hover{background-color:#e5e7eb;color:#374151}.info-popup__content{padding:1.5rem;max-height:calc(80vh - 140px);overflow-y:auto}.info-popup__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.info-popup__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-popup__section h4{margin:0 0 .5rem;font-size:1em;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.info-popup__section p{margin:0;color:#6b7280;line-height:1.6;font-size:.9em}.info-popup__actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.info-popup__ok{padding:.5rem 1.5rem;border:none;background-color:#2563eb;color:#fff;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.info-popup__ok:hover{background-color:#1d4ed8}.cookies-popup-overlay{position:fixed;bottom:1rem;right:1rem;z-index:10000;max-width:400px}.cookies-popup{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.cookies-popup__content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem}.cookies-popup__icon{font-size:1.5em;flex-shrink:0;margin-top:.125rem}.cookies-popup__text h3{margin:0 0 .5rem;font-size:1em;font-weight:600;color:#374151}.cookies-popup__text p{margin:0;color:#6b7280;line-height:1.5;font-size:.875em}.cookies-popup__actions{padding:.75rem 1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.cookies-popup__accept{padding:.5rem 1rem;border:none;background-color:#059669;color:#fff;font-size:.875em;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cookies-popup__accept:hover{background-color:#047857}.homepage{flex:1;overflow-y:auto;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.homepage__hero{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.homepage__hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.homepage__hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.homepage__title{font-size:3.5rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.homepage__title-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.homepage__subtitle{font-size:1.25rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.homepage__cta-button{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage__cta-button:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.homepage__content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.homepage__section{margin-bottom:4rem}.homepage__section:last-child{margin-bottom:0}.homepage__section-title{font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 2rem;text-align:center}.homepage__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.homepage__feature{background:white;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.homepage__feature:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.homepage__feature-icon{font-size:2.5rem;margin-bottom:1rem}.homepage__feature h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.homepage__feature p{color:#6b7280;line-height:1.6;margin:0}.homepage__steps{display:flex;flex-direction:column;gap:2rem}.homepage__step{display:flex;gap:1.5rem;align-items:flex-start;background:white;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.homepage__step-number{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.homepage__step-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.homepage__step-content p{color:#6b7280;line-height:1.6;margin:0 0 1rem}.homepage__code-example{background:#f8fafc;border:1px solid #e2e8f0;padding:.75rem;font-family:Fira Code,Source Code Pro,monospace;font-size:.875rem;color:#1f2937;overflow-x:auto}.homepage__code-example code{background:none;padding:0;color:inherit}.homepage__tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.homepage__tip{background:white;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.homepage__tip h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.homepage__tip ul{margin:0;padding-left:1.5rem;color:#6b7280;line-height:1.6}.homepage__tip li{margin-bottom:.5rem}.homepage__tip code{background:#f1f5f9;padding:.125rem .375rem;font-family:Fira Code,Source Code Pro,monospace;font-size:.875rem;color:#1e293b}.homepage__tip a,.info-popup__section a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.homepage__tip a:hover,.info-popup__section a:hover{color:#1d4ed8;text-decoration:underline}.homepage__security{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.homepage__security-item{display:flex;gap:1rem;align-items:flex-start;background:white;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.homepage__security-icon{font-size:2rem;flex-shrink:0}.homepage__security-item h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.homepage__security-item p{color:#6b7280;line-height:1.6;margin:0}.homepage__section--cta{text-align:center;background:white;padding:3rem 2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.homepage__cta-text{font-size:1.125rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.homepage__cta-button--large{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;color:#fff;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.homepage__cta-button--large:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #2563eb4d}@media (max-width: 768px){.homepage__title{font-size:2.5rem;flex-direction:column;gap:.5rem}.homepage__title-icon{font-size:2rem}.homepage__subtitle{font-size:1.125rem}.homepage__content{padding:2rem 1rem}.homepage__features-grid,.homepage__tips,.homepage__security{grid-template-columns:1fr}.homepage__step,.homepage__security-item{flex-direction:column;text-align:center}}.server-status-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.server-status-popup{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:500px;max-width:600px;max-height:80vh;overflow:hidden}.server-status-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.server-status-popup__header h3{margin:0;font-size:1.25em;font-weight:600;color:#374151}.server-status-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.server-status-popup__close:hover{background-color:#e5e7eb;color:#374151}.server-status-popup__content{padding:1.5rem;max-height:calc(80vh - 140px);overflow-y:auto}.server-status-loading,.server-status-error{text-align:center;padding:2rem;color:#6b7280}.server-status-error{color:#dc2626}.server-status-metrics{display:flex;flex-direction:column;gap:1.5rem}.server-status-metric{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb}.server-status-metric h4{margin:0 0 .75rem;font-size:1em;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.metric-value{display:flex;flex-direction:column;gap:.5rem}.metric-number{font-size:1.5em;font-weight:700;color:#1f2937}.metric-text{font-size:1em;color:#374151;font-family:Fira Code,Source Code Pro,monospace}.metric-bar{width:100%;height:8px;background-color:#e5e7eb;overflow:hidden}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}.metric-subsection{margin-top:1rem;padding:.75rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem}.metric-subsection h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.25rem}.metric-details strong{color:#1f2937;font-weight:600}.metric-details{font-size:.875em;color:#6b7280;font-family:Fira Code,Source Code Pro,monospace}.server-status-popup__actions{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.server-status-popup__refresh,.server-status-popup__close-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.875em;font-weight:500;cursor:pointer;transition:all .2s ease}.server-status-popup__refresh:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.server-status-popup__refresh:disabled{opacity:.5;cursor:not-allowed}.server-status-popup__close-btn{background-color:#2563eb;color:#fff;border-color:#2563eb}.server-status-popup__close-btn:hover{background-color:#1d4ed8;border-color:#1d4ed8}.index-details-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.index-details-popup{position:relative;width:800px;max-height:600px;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.index-details-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.index-details-popup__header h3{margin:0;font-size:1.1em;font-weight:600;color:#374151}.index-details-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.index-details-popup__close:hover{color:#374151}.index-details-popup__content{max-height:450px;overflow-y:auto;padding:1rem}.index-details-list{display:flex;flex-direction:column;gap:1rem}.index-details-item{border:1px solid #e2e8f0;border-radius:.5rem;background-color:#f9fafb;overflow:hidden}.index-details-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f3f4f6;border-bottom:1px solid #e2e8f0}.index-name{margin:0;font-size:1em;font-weight:600;color:#374151}.index-size{font-size:.9em;font-weight:500;color:#6b7280;background-color:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem}.index-details-body{padding:1rem}.index-detail-row{display:flex;margin-bottom:.5rem;align-items:flex-start}.index-detail-row:last-child{margin-bottom:0}.detail-label{font-size:.85em;font-weight:500;color:#6b7280;min-width:120px;margin-right:.5rem}.detail-value{font-size:.85em;color:#374151;font-family:Fira Code,Source Code Pro,monospace;background-color:#fff;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;word-break:break-all}.index-details-popup__actions{display:flex;justify-content:flex-end;padding:1rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.index-details-popup__close-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.index-details-popup__close-btn:hover{border-color:#9ca3af;background-color:#f9fafb}.browser__export-btn{padding:.5rem 1rem;border:1px solid #10b981;background-color:#10b981;color:#fff;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.browser__export-btn:hover:not(:disabled){background-color:#059669;border-color:#059669}.browser__export-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#6b7280;border-color:#6b7280}.export-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.export-popup{position:relative;width:500px;max-height:600px;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.export-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.export-popup__header h3{margin:0;font-size:1.1em;font-weight:600;color:#374151}.export-popup__close{background:none;border:none;font-size:1.5em;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.export-popup__close:hover{color:#374151}.export-popup__content{padding:1.5rem}.export-popup__description{margin:0 0 1.5rem;color:#6b7280;font-size:.9em}.export-formats{display:flex;flex-direction:column;gap:.75rem}.export-format-btn{display:flex;align-items:center;padding:1rem;border:1px solid #e2e8f0;background-color:#fff;cursor:pointer;transition:all .2s ease;border-radius:.5rem}.export-format-btn:hover{border-color:#10b981;background-color:#f0fdf4;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.export-format-icon{font-size:2em;margin-right:1rem;min-width:3rem;text-align:center}.export-format-info{flex:1}.export-format-name{font-size:1.1em;font-weight:600;color:#374151;margin-bottom:.25rem}.export-format-desc{font-size:.9em;color:#6b7280}.export-popup__actions{display:flex;justify-content:flex-end;padding:1rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.export-popup__cancel-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.export-popup__cancel-btn:hover{border-color:#9ca3af;background-color:#f9fafb}.context-menu{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;min-width:180px}.context-menu-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.9em;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.context-menu-item:hover{background-color:#f3f4f6}.operations-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.operations-popup{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:90vw;max-height:90vh;width:1000px;display:flex;flex-direction:column;overflow:hidden}.operations-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.operations-popup__header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.operations-popup__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.operations-popup__close:hover{background-color:#e5e7eb;color:#374151}.operations-popup__content{padding:1.5rem;overflow-y:auto;flex:1}.operations-loading,.operations-error{text-align:center;padding:2rem;color:#6b7280}.operations-metrics{display:flex;flex-direction:column;gap:2rem}.operations-metric{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.operations-metric h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem}.metric-label{font-weight:500;color:#374151}.metric-value{font-weight:600;color:#111827}.collections-list,.operations-list{display:flex;flex-direction:column;gap:1rem}.collection-item,.operation-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.collection-header,.operation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.operation-header--clickable{cursor:pointer;transition:background-color .2s ease;padding:.5rem;border-radius:.375rem;margin:-.5rem -.5rem .25rem}.operation-header--clickable:hover{background-color:#f3f4f6}.operation-header-right{display:flex;align-items:center;gap:.75rem}.operation-expand-icon{font-size:.875rem;color:#6b7280;transition:transform .2s ease}.collection-name{font-weight:600;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.collection-operations{background-color:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.operation-type{font-weight:600;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.operation-duration{background-color:#fee2e2;color:#dc2626;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.operation-json{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.operation-json h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.operation-json-content{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.operation-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.operation-details h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827}.operation-details h6{margin:1.5rem 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.operation-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.operation-detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.operation-detail-item .detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.operation-detail-item .detail-value{font-size:.875rem;color:#111827;font-weight:500}.operation-detail-item .detail-value.status.active{color:#059669}.operation-detail-item .detail-value.status.inactive{color:#dc2626}.operation-command-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.operation-command-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.operation-command-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#fefce8;border:1px solid #fde047;border-radius:.375rem}.operation-command-item .command-key{font-size:.75rem;font-weight:600;color:#a16207;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.operation-command-item .command-value{font-size:.875rem;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #e5e7eb;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.operation-raw-json{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.operation-raw-json h6{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.operation-metadata-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.operation-metadata-section h6{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#374151}.collection-details,.operation-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#6b7280}.collection-details span,.operation-details span{display:flex;align-items:center;gap:.25rem}.status.active{color:#059669}.status.inactive{color:#dc2626}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:1rem}.operations-popup__actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.operations-popup__refresh{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.operations-popup__refresh:hover:not(:disabled){background-color:#2563eb}.operations-popup__refresh:disabled{background-color:#9ca3af;cursor:not-allowed}.operations-popup__close-btn{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.operations-popup__close-btn:hover{border-color:#9ca3af;background-color:#f9fafb}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background-color:#f9fafb;line-height:1.5}body{margin:0;min-height:100vh;background-color:#f3f4f6}*{box-sizing:border-box}a{color:inherit;text-decoration:none}