:root{--bg: #1e2c39;--text: #c7d0d9;--border: #4a6a8a;--table-bg: rgba(0,0,0,.2);--th-bg: #1a1a2a;--td-border: #2a3a5a;--header-bg: #0f1a24;--widget-bg: #1a2a3a;--widget-header-bg: #0f1a24;--plate-bg: #1a2a3a;--export-bg: #4a6a8a;--positive: #46e99b;--negative: #f97387}[data-theme=light]{--bg: #f0f4f8;--text: #1a2a3a;--border: #8a9aa8;--table-bg: rgba(0,0,0,.05);--th-bg: #d0d8e0;--td-border: #c0c8d0;--header-bg: #d0d8e0;--widget-bg: #e8ecf0;--widget-header-bg: #d0d8e0;--plate-bg: #e8ecf0;--export-bg: #4a6a8a;--positive: #006400;--negative: #8B0000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,Verdana,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg)}.header{height:60px;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:100}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--text)}.logo img{height:32px;width:auto}.header-controls{display:flex;gap:12px;align-items:center}.header-controls button{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1}.add-widget-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--widget-bg);border:1px solid var(--border);border-radius:6px;padding:8px 0;min-width:220px;z-index:200}.dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 16px;color:var(--text);cursor:pointer;font-size:14px}.dropdown-menu button:hover{background:var(--th-bg)}.dropdown-menu .divider{border-bottom:1px solid var(--border);margin:4px 0}.dropdown-submenu{padding:4px 16px}.submenu-items{display:flex;flex-direction:column;padding-left:16px}.submenu-items button{padding:4px 8px;font-size:13px}.dashboard{flex:1;position:relative;overflow:hidden;background:var(--bg);height:calc(100vh - 60px);width:100%}.widget{background:var(--widget-bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000004d}.widget-header{background:var(--widget-header-bg);padding:8px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.widget-title{font-weight:700;font-size:14px}.widget-controls{display:flex;gap:8px}.widget-controls button{background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;padding:0 4px}.widget-controls button:hover{opacity:.7}.widget-body{flex:1;overflow:auto;padding:8px;width:100%;height:100%}.widget-minimized{position:fixed!important;left:10px!important;bottom:10px!important;width:auto!important;height:auto!important;min-width:200px!important;min-height:40px!important;border-radius:8px;background:var(--widget-bg);border:1px solid var(--border);box-shadow:0 4px 12px #0000004d;z-index:1000;padding:6px 12px;display:flex;align-items:center;gap:12px;cursor:pointer}.widget-minimized .widget-title{font-size:13px;font-weight:700}.widget-minimized .widget-controls button{font-size:14px}.widget-table-container{overflow:auto;max-height:100%}table{width:100%;border-collapse:collapse;font-size:12px}th{background:var(--th-bg);padding:6px 8px;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:2;white-space:nowrap;text-align:center;color:var(--text)}td{padding:4px 8px;border-bottom:1px solid var(--td-border);white-space:nowrap;color:var(--text)}.ticker{color:#94c9fe;font-weight:700}.buy{color:var(--positive)}.sell{color:var(--negative)}.empty{text-align:center;color:#888;padding:20px 0}.tracker-plates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tracker-plate{display:inline-flex;align-items:center;gap:12px;background:var(--plate-bg);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:14px}.tracker-plate .countdown{font-weight:700;color:#7cb8ff}.tracker-plate .next-time{color:#fd0}.tracker-plate .ticker{font-weight:700;color:#94c9fe}.tracker-plate .buy{color:var(--positive)}.tracker-plate .sell{color:var(--negative)}.tracker-plate button{background:none;border:none;color:#aaa;cursor:pointer;font-size:16px}.tracker-plate button:hover{color:#fff}.track-btn{background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:18px;padding:2px 8px;transition:.2s}.track-btn.active{background:#2a7a4a;border-color:var(--positive);color:#fff}.track-btn:hover{opacity:.7}.pin-btn{background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:18px;padding:2px 8px;transition:.2s}.pin-btn.active{background:#2a4a7a;border-color:#7cb8ff;color:#fff}.pin-btn:hover{opacity:.7}.clickable{cursor:pointer;text-decoration:underline dotted}.clickable:hover{color:#fd0}.robot-history-widget .widget-table-container{max-height:100%}.robot-history-widget .widget-export{margin-top:12px;display:flex;justify-content:flex-end}.robot-history-widget .widget-export button{background:var(--export-bg, #4a6a8a);border:none;color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:14px}.robot-history-widget .widget-export button:hover{opacity:.8}.oi-table-wrapper{overflow-x:auto;margin:0 -8px;padding:0 8px}.oi-table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.oi-table th,.oi-table td{border:1px solid var(--border);padding:6px 10px;text-align:center;white-space:nowrap}.oi-table th{background:var(--th-bg);font-weight:700;color:var(--text)}.oi-table .label{text-align:left;font-weight:500;padding-left:12px}.oi-table .even{background:var(--table-bg)}.oi-table .odd{background:var(--widget-bg)}.positive{color:var(--positive)}.negative{color:var(--negative)}.zero{color:#9aa7b3}.center{text-align:center!important}.delta-line{font-size:.9em;margin-top:2px}.oi-history-wrapper{margin-top:16px}.history-header{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--text)}.oi-history-table{font-size:12px}.oi-history-table td{padding:4px 8px}.total-row{font-weight:700;background:var(--th-bg)!important}.total-label{font-weight:700}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 1s ease,visibility 1s ease}.splash-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:0}.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}.slogan{color:#c7d0d9;font-size:22px;letter-spacing:1px;font-weight:300;margin-top:12px;min-height:40px;text-align:center}.slogan .cursor{display:inline-block;width:2px;height:28px;background:gold;animation:blink .8s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}.dots{display:flex;gap:10px;margin-top:30px}.dot{width:14px;height:14px;background:gold;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:500;display:flex;justify-content:center;align-items:center}.modal{background:var(--widget-bg);border:1px solid var(--border);border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow:auto}.modal h2{margin-bottom:20px;color:var(--text)}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin:8px 0;cursor:pointer;color:var(--text)}.settings-section input[type=checkbox]{margin-right:8px}@media (max-width: 768px){.header{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}.logo{font-size:16px}.header-controls button{font-size:16px;padding:4px 10px}.widget{min-width:100%!important}.dashboard{overflow-y:auto}}