:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-green: #7ee787;--accent-blue: #79c0ff;--accent-purple: #d2a8ff;--accent-orange: #ffa657;--accent-red: #ff7b72;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;font-family:var(--font-mono);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono)}a{font-weight:500;color:var(--accent-blue);text-decoration:inherit}a:hover{color:var(--accent-green)}button{border-radius:4px;border:1px solid var(--border-color);padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-mono);background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s}button:hover{background-color:var(--border-color);border-color:var(--accent-green)}button:focus,button:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}h1{font-size:2em;line-height:1.1;color:var(--accent-green)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-green: #7ee787;--accent-blue: #79c0ff;--accent-purple: #d2a8ff;--accent-orange: #ffa657;--accent-red: #ff7b72;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.dashboard{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:600;color:var(--accent-green)}.mode-switcher{display:flex;align-items:center;gap:.5rem}.mode-label{color:var(--text-secondary);font-size:.875rem}.mode-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);font-size:.875rem;cursor:pointer}.mode-select:focus{outline:none;border-color:var(--accent-green)}.main-container{display:flex;flex:1;overflow:hidden}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.05em}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:.875rem}.sidebar-item:hover{background-color:var(--bg-tertiary)}.sidebar-item.active{background-color:var(--bg-tertiary);color:var(--accent-green)}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 1rem}.tab{padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.tab-content{flex:1;overflow:auto;padding:1.5rem}.panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.panel-header{background-color:var(--bg-tertiary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.panel-content{padding:1rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.875rem}.breadcrumb-item{color:var(--accent-blue);cursor:pointer}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary)}.file-list{list-style:none}.file-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:var(--bg-tertiary)}.file-icon{width:20px;text-align:center;color:var(--accent-blue)}.file-icon.directory{color:var(--accent-orange)}.file-name{flex:1;font-size:.875rem}.file-meta{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.code-block{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;overflow:auto;font-size:.875rem;line-height:1.5;max-height:600px}.code-block pre{margin:0;white-space:pre-wrap;word-break:break-all}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.error{background-color:#ff7b721a;border:1px solid var(--accent-red);color:var(--accent-red);padding:1rem;border-radius:4px;margin:1rem 0}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);font-size:.875rem;cursor:pointer;transition:all .2s}.btn:hover{background-color:var(--border-color)}.btn-primary{background-color:var(--accent-green);color:var(--bg-primary);border-color:var(--accent-green)}.btn-primary:hover{background-color:#6fd176}.table-container{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background-color:var(--bg-tertiary)}th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}tr:hover td{background-color:var(--bg-tertiary)}.json-key{color:var(--accent-purple)}.json-string{color:var(--accent-green)}.json-number{color:var(--accent-orange)}.json-boolean{color:var(--accent-blue)}.json-null{color:var(--accent-red)}