*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-widget:#0d1117;--bg-widget-header:#161b22;--border:#21262d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-muted:#525c6c;--accent:#58a6ff;--green:#2ea043;--red:#f85149;--yellow:#d29922;--cyan:#39d2c0;--font-mono:"SF Mono","Cascadia Code","Fira Code","Consolas",monospace}body,html{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;height:100%;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}.nav{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;height:36px;justify-content:space-between;padding:0 14px;position:fixed;top:0;width:100%;z-index:1000}.nav .logo{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:1px}.nav .links{align-items:center;display:flex;gap:32px}.nav .link-item{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.nav .link-item:hover{color:var(--text-primary)}.nav .btn-primary{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--accent);padding:6px 12px}.nav .btn-primary:hover{border-color:var(--accent)}.breadcrumbs{color:var(--text-muted);font-size:11px;letter-spacing:1px;padding:60px 14px 24px;text-transform:uppercase}.breadcrumbs a{color:var(--accent)}.container{margin:0 auto;max-width:1000px;padding:60px 14px}.section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-1px;margin-bottom:40px;padding-bottom:16px}.grid-features{background:var(--border);border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.feature-card{background:var(--bg-primary);padding:32px;transition:background .2s}.feature-card:hover{background:var(--bg-secondary)}.feature-card h3{color:var(--accent);font-size:16px;margin-bottom:16px}.feature-card p{color:var(--text-secondary);font-size:13px}.content-block{margin-bottom:60px;max-width:800px}.content-block h2{border-left:3px solid var(--accent);color:var(--text-primary);font-size:18px;margin-bottom:20px;padding-left:16px}.content-block p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.faq-item{margin-bottom:32px}.faq-question{color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:700;margin-bottom:8px}.faq-answer{color:var(--text-secondary);font-size:13px;line-height:1.6}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:80px;padding:60px 48px 24px}.footer-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1000px}.footer-brand{max-width:300px}.footer-brand p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:20px}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--accent);font-size:13px;font-weight:500}.footer-links-grid{display:flex;flex-wrap:wrap;gap:60px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h4{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.footer-col a{color:var(--text-muted);font-size:13px}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;margin:60px auto 0;max-width:1000px;padding-top:24px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.auth-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:32px;width:360px}.auth-card .logo-text{color:var(--accent);font-size:20px;font-weight:800;letter-spacing:2px;margin-bottom:24px;text-align:center}.auth-card h2{font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-align:center}.auth-card h2,.auth-card label{color:var(--text-muted);text-transform:uppercase}.auth-card label{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px}.auth-card input{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:13px;margin-bottom:14px;outline:none;padding:8px 10px;width:100%}.auth-card input:focus{border-color:var(--accent)}.auth-card .btn{background:var(--accent);border:none;border-radius:4px;color:#0d1117;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;margin-top:6px;padding:10px;width:100%}.auth-card .btn:hover{opacity:.85}.auth-card .btn:disabled{cursor:not-allowed;opacity:.5}.auth-card .error-msg{color:var(--red);display:none;font-size:12px;margin-bottom:10px}.auth-card .links{color:var(--text-muted);font-size:12px;margin-top:16px;text-align:center}.auth-card .links a{color:var(--accent)}#toolbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;gap:8px;min-height:36px;overflow-x:auto;padding:0 14px;white-space:nowrap;z-index:100;-webkit-overflow-scrolling:touch}#toolbar::-webkit-scrollbar{display:none}#toolbar .logo{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;margin-right:4px;white-space:nowrap}#toolbar .tb-group{align-items:center;display:flex;gap:4px}#toolbar button,#toolbar select{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:10px;line-height:1.6;padding:2px 7px;transition:border-color .15s,color .15s}#toolbar button:hover,#toolbar select:hover{border-color:var(--accent);color:var(--text-primary)}#toolbar button:focus,#toolbar select:focus{border-color:var(--accent);outline:none}#toolbar .tb-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 4px;transition:color .15s}#toolbar .tb-icon:hover{color:var(--accent)}#btn-lock-layout.unlocked{color:var(--green);text-shadow:0 0 6px rgba(46,160,67,.5)}.range-pills{background:var(--border);border-radius:3px;display:flex;gap:1px;overflow:hidden}.range-pills button{background:var(--bg-primary)!important;border:none!important;border-radius:0!important;color:var(--text-muted)!important;cursor:pointer;font-size:9px!important;font-weight:600;letter-spacing:.5px;padding:3px 8px!important;transition:background .15s,color .15s}.range-pills button:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.range-pills button.active{background:var(--accent)!important;color:#fff!important}#toolbar .tb-sep{background:var(--border);height:16px;margin:0 2px;width:1px}#toolbar .spacer{flex:1}#toolbar .status{color:var(--text-muted);font-size:9px;letter-spacing:.3px}#toolbar .status .dot{background:var(--red);border-radius:50%;display:inline-block;height:5px;margin-right:4px;vertical-align:middle;width:5px}#toolbar .status .dot.connected{background:var(--green)}#grid-container{height:calc(100dvh - 40px);overflow-y:auto;padding:6px}.grid-stack{background:transparent}.widget-fullscreen{border-radius:0!important;height:100dvh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.widget-fullscreen .grid-stack-item-content{border:none!important;border-radius:0!important}body.has-fullscreen #toolbar{display:none}.price-panel,body.has-fullscreen #grid-container{overflow:hidden}.price-panel{border-bottom:1px solid var(--border);flex:1;min-height:0;position:relative}.widget-body.split-body{flex:1}.widget-header .controls .btn-price-fs{font-size:12px;font-weight:700}.widget-header .controls .btn-price-fs:hover{color:var(--accent)}.grid-stack-item-content{background:var(--bg-widget)!important;border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.widget-header{align-items:center;background:var(--bg-widget-header);border-bottom:1px solid var(--border);cursor:move;display:flex;justify-content:space-between;min-height:28px;padding:5px 10px}.widget-header .title{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.widget-header .controls{display:flex;gap:6px}.widget-header .controls select{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:9px;max-width:72px;padding:1px 4px;transition:border-color .15s}.widget-header .controls select:hover{border-color:var(--accent)}.widget-header .controls select:focus{border-color:var(--accent);outline:none}.widget-header .controls button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;transition:color .15s}.widget-header .controls button:hover{color:var(--red)}.widget-header .controls .btn-fs:hover{color:var(--accent)}.widget-body{background:var(--bg-widget);flex:1;min-height:0;overflow:hidden;position:relative}.heatmap-table{border-collapse:collapse;font-family:inherit;font-size:10px;width:100%}.heatmap-table th{background:var(--bg-widget-header);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.5px;padding:4px 5px;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:2}.heatmap-table th.sortable-col{cursor:pointer;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heatmap-table th.sortable-col:hover{color:var(--accent)}.heatmap-table td{border-bottom:1px solid rgba(33,38,45,.6);font-size:10px;font-variant-numeric:tabular-nums;padding:2px 4px;text-align:center;transition:background .15s}.heatmap-table tr:hover td{background:#58a6ff0f!important}.heatmap-table .pair-name{color:var(--text-primary);font-weight:600;letter-spacing:.3px;padding-left:8px;text-align:left;white-space:nowrap}.heatmap-table .pair-click{cursor:pointer;transition:color .15s}.heatmap-table .pair-click:hover{color:var(--accent)}.heatmap-table .fav-cell{padding:0 2px;text-align:center;width:18px}.heatmap-table .fav-star{color:var(--text-muted);cursor:pointer;font-size:10px;opacity:.3;transition:opacity .15s,color .15s}.heatmap-table .fav-star.active,.heatmap-table .fav-star:hover{color:var(--yellow);opacity:1}#add-widget-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;display:none;justify-content:center;inset:0;position:fixed;z-index:1000}#add-widget-modal.active{display:flex}#add-widget-modal .modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:16px 20px;width:340px}#add-widget-modal h3{color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}#add-widget-modal .widget-option{border:1px solid var(--border);border-radius:3px;cursor:pointer;margin-bottom:5px;padding:7px 10px;transition:border-color .15s,background .15s}#add-widget-modal .widget-option:hover{background:#58a6ff0f;border-color:var(--accent)}#add-widget-modal .widget-option .name{color:var(--text-primary);font-size:11px;font-weight:600}#add-widget-modal .widget-option .desc{color:var(--text-muted);font-size:9px;margin-top:1px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#21262d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#30363d}.hero{margin:0 auto;max-width:1100px;padding:120px 48px 80px;text-align:left}.hero h1{color:var(--text-primary);font-size:48px;letter-spacing:-2px;line-height:1.1;margin-bottom:24px}.hero h1 span{color:var(--accent)}.hero p{color:var(--text-secondary);font-size:16px;margin-bottom:40px;max-width:600px}.hero-cta{display:flex;gap:16px}.btn-cta{border-radius:4px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase}.btn-main{background:var(--accent);color:var(--bg-primary)}.btn-main:hover{color:var(--bg-primary);opacity:.9}.btn-sub{border:1px solid var(--border);color:var(--text-primary)}.btn-sub:hover{border-color:var(--accent)}@media(max-width:768px){.hero{padding:100px 16px 40px}.hero h1{font-size:32px}.hero-cta{flex-direction:column}.nav{padding:0 16px}.nav .links .link-item:not(.btn-primary){display:none}.breadcrumbs{padding:70px 16px 16px}.container{padding:40px 16px}#toolbar{gap:6px;min-height:44px;padding:0 10px}#grid-container{height:calc(100dvh - 44px);padding:2px 2px 60px}.widget-header .controls select{font-size:8px;max-width:60px}.widget-header .title{font-size:9px}input,select,textarea{font-size:16px!important}}