body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;background-color:#f0f0f0;color:#000;-webkit-user-select:none;user-select:none;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.border-outset{border-top:1.5px solid #ffffff;border-left:1.5px solid #ffffff;border-right:1.5px solid #808080;border-bottom:1.5px solid #808080;box-shadow:inset 1px 1px #fff,inset -1px -1px #0a0a0a}.border-inset{border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;background-color:#fff}.menu-bar{background-color:#f0f0f0;display:flex;padding:2px 6px;border-bottom:1.5px solid #808080;gap:12px}.menu-item{padding:2px 6px;cursor:pointer;position:relative}.menu-item:hover{background-color:#0a246a;color:#fff}.menu-dropdown{position:absolute;top:100%;left:0;background-color:#f0f0f0;border:1.5px solid #808080;box-shadow:2px 2px 4px #0003;z-index:1000;display:none;flex-direction:column;min-width:150px}.menu-item:hover .menu-dropdown{display:flex}.dropdown-item{padding:4px 12px;color:#000;text-decoration:none;display:block}.dropdown-item:hover{background-color:#0a246a;color:#fff}.dropdown-divider{height:1px;background-color:gray;margin:2px 0}.toolbar{background-color:#f0f0f0;padding:4px 6px;display:flex;gap:4px;border-bottom:1.5px solid #808080;align-items:center}.tool-btn{background-color:#f0f0f0;border:1px solid transparent;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11px}.tool-btn:hover{border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #808080;border-bottom:1px solid #808080}.tool-btn:active{border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;padding:5px 7px 3px 9px}.tool-btn.disabled{color:gray;cursor:not-allowed}.tool-btn.disabled:hover{border-color:transparent}.toolbar-separator{width:2px;height:20px;background-color:gray;border-right:1px solid #ffffff;margin:0 4px}.workspace{display:flex;flex:1;overflow:hidden;background-color:gray;padding:2px;gap:2px}.left-pane{width:280px;display:flex;flex-direction:column;background-color:#fff;border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;overflow:hidden}.pane-title{background:linear-gradient(90deg,#0a246a,#a6caf0);color:#fff;font-weight:700;padding:4px 8px;font-size:11px}.tree-view{flex:1;overflow-y:auto;padding:4px}.tree-node{padding:2px 4px 2px 16px;cursor:pointer;position:relative;white-space:nowrap}.tree-node:before{content:"";position:absolute;left:6px;top:8px;width:6px;height:1px;background-color:gray}.tree-node-label{display:inline-flex;align-items:center;gap:6px;padding:1px 4px}.tree-node-label.selected{background-color:#0a246a;color:#fff}.tree-node-children{margin-left:12px;border-left:1px dotted #808080}.right-pane{flex:1;display:flex;flex-direction:column;background-color:#f0f0f0;border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;overflow:hidden}.tab-container{display:flex;background-color:#f0f0f0;padding-left:6px;border-bottom:1.5px solid #808080;margin-top:4px}.tab{padding:4px 12px;background-color:#e0e0e0;border-top:1.5px solid #ffffff;border-left:1.5px solid #ffffff;border-right:1.5px solid #808080;border-bottom:none;margin-right:2px;cursor:pointer;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;bottom:-1.5px;font-size:11px}.tab.active{background-color:#f0f0f0;font-weight:700;border-bottom:1.5px solid #f0f0f0;z-index:10;padding-top:5px;padding-bottom:5px}.tab-content{flex:1;background-color:#f0f0f0;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.win-group{border:1.5px solid #808080;border-radius:2px;padding:12px;position:relative;background-color:#f0f0f0;margin-top:8px}.win-group-title{position:absolute;top:-8px;left:12px;background-color:#f0f0f0;padding:0 4px;font-weight:700;color:#000}.form-row{display:flex;align-items:center;margin-bottom:8px;gap:12px}.form-label{width:150px;text-align:right;font-size:11px}.form-input{flex:1;padding:3px 4px;font-size:12px;border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;background-color:#fff;outline:none}.form-input:focus{background-color:#ffffe0}.form-select{flex:1;padding:2px 4px;font-size:12px;border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;outline:none}.form-checkbox{margin-right:8px}.win-table-container{flex:1;overflow:auto;border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff;background-color:#fff}.win-table{width:100%;border-collapse:collapse;text-align:left}.win-table th{background-color:#f0f0f0;border-right:1.5px solid #808080;border-bottom:1.5px solid #808080;padding:4px 6px;font-weight:400;position:sticky;top:0;z-index:10;box-shadow:inset 1px 1px #fff}.win-table td{border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:4px 6px;white-space:nowrap}.win-table tr:hover{background-color:#f5f5f5}.win-table tr.selected{background-color:#0a246a;color:#fff}.win-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2000}.win-window{background-color:#f0f0f0;border:2px solid #f0f0f0;box-shadow:2px 2px 10px #0000004d;min-width:400px;display:flex;flex-direction:column}.win-window-title{background:linear-gradient(90deg,#0a246a,#a6caf0);color:#fff;font-weight:700;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.win-close-btn{background-color:#f0f0f0;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #808080;border-bottom:1px solid #808080;font-size:9px;width:16px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;font-weight:700}.win-window-content{padding:12px;display:flex;flex-direction:column;gap:12px}.win-window-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.win-btn{background-color:#f0f0f0;border-top:1.5px solid #ffffff;border-left:1.5px solid #ffffff;border-right:1.5px solid #808080;border-bottom:1.5px solid #808080;padding:4px 16px;cursor:pointer;min-width:75px;outline:none}.win-btn:hover{background-color:#e0e0e0}.win-btn:active{border-top:1.5px solid #808080;border-left:1.5px solid #808080;border-right:1.5px solid #ffffff;border-bottom:1.5px solid #ffffff}.status-bar{background-color:#f0f0f0;border-top:1.5px solid #808080;display:flex;padding:2px 4px;gap:4px}.status-panel{border-top:1px solid #808080;border-left:1px solid #808080;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;padding:2px 6px;font-size:11px;background-color:#f0f0f0}.flex-1{flex:1}.autocomplete-container{position:relative;flex:1;display:flex}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1.5px solid #808080;max-height:200px;overflow-y:auto;z-index:1500;box-shadow:2px 2px 4px #00000026}.autocomplete-item{padding:4px 8px;cursor:pointer;font-size:11px}.autocomplete-item:hover{background-color:#0a246a;color:#fff}