:root{--accent-color:#409eff;--accent-glow:rgba(64,158,255,.15);--surface-bg:hsla(0,0%,100%,.03);--surface-bg-hover:hsla(0,0%,100%,.06);--surface-border:hsla(0,0%,100%,.08);--surface-border-hover:hsla(0,0%,100%,.15);--radius:8px;--radius-lg:12px;--header-height:60px;--text-primary:hsla(0,0%,100%,.92);--text-secondary:hsla(0,0%,100%,.55);--transition:0.2s ease}*{box-sizing:border-box}body{margin:0;background:#141414}#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);min-height:100vh}.app-header{background:hsla(0,0%,8%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);padding:0!important;position:sticky;top:0;z-index:100}.app-header .header-inner{height:60px;padding:0 24px}.app-brand,.app-header .header-inner{display:flex;align-items:center;gap:8px}.app-brand{cursor:pointer;padding-right:20px;border-right:1px solid var(--surface-border);margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--transition)}.app-brand:hover{opacity:.8}.app-brand .brand-icon{font-size:20px;line-height:1}.app-brand .brand-text{font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.app-nav.el-menu{background:transparent!important;border-bottom:none!important;height:60px}.app-nav.el-menu .el-menu-item{height:60px;line-height:60px;border-bottom:2px solid transparent!important;color:var(--text-secondary)!important;font-size:14px;padding:0 18px;transition:all var(--transition);display:flex;align-items:center;gap:6px}.app-nav.el-menu .el-menu-item .nav-icon{font-size:13px;opacity:.7}.app-nav.el-menu .el-menu-item:hover{color:var(--text-primary)!important;background:var(--surface-bg-hover)!important}.app-nav.el-menu .el-menu-item.is-active{color:var(--accent-color)!important;border-bottom-color:var(--accent-color)!important;background:transparent!important}.app-nav.el-menu .el-menu-item.is-active .nav-icon{opacity:1}.app-nav.el-menu .el-sub-menu .el-sub-menu__title{height:60px;line-height:60px;border-bottom:2px solid transparent!important;color:var(--text-secondary)!important;font-size:14px;padding:0 18px;display:flex;align-items:center;gap:6px}.app-nav.el-menu .el-sub-menu .el-sub-menu__title .nav-icon{font-size:13px;opacity:.7}.app-nav.el-menu .el-sub-menu .el-sub-menu__title:hover{color:var(--text-primary)!important;background:var(--surface-bg-hover)!important}.app-nav.el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--accent-color)!important;border-bottom-color:var(--accent-color)!important}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background:#1e1e1e!important;color:var(--text-secondary)!important}.el-menu--horizontal .el-menu .el-menu-item:hover,.el-menu--horizontal .el-menu .el-sub-menu__title:hover{color:var(--text-primary)!important;background:var(--surface-bg-hover)!important}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu__title.is-active{color:var(--accent-color)!important}.el-popper.is-light{background:#1e1e1e!important;border:1px solid var(--surface-border)!important}.app-main.el-main{padding:0;overflow:hidden}.tool-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--surface-bg);border-bottom:1px solid var(--surface-border)}.tool-toolbar .toolbar-group{display:flex;align-items:center;gap:6px;padding:0 4px}.tool-toolbar .toolbar-group+.toolbar-group{border-left:1px solid var(--surface-border);padding-left:12px}.tool-toolbar .el-button{border-radius:6px;font-size:13px;padding:6px 14px;height:32px;transition:all var(--transition);border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--text-secondary)}.tool-toolbar .el-button:hover{color:var(--text-primary);border-color:var(--surface-border-hover);background:var(--surface-bg-hover)}.tool-toolbar .el-button:active{transform:scale(.97)}.tool-toolbar .el-select .el-input__wrapper{border-radius:6px;height:32px}.tool-toolbar .el-checkbox{color:var(--text-secondary);height:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}