:root{--primary-bg:#121212;--secondary-bg:#1a1a1a;--accent-color:#0D6EFD;--sec-accent-color:#0b5ed7;--text-color:#ffffff;--text-secondary:#b0b0b0;--border-color:#333;--error-color:#dc3545;--warning-color:#ffc107;--success-color:#28a745;--issue-color:#fd7e14;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--transition-fast:all 0.2s ease;--transition-medium:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--primary-bg);color:var(--text-color);height:100vh;overflow:hidden}.container{display:grid;grid-template-columns:300px 400px 1fr;height:100%;gap:1px;padding:0}.panel{background-color:var(--secondary-bg);overflow-y:auto;position:relative;margin-top:50px;height:100%}.panel-header{padding:var(--spacing-md);background-color:var(--primary-bg);border-bottom:1px solid var(--border-color);font-weight:600;position:sticky;top:0;z-index:10}.collections-panel{border-right:1px solid var(--border-color)}.collection-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.collection-item:hover{background-color:var(--primary-bg)}.collection-item.active{background-color:var(--accent-color);color:#fff}.collection-icon{width:20px;height:20px;background-color:var(--accent-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px}.documents-panel{border-right:1px solid var(--border-color)}.document-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.document-item:hover{background-color:var(--primary-bg)}.document-item.active{background-color:var(--accent-color);color:#fff}.document-id{font-weight:500;margin-bottom:var(--spacing-xs)}.document-preview{font-size:.85em;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-item.active .document-preview{color:rgba(255,255,255,.8)}.detail-panel{display:flex;flex-direction:column}.error-categories{background-color:var(--primary-bg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);display:none}.error-categories.visible{display:block}.error-category{margin-bottom:var(--spacing-md)}.error-category:last-child{margin-bottom:0}.error-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;cursor:pointer;transition:var(--transition-fast);font-weight:500}.error-header.errors{background-color:var(--error-color);color:#fff}.error-header.warnings{background-color:var(--warning-color);color:#000}.error-header.issues{background-color:var(--issue-color);color:#fff}.error-header:hover{opacity:.9}.error-count{font-size:.9em;margin-right:var(--spacing-sm)}.dropdown-arrow{transition:transform .2s;font-size:.8em}.error-category.expanded .dropdown-arrow{transform:rotate(90deg)}.error-items{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:var(--secondary-bg);border-radius:0 0 4px 4px}.error-category.expanded .error-items{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--border-color)}.error-category.expanded .error-items::-webkit-scrollbar{width:6px}.error-category.expanded .error-items::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.error-category.expanded .error-items::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.error-category.expanded .error-items::-webkit-scrollbar-thumb:hover{background:var(--sec-accent-color)}.error-item{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;font-size:.9em}.error-item:hover{background-color:var(--primary-bg)}.error-item:last-child{border-bottom:none}.error-path{font-weight:500;color:var(--accent-color);margin-bottom:2px}.error-message{color:var(--text-secondary);font-size:.85em}.document-content{flex:1;padding:var(--spacing-md);overflow-y:auto}.document-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.action-btn{background-color:var(--accent-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;cursor:pointer;font-size:.9em;transition:var(--transition-fast)}.action-btn:hover{background-color:var(--sec-accent-color)}.action-btn.secondary{background-color:var(--border-color);color:var(--text-color)}.action-btn.secondary:hover{background-color:#555}.search-container{margin-bottom:var(--spacing-lg)}.search-input{width:100%;padding:var(--spacing-sm);background-color:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9em}.search-input:focus{outline:0;border-color:var(--accent-color)}.tabs-container{margin-bottom:var(--spacing-lg)}.tabs-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:2px}.tab-button{background:0 0;border:none;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);font-size:.9em;white-space:nowrap}.tab-button:hover{color:var(--text-color);background-color:var(--primary-bg)}.tab-button.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background-color:var(--primary-bg)}.tab-content{display:none}.tab-content.active{display:block}.nested-object{border-left:3px solid var(--border-color);margin-left:var(--spacing-md);padding-left:var(--spacing-md);margin-bottom:var(--spacing-md)}.field-item{display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.field-key{font-weight:500;color:var(--accent-color);min-width:150px;margin-right:var(--spacing-md)}.field-value{flex:1;word-break:break-word}.field-type{font-size:.8em;color:var(--text-secondary);margin-left:var(--spacing-sm)}.timestamp-field .field-value{font-family:monospace;color:var(--success-color);font-weight:500}.accordion-item{border:1px solid var(--border-color);border-radius:4px;margin-bottom:var(--spacing-sm)}.accordion-header{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.accordion-header:hover{background-color:#2a2a2a}.accordion-content{padding:var(--spacing-md);display:none}.accordion-content.active{display:block}.accordion-arrow{transition:transform .2s}.accordion-item.active .accordion-arrow{transform:rotate(90deg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.highlight-new{animation:highlightNew 2s ease-out}@keyframes highlightNew{0%{background-color:rgba(13,110,253,.3)}100%{background-color:transparent}}@media (max-width:768px){.container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.panel{height:auto;max-height:300px}.detail-panel{height:calc(100vh - 600px);min-height:400px}.tabs-nav{overflow-x:auto;flex-wrap:nowrap}}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.5}.admin-header{background-color:var(--error-color);color:#fff;padding:var(--spacing-xs) var(--spacing-md);text-align:center;font-size:.85em;font-weight:500}