:root{--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-tertiary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4a9eff;--border: #3a3a3a;--nav-width: 200px;--nav-collapsed-width: 50px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh}.app{display:flex;min-height:100vh;width:100%;overflow:hidden}.sidebar{width:var(--nav-width);background-color:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar.collapsed{width:var(--nav-collapsed-width)}.nav-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}.sidebar.collapsed .nav-header{justify-content:center;padding:.5rem 0}.sidebar.collapsed .nav-logo{display:none}.nav-logo{font-weight:700;font-size:1rem;color:var(--accent)}.collapse-btn{flex-shrink:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 6px;font-size:1.125rem;line-height:1}.collapse-btn:hover{color:var(--text-primary)}.nav-items{display:flex;flex-direction:column;padding:.25rem .4rem;gap:.15rem}.sidebar.collapsed .nav-items{padding:.25rem .15rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;color:var(--text-secondary);text-decoration:none;border-radius:4px}.sidebar.collapsed .nav-link{padding:.4rem .35rem;justify-content:center}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:#4a9eff26;color:var(--accent)}.nav-icon{font-size:1.125rem;width:20px;text-align:center}.main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100vh;padding:1rem 1rem 0;overflow:hidden}.page>h1{font-size:1.25rem;font-weight:600;margin-bottom:1rem;flex-shrink:0}.page .dock-tabset:nth-child(4n+1){background:#1c1e22}.page .dock-tabset:nth-child(4n+3){background:#202329}.dock-layout{width:100%;height:100%;position:relative;overflow:hidden;display:flex}.dock-container{display:flex;flex:1;min-width:0;min-height:0}.dock-container-horizontal{flex-direction:row}.dock-container-vertical{flex-direction:column}.dock-tabset{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;position:relative;background:#1e1e1e;overflow:hidden}.dock-panel-header{display:flex;flex-direction:row;align-items:center;height:28px;min-height:28px;max-height:28px;background:#2d2d2d;flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.dock-tabset-collapsed-horizontal .dock-panel-header{height:100%;min-height:unset;max-height:unset}.dock-tab-bar{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;overflow:hidden}.dock-tab-button{display:flex;align-items:center;padding:0 12px;height:28px;color:#ccc;background:transparent;border:none;border-right:1px solid #333;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-tab-button:hover{background:#3a3a3a}.dock-tab-button-active{background:#3b3b3b;color:#fff}.dock-tab-button-content{overflow:hidden;text-overflow:ellipsis}.dock-tab-close-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;margin-right:-4px;flex-shrink:0;background:transparent;border:none;border-radius:2px;color:#999;cursor:pointer;padding:0}.dock-tab-close-btn:hover{background:#ffffff26;color:#fff}.dock-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#999;cursor:pointer;font-size:12px;flex-shrink:0}.dock-collapse-btn:hover{background:#3a3a3a;color:#fff}.dock-tabset-content{flex:1 1 0%;min-width:0;min-height:0;overflow:auto}.dock-tabset-content>*{width:100%;height:100%;display:block}.dock-splitter{flex-shrink:0;background:#1e1e1e;z-index:10;transition:background .15s}.dock-splitter:hover:not(.dock-splitter-disabled){background:#4a90d9}.dock-splitter-disabled{background:#2a2a2a;cursor:default}.dock-splitter-h{width:4px;cursor:col-resize}.dock-splitter-v{height:4px;cursor:row-resize}.dock-tabset-collapsed{flex-shrink:0!important;flex-grow:0!important}.dock-tabset-collapsed-horizontal{width:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important}.dock-tabset-collapsed-horizontal .dock-panel-header{writing-mode:horizontal-tb;width:28px;height:100%;border-bottom:none;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px}.dock-tabset-collapsed-horizontal .dock-tab-bar{flex-direction:column;flex:1;width:100%;gap:2px;display:flex;overflow:hidden;min-height:0}.dock-tabset-collapsed-horizontal .dock-tab-button{writing-mode:vertical-rl;width:28px;height:unset;padding:6px 4px;margin:0;border-right:none;border-bottom:1px solid #333}.dock-tabset-collapsed-horizontal .dock-collapse-btn{border-left:none;order:-1}.dock-tabset-collapsed-horizontal .dock-tabset-content{display:none!important}.dock-tabset-collapsed-vertical{height:28px!important;min-height:28px!important;max-height:28px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:28px!important;align-self:stretch!important}.dock-tabset-collapsed-vertical .dock-tabset-content{display:none!important}.dock-drop-overlay{position:fixed;pointer-events:none;z-index:1000;box-sizing:border-box}