.topbar{height:60px;min-height:60px;background-color:#1a1f3a;border-bottom:1px solid #2a2f4a;display:flex;align-items:center;padding:0 20px;z-index:100}.topbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.topbar-title{font-size:20px;font-weight:600;color:#fff;margin:0}.topbar-actions{display:flex;gap:10px}.topbar-button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.topbar-button:hover{background-color:#2563eb}.left-nav{background-color:#151a2e;border-right:1px solid #2a2f4a;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column;min-width:0}.left-nav.open{width:250px;min-width:250px}.left-nav.closed{width:0;min-width:0}.left-nav-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #2a2f4a;min-height:60px}.left-nav-header h2{font-size:16px;font-weight:600;color:#fff;white-space:nowrap}.toggle-button{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:5px;transition:color .2s}.toggle-button:hover{color:#fff}.left-nav-content{display:flex;flex-direction:column;padding:10px 0;overflow-y:auto;flex:1}.nav-item{padding:12px 20px;color:#9ca3af;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-item:hover{background-color:#1f2438;color:#fff}.left-nav-toggle-floating{position:fixed;left:0;top:50%;transform:translateY(-50%);background-color:#1a1f3a;border:1px solid #2a2f4a;border-left:none;color:#9ca3af;padding:10px 5px;cursor:pointer;z-index:50;border-radius:0 6px 6px 0;transition:all .2s}.left-nav-toggle-floating:hover{background-color:#2a2f4a;color:#fff}.main-content{flex:1;overflow:hidden;background-color:#0f1320;display:flex;flex-direction:column;min-width:0}.main-content-inner{padding:20px;overflow-y:auto;height:100%}.main-content-inner h2{color:#fff;margin-bottom:10px}.main-content-inner p{color:#9ca3af;margin-bottom:8px}.right-sidebar{background-color:#151a2e;border-left:1px solid #2a2f4a;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column;min-width:0}.right-sidebar.open{width:300px;min-width:300px}.right-sidebar.closed{width:0;min-width:0}.right-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #2a2f4a;min-height:60px}.right-sidebar-header h2{font-size:16px;font-weight:600;color:#fff;white-space:nowrap}.right-sidebar-content{flex:1;padding:20px;overflow-y:auto}.right-sidebar-toggle-floating{position:fixed;right:0;top:50%;transform:translateY(-50%);background-color:#1a1f3a;border:1px solid #2a2f4a;border-right:none;color:#9ca3af;padding:10px 5px;cursor:pointer;z-index:50;border-radius:6px 0 0 6px;transition:all .2s}.right-sidebar-toggle-floating:hover{background-color:#2a2f4a;color:#fff}.bottom-panel{background-color:#151a2e;border-top:1px solid #2a2f4a;transition:height .3s ease;overflow:hidden;display:flex;flex-direction:column;min-height:0}.bottom-panel.open{height:200px;min-height:200px}.bottom-panel.closed{height:0;min-height:0}.bottom-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #2a2f4a;min-height:50px}.bottom-panel-header h2{font-size:16px;font-weight:600;color:#fff}.bottom-panel-content{flex:1;padding:20px;overflow-y:auto}.bottom-panel-content p{color:#9ca3af}.bottom-panel-toggle-floating{position:fixed;bottom:0;left:50%;transform:translate(-50%);background-color:#1a1f3a;border:1px solid #2a2f4a;border-bottom:none;color:#9ca3af;padding:8px 20px;cursor:pointer;z-index:50;border-radius:6px 6px 0 0;transition:all .2s}.bottom-panel-toggle-floating:hover{background-color:#2a2f4a;color:#fff}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:#0a0e27;color:#e0e0e0}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}#root{height:100vh;width:100vw;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}