: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{container-type:inline-size;min-width:0;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{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;min-width:0;min-height:0;overflow:auto;padding:8px;width:100%;height:100%}.robot-widget,.robot-history-widget,.oi-widget{min-width:0;width:100%}.oi-widget{display:flex;flex-direction:column}.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{min-width:0;overflow:auto;max-width:100%;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-widget .widget-table-container,.robot-history-widget .widget-table-container{max-width:100%;overflow:auto}.robot-widget table{min-width:980px}.robot-history-widget table{min-width:1040px}.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-widget{min-width:0;width:100%}.oi-table-wrapper{min-width:0;width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.oi-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:clamp(10px,2.8cqw,13px)}.oi-table th,.oi-table td{min-width:0;border:1px solid var(--border);padding:clamp(3px,1.25cqw,6px) clamp(2px,1.5cqw,10px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1.25}.oi-table th{background:var(--th-bg);font-weight:700;color:var(--text)}.oi-table tbody td:first-child,.oi-table thead tr:last-child th:first-child{width:23%}.oi-table .label{text-align:left;font-weight:500;padding-left:clamp(4px,1.8cqw,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:.88em;margin-top:1px;line-height:1.1}.oi-history-wrapper{min-width:0;margin-top:clamp(8px,2.5cqw,16px)}.history-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:clamp(11px,3cqw,14px);margin-bottom:8px;color:var(--text)}.oi-history-table{width:100%;min-width:0;table-layout:fixed;font-size:clamp(9px,2.55cqw,12px)}.oi-history-table th,.oi-history-table td{padding:clamp(3px,1.1cqw,5px) clamp(2px,1.1cqw,8px)}.oi-history-table th:first-child,.oi-history-table td:first-child{width:19%}.total-row{font-weight:700;background:var(--th-bg)!important}.total-label{font-weight:700}.oi-widget .widget-export{min-width:0;gap:6px}.oi-widget .widget-export button{max-width:100%;padding:5px 10px;border:1px solid var(--border);border-radius:4px;background:var(--export-bg);color:#fff;cursor:pointer;font-size:clamp(10px,2.6cqw,13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container (max-width: 460px){.widget-header{padding:6px 8px}.widget-title{font-size:12px}.widget-controls{gap:4px}.widget-controls button{font-size:14px;padding:0 3px}.widget-body{padding:5px}.oi-table th,.oi-table td{padding-left:2px;padding-right:2px}.oi-table .label{padding-left:4px}.oi-history-wrapper{margin-top:9px}}@container (max-width: 390px){.oi-table{font-size:10px}.oi-history-table{font-size:9px}.history-header{font-size:11px}.delta-line{font-size:.82em}}.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-taskbar{position:absolute;left:10px;right:10px;bottom:8px;z-index:5000;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;background:#0a121aeb;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.widget-taskbar-item{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--widget-bg)}.widget-taskbar-item button{border:0;background:transparent;color:var(--text);cursor:pointer}.widget-taskbar-restore{padding:5px 10px;font-size:12px;white-space:nowrap}.widget-taskbar-close{padding:5px 8px;border-left:1px solid var(--border)!important}.widget-taskbar-item button:hover{background:var(--th-bg)}
