.order-ladder{display:flex;flex-direction:column;height:100%;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#fff}.ladder-header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #333;background:#252525}.ladder-header h2{margin:0;font-size:18px;font-weight:600}.status{font-size:12px;padding:4px 8px;border-radius:4px}.status.connected{color:#4ade80}.status.error{color:#f87171;cursor:help}.btn-reconnect{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;margin-left:8px;transition:background .2s}.btn-reconnect:hover{background:#2563eb}.error-message{padding:8px 12px;background:#7f1d1d;color:#fca5a5;font-size:12px}.order-controls{gap:5px;padding:5px;border-bottom:1px solid #333;background:#252525}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:12px;color:#aaa}.control-group input{width:80px;padding:4px 8px;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px}.selected-price{font-weight:600;color:#60a5fa;min-width:80px}.button-group{display:flex;gap:8px}.button-group button{margin:3px;padding:3px 36px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.button-group button:disabled{opacity:.5;cursor:not-allowed}.btn-buy{background:#3b82f6;color:#fff}.btn-buy:hover:not(:disabled){background:#2563eb}.btn-sell{background:salmon;color:#fff}.btn-sell:hover:not(:disabled){background:#e85d4f}.ladder-container{flex:1;overflow-y:auto;display:flex;flex-direction:column}.ladder-header-row{display:grid;grid-template-columns:120px 1fr 1fr;padding:5px 12px;background:#2a2a2a;border-bottom:1px solid #444;font-weight:600;font-size:12px;color:#aaa;position:sticky;top:0;z-index:10}.ladder-rows{display:flex;flex-direction:column}.ladder-row{display:grid;grid-template-columns:120px 1fr 1fr;padding:3px 12px;cursor:pointer;transition:background .1s;min-height:24px}.ladder-row:hover{background:#2a2a2a}.ladder-row.selected{background:#1e3a5f}.col-price{font-weight:500;font-size:14px;display:flex;align-items:center}.col-market{display:flex;flex-direction:column;gap:1px;font-size:13px}.market-bid{color:#67e8f9;background:#67e8f91a;padding:2px 6px;border-radius:3px}.market-ask{color:salmon;background:#fa80721a;padding:2px 6px;border-radius:3px;text-align:right}.col-user{display:flex;flex-direction:column;gap:2px;font-size:13px}.user-order{display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-radius:3px}.user-order.bid{color:#67e8f9;background:#67e8f933}.user-order.ask{color:salmon;background:#fa807233}.btn-cancel{background:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.btn-cancel:hover{background:#fff3}.ladder-container::-webkit-scrollbar{width:8px}.ladder-container::-webkit-scrollbar-track{background:#1a1a1a}.ladder-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.ladder-container::-webkit-scrollbar-thumb:hover{background:#555}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}#app{width:100%;height:100vh;overflow:hidden}