.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:translateY(10px) rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:translateY(10px) rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:0}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top;cursor:move}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.gs-12>.grid-stack-item{width:8.333%}.gs-12>.grid-stack-item[gs-x="1"]{left:8.333%}.gs-12>.grid-stack-item[gs-w="2"]{width:16.667%}.gs-12>.grid-stack-item[gs-x="2"]{left:16.667%}.gs-12>.grid-stack-item[gs-w="3"]{width:25%}.gs-12>.grid-stack-item[gs-x="3"]{left:25%}.gs-12>.grid-stack-item[gs-w="4"]{width:33.333%}.gs-12>.grid-stack-item[gs-x="4"]{left:33.333%}.gs-12>.grid-stack-item[gs-w="5"]{width:41.667%}.gs-12>.grid-stack-item[gs-x="5"]{left:41.667%}.gs-12>.grid-stack-item[gs-w="6"]{width:50%}.gs-12>.grid-stack-item[gs-x="6"]{left:50%}.gs-12>.grid-stack-item[gs-w="7"]{width:58.333%}.gs-12>.grid-stack-item[gs-x="7"]{left:58.333%}.gs-12>.grid-stack-item[gs-w="8"]{width:66.667%}.gs-12>.grid-stack-item[gs-x="8"]{left:66.667%}.gs-12>.grid-stack-item[gs-w="9"]{width:75%}.gs-12>.grid-stack-item[gs-x="9"]{left:75%}.gs-12>.grid-stack-item[gs-w="10"]{width:83.333%}.gs-12>.grid-stack-item[gs-x="10"]{left:83.333%}.gs-12>.grid-stack-item[gs-w="11"]{width:91.667%}.gs-12>.grid-stack-item[gs-x="11"]{left:91.667%}.gs-12>.grid-stack-item[gs-w="12"]{width:100%}.gs-1>.grid-stack-item{width:100%}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #16161f;--border-color: #2a2a3a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #808090;--accent-cyan: #00d4aa;--accent-red: #ff6b6b;--accent-yellow: #ffd93d;--accent-purple: #a855f7;--accent-blue: #4fc3f7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;background:#00b8a9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:16px;color:#0a0a0f}.logo-text{font-family:JetBrains Mono,monospace;font-weight:700;font-size:18px;letter-spacing:2px}.nav-tabs{display:flex;gap:8px}.nav-tab{padding:8px 16px;color:var(--text-muted);text-decoration:none;font-size:13px;border-radius:6px;transition:all .2s}.nav-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-tab.active{color:var(--accent-cyan);background:#00d4aa1a}.header-right{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.online{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.status-dot.offline{background:var(--accent-red)}.user-menu{display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-purple);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.logout-btn:hover{color:var(--accent-red)}.dropdown-container{position:relative}.dropdown-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px}.dropdown-btn:hover{background:var(--bg-card);border-color:var(--accent-cyan)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;min-width:220px;z-index:1000;overflow:hidden}.dropdown-section{padding:8px 0;border-bottom:1px solid var(--border-color)}.dropdown-section:last-child{border-bottom:none}.dropdown-title{padding:6px 14px;font-size:10px;color:var(--text-muted);text-transform:uppercase}.dropdown-item{padding:8px 14px;cursor:pointer;font-size:12px;transition:background .15s}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item.delete:hover{background:#ff6b6b33;color:var(--accent-red)}.metrics-bar{display:flex;justify-content:center;gap:24px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto}.metric-item{display:flex;flex-direction:column;gap:2px;min-width:fit-content}.metric-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.metric-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.metric-value.up{color:var(--accent-cyan)}.metric-value.down{color:var(--accent-red)}.metric-item.clock .metric-value{font-size:13px;color:var(--accent-cyan)}.metrics-divider{width:1px;background:var(--border-color);margin:0 8px}.dashboard-container{padding:16px;flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-container .grid-stack{flex:1;min-height:0}.widget{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:move;flex-shrink:0}.widget-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.widget-controls{display:flex;gap:4px}.widget-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px}.widget-btn:hover{background:var(--bg-card)}.lock-btn{font-size:12px}.lock-btn.locked{color:var(--accent-cyan)}.close-btn:hover{color:var(--accent-red)}.widget-locked{border-color:var(--accent-cyan)}.widget-locked .widget-header{cursor:default}.widget-content{flex:1;padding:12px;overflow:hidden;min-height:0;display:flex;flex-direction:column}.widget-content>*{flex:1;min-height:0}.grid-stack{background:transparent}.grid-stack-item{overflow:hidden}.grid-stack-item>.ui-resizable-handle{opacity:0;transition:opacity .2s}.grid-stack-item:hover>.ui-resizable-handle{opacity:1}.grid-stack-item>.ui-resizable-se{background:var(--accent-cyan);width:10px;height:10px;right:4px;bottom:4px;border-radius:2px}.grid-stack-item-locked>.ui-resizable-handle{display:none!important}.grid-stack-item-content{background:transparent!important;top:4px!important;right:4px!important;bottom:4px!important;left:4px!important;overflow:hidden}.grid-stack-item-content>div{width:100%;height:100%;display:flex;flex-direction:column}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:40px;width:100%;max-width:400px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.auth-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--text-muted)}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 14px;color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent-cyan)}.auth-btn{background:var(--accent-cyan);color:var(--bg-primary);border:none;border-radius:6px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.auth-btn:hover{opacity:.9}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--text-muted)}.auth-footer a{color:var(--accent-cyan);text-decoration:none}.auth-error{background:#ff6b6b1a;border:1px solid var(--accent-red);border-radius:6px;padding:12px;color:var(--accent-red);font-size:13px}.data-table{width:100%;font-size:11px;font-family:JetBrains Mono,monospace}.data-table th{text-align:left;padding:8px 6px;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card)}.data-table td{padding:6px;border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:hover td{background:#ffffff05}.chart-legend{position:absolute;top:8px;left:8px;display:flex;gap:12px;font-size:10px;z-index:10}.legend-item{display:flex;align-items:center;gap:4px;color:var(--text-muted)}.legend-line{width:16px;height:2px}.legend-line.vwap{background:var(--accent-blue)}.legend-line.call{background:var(--accent-cyan);border-style:dashed}.legend-line.put{background:var(--accent-red);border-style:dashed}.signals-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:100%}.signal-card{background:var(--bg-tertiary);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:4px}.signal-header{display:flex;align-items:center;gap:8px}.signal-icon{font-size:16px}.signal-title{font-size:10px;color:var(--text-muted);text-transform:uppercase}.signal-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.signal-value.positive{color:var(--accent-cyan)}.signal-value.negative{color:var(--accent-red)}.signal-desc{font-size:10px;color:var(--text-muted)}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}