:root{--xp-blue-bg:#ece9d8;--xp-blue-title-bar-start:#0058e6;--xp-blue-title-bar-end:#3a93ff;--xp-blue-btn-face:#f3f3ed;--xp-blue-btn-border:#003c74;--xp-blue-border:#0054e3;--xp-silver-bg:#e0e0e4;--xp-silver-title-bar-start:#74747a;--xp-silver-title-bar-end:#a4a4ac;--xp-silver-btn-face:#f4f4f4;--xp-silver-btn-border:#6d6d74;--xp-silver-border:#7f7f8d;--xp-olive-bg:#e3e0c8;--xp-olive-title-bar-start:#617335;--xp-olive-title-bar-end:#98a964;--xp-olive-btn-face:#f1ebd8;--xp-olive-btn-border:#4d5b28;--xp-olive-border:#6d8042;--xp-highlight:#fff;--xp-shadow:#716f64;--xp-input-border:#7f9db9;--xp-window-bg:#fff;--xp-text:#000;--xp-font:"Tahoma", sans-serif;--xp-mono-font:"Lucida Console", monospace;--bg-color:var(--xp-blue-bg);--btn-face:var(--xp-blue-btn-face)}.theme-silver{--bg-color:var(--xp-silver-bg);--btn-face:var(--xp-silver-btn-face)}.theme-olive{--bg-color:var(--xp-olive-bg);--btn-face:var(--xp-olive-btn-face)}body{background-color:var(--bg-color);font-family:var(--xp-font);color:var(--xp-text);flex-direction:column;height:100vh;margin:0;padding:0;font-size:11px;display:flex;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}button{background-color:var(--btn-face);border:1px solid var(--xp-shadow);border-top-color:var(--xp-highlight);border-left-color:var(--xp-highlight);font-family:var(--xp-font);cursor:pointer;padding:4px 10px;font-size:11px;box-shadow:inset -1px -1px #0003,inset 1px 1px #ffffffb3}button:active{border-top-color:var(--xp-shadow);border-left-color:var(--xp-shadow);border-bottom-color:var(--xp-highlight);border-right-color:var(--xp-highlight);padding:5px 9px 3px 11px;box-shadow:inset 1px 1px #0003}input,select{background-color:var(--xp-window-bg);border:1px solid var(--xp-input-border);font-family:var(--xp-font);padding:2px 4px;font-size:11px}.price,.volume,.mono{font-family:var(--xp-mono-font)}.top-bar{background-color:var(--bg-color);border-bottom:1px solid var(--xp-shadow);flex-direction:column;gap:4px;padding:4px;display:flex}.top-bar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.top-bar-controls>span,.top-bar-controls>button,.top-bar-controls>select{text-align:center;flex:auto}.content-area{flex-direction:column;flex:1;gap:4px;padding:4px;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--xp-shadow);background-color:var(--bg-color);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:4px;padding-top:4px;padding-left:4px;display:flex;overflow:auto hidden}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--xp-shadow);background-color:var(--bg-color);cursor:pointer;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;margin-right:2px;padding:4px 8px;box-shadow:inset -1px 0 #0003,inset 1px 1px #ffffffb3}.tab.active{background-color:var(--xp-window-bg);box-shadow:none;border-top:2px solid orange;margin-bottom:-1px;padding-bottom:5px}.panel{background-color:var(--xp-window-bg);border:1px solid var(--xp-shadow);flex-direction:column;flex:1;padding:8px;display:flex;overflow:auto}