/* 
 * ==========================================
 * Vui thôi đừng vui quá, Tata Doan
 * ==========================================
 */
:root{--bg:#0b0e11;--card:#181a20;--text:#eaecef;--up:#0ecb81;--down:#f6465d;--gray:#848e9c;--border:#2b3139;--font-main:-apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;--font-mono:-apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-main);margin:0;padding:0;height:100vh;display:flex;flex-direction:column;overflow-x:hidden}*{border-radius:0!important}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:8px 12px;background:#121418;height:45px;box-sizing:border-box}.left-group,.right-group,.title-group{display:flex;align-items:center;gap:10px}h2{margin:0;color:var(--text);font-size:14px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px}.select-group{display:flex;gap:10px;align-items:center;background:#1e2329;padding:4px 10px;border:1px solid var(--border);border-radius:4px}.select-group span{font-size:12px;color:var(--gray);font-weight:700}.btn,.btn-action{background:#1e2329;color:var(--text);border:1px solid var(--border);padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px;text-transform:uppercase;border-radius:4px}.btn-action{background:#f0b90b;color:#000;border:none}.btn-action:hover,.btn:hover{background:#2b3139;color:#fff}.btn.active{color:#f0b90b}.timer-box{display:flex;align-items:center;gap:6px;background:#0b0e11;border:1px solid var(--border);padding:4px 10px;border-radius:4px}.timer-label{font-size:11px;color:var(--gray);font-weight:700;text-transform:uppercase}.timer-value{font-family:var(--font-mono);font-size:13px;font-weight:700;min-width:45px}.c-tf1{color:var(--up)}.c-tf2{color:#f0b90b}.divider-txt{color:var(--border)}#status{font-size:12px;font-weight:700;padding:5px 12px;background:#1e2329;border:1px solid var(--border);color:var(--gray);display:flex;align-items:center;gap:8px;border-radius:4px}.main-wrapper{padding:8px;flex:1;display:flex;flex-direction:column;overflow-y:auto}.up{color:var(--up)}.down{color:var(--down)}.neutral{color:var(--text)}.dot{width:6px;height:6px;display:inline-block}.dot.green{background:var(--up);box-shadow:0 0 4px var(--up)}.dot.red{background:var(--down);box-shadow:0 0 4px var(--down)}.dot.yellow{background:#f0b90b}.dot.blue{background:#2196f3}.text-link{cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--text);user-select:none;padding:4px 8px;border-radius:4px;transition:background .15s}.text-link:hover{background:rgba(255,255,255,.1)}.custom-dropdown{position:relative;display:inline-block}.custom-menu{position:absolute;top:100%;left:0;margin-top:5px;background:#121418;border:1px solid var(--border);border-radius:4px;min-width:100px;display:none;flex-direction:column;z-index:100;box-shadow:0 4px 10px rgba(0,0,0,.5);overflow:hidden}.custom-menu.show{display:flex;animation:.1s ease-out fadeIn}.menu-item{padding:8px 15px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s}.menu-item.active,.menu-item:hover{background:#2b3139;color:#fff}@keyframes fadeIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background:#121418;border:1px solid var(--border);width:420px;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.modal-header{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:700;background:#0b0e11;font-size:14px;border-radius:4px 4px 0 0}.modal-body{flex:1}.search-wrapper{position:relative;display:flex;flex-direction:column;flex:1;width:100%;margin-bottom:15px}.search-wrapper input{border:1px solid var(--border);font-family:var(--font-main);text-transform:uppercase;box-sizing:border-box;transition:border-color .2s}.search-list{display:none;position:absolute;top:100%;left:0;right:0;margin-top:5px;background:#121418;border:1px solid var(--border);border-radius:4px;max-height:250px;overflow-y:auto;z-index:101;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.5)}.search-list.show{display:flex}.search-item{padding:10px 15px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s;border-bottom:1px solid #1e2329}.search-item:last-child{border-bottom:none}.search-item:hover{background:#2b3139;color:#fff}.mgr-list{display:flex;flex-direction:column;gap:8px}.mgr-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--border);padding:10px 14px;cursor:grab;transition:opacity .2s;border-radius:4px}.mgr-item.hidden-coin{opacity:.4}.mgr-item.dragging{opacity:.5;background:#000;border:1px dashed #f0b90b}.mgr-sym{font-family:var(--font-main);font-weight:700;font-size:14px;display:flex;align-items:center;gap:12px;pointer-events:none}.drag-handle{color:var(--gray);font-size:16px;pointer-events:all;cursor:grab}.mgr-actions{display:flex;gap:12px}.btn-icon{background:0 0;border:none;color:var(--gray);cursor:pointer;font-size:15px;transition:color .2s;padding:0;outline:0}.btn-icon:hover{color:#fff}.btn-icon.close-modal:hover,.btn-icon.del:hover{color:var(--down)}.modal-footer{padding:15px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:#0b0e11;border-radius:0 0 4px 4px}.btn-ghost{background:0 0;border:1px solid var(--gray);color:var(--gray);padding:6px 15px;cursor:pointer;font-weight:700;font-size:11px;display:flex;align-items:center;gap:6px;text-transform:uppercase;transition:.15s;border-radius:4px}.btn-ghost:hover{border-color:#fff;color:#fff}.sessions-container{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.session-card{flex:1;min-width:180px;background:var(--card);border:1px solid var(--border);padding:6px 10px;border-radius:4px}.s-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.s-title-group{display:flex;align-items:center;gap:8px}.s-name{font-size:11px;font-weight:700;color:var(--gray)}.s-countdown{font-family:var(--font-mono);font-size:11px;font-weight:700}.badge{padding:2px 4px;font-size:10px;font-weight:700;border-radius:3px}.badge.open{background:rgba(14,203,129,.15);color:var(--up)}.badge.closed{background:rgba(132,142,156,.15);color:var(--gray)}.progress-bg{height:3px;background:#0b0e11;border:1px solid #2b3139;border-radius:2px;overflow:hidden}.progress-fill{height:100%;transition:width 1s linear;width:0%}.progress-fill.open{background:var(--up)}.progress-fill.closed{background:var(--gray)}#grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;align-content:start}.card{background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;transition:border-color .2s;cursor:pointer;border-radius:4px}.card:hover{border-color:#f0b90b}.card-header{background:#121418;padding:6px 10px;border-bottom:1px solid var(--border);font-size:1.05rem;color:#fff;font-weight:700;text-align:center;pointer-events:none;font-family:var(--font-main);letter-spacing:.5px;border-radius:4px 4px 0 0}.main-price{font-family:var(--font-main);font-size:2.2rem;font-weight:700;text-align:center;margin:10px 0;transition:color .15s;letter-spacing:-1px;pointer-events:none}.tf-wrapper{padding:0 8px 8px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.tf-block{background:#0b0e11;border:1px solid var(--border);padding:6px 8px;display:flex;flex-direction:column;gap:6px;border-radius:4px}.tf-row-1{display:flex;justify-content:space-between;align-items:center}.tf-badge{font-size:11px;font-weight:700;background:#2b3139;padding:2px 6px;text-transform:lowercase;font-family:var(--font-main);border-radius:3px}.b-tf1{color:var(--up);border-bottom:2px solid var(--up)}.b-tf2{color:#f0b90b;border-bottom:2px solid #f0b90b}.tf-stats{font-family:var(--font-mono);font-size:13px;font-weight:700;display:flex;gap:10px}.tf-row-2{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--gray)}.tf-row-2 span{color:var(--text);font-weight:700}.vol-text{color:#64b5f6!important}.flash-up{background:rgba(14,203,129,.1);border-color:rgba(14,203,129,.5)}.flash-down{background:rgba(246,70,93,.1);border-color:rgba(246,70,93,.5)}.main-area{flex:1;display:flex;height:calc(100vh - 45px)}.toolbar{width:40px;background:#121418;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:8px;z-index:10}.tool-btn{width:30px;height:30px;background:0 0;border:none;color:var(--gray);font-size:13px;font-weight:700;cursor:pointer;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:.15s}.tool-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.tool-btn.active{color:#f0b90b}#chart-wrapper{flex:1;display:flex;flex-direction:column;position:relative;background:#0b0e11;overflow:hidden}.chart-pane{flex:1;position:relative;min-height:200px}.search-wrapper input{background:#0b0e11!important;color:#fff!important;border:1px solid var(--border)!important;padding:10px 15px!important;outline:0!important;font-weight:700!important;font-size:14px!important;text-transform:uppercase!important;width:100%!important;box-sizing:border-box!important;border-radius:4px!important}.search-wrapper input::placeholder{color:#848e9c!important}.search-wrapper input:focus{border-color:#f0b90b!important;box-shadow:0 0 8px rgba(240,185,11,.3)!important}.modal-overlay i,.tool-btn i{pointer-events:none}.modal-content{max-width:95vw!important;max-height:95vh!important}.modal-body{padding:15px!important;overflow-y:auto!important;max-height:70vh!important}.legend-link{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}.ohlcv-display{background:rgba(18,20,24,.8)!important;padding:6px 10px!important;border-radius:4px!important;border:1px solid rgba(43,49,57,.5)!important}.tool-btn i{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.floating-legend{background:rgba(18,20,24,.6)!important;padding:8px!important;border-radius:4px!important}.sub-pane{height:150px;position:relative;resize:vertical;overflow:hidden;border-top:1px solid var(--border);display:none}.sub-pane.active{display:block}.pane-title{position:absolute;top:5px;left:10px;font-size:12px;font-weight:700;color:var(--gray);z-index:5;pointer-events:none;background:rgba(11,14,17,.5);padding:2px 6px;border-radius:4px}.floating-legend{position:absolute;top:10px;left:15px;z-index:5;display:flex;flex-direction:column;gap:4px;pointer-events:none}.legend-row{display:flex;align-items:baseline;gap:10px;pointer-events:auto}.legend-link{font-family:var(--font-main);font-size:24px;font-weight:800;color:var(--text);padding:2px 6px}.legend-link.tf-link{font-size:18px;font-weight:600;color:var(--gray);text-transform:lowercase}.live-price{font-family:var(--font-main);font-size:24px;font-weight:700;padding-left:8px}.ohlcv-display{font-family:var(--font-main);font-size:13px;font-weight:600;color:var(--gray);display:flex;gap:12px;opacity:0;transition:opacity .1s;pointer-events:none;border:none}.ohlcv-display.show{opacity:1}.ohlcv-display span{color:var(--text);padding-left:3px}#loader{position:absolute;inset:0;background:rgba(11,14,17,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#f0b90b;font-weight:700;font-size:14px;z-index:20;pointer-events:none}