*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d0d1a;--bg-secondary: #13132b;--bg-panel: #1a1a3e;--bg-hover: #24245a;--border: #2a2a5a;--text-primary: #e8e8f0;--text-secondary: #8888aa;--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--blue: #3b82f6;--yellow: #f59e0b}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5}.login-screen{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#0d0d1a,#1a1a3e)}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:48px;text-align:center;max-width:400px;width:100%}.login-card h1{font-size:24px;margin-bottom:8px;background:linear-gradient(90deg,var(--green),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-card p{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;outline:none}.login-form input:focus{border-color:var(--blue)}.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;font-weight:600}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center}.btn-icon:hover{color:var(--text-primary)}.layout{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);height:48px;flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:12px}.logo-icon{color:var(--green)}.logo-text{font-weight:700;font-size:15px}.username{color:var(--text-secondary);font-size:12px}.main{flex:1;overflow:hidden;padding:8px}.stock-selector{display:flex;gap:4px;margin-left:16px}.stock-tab{background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.3}.stock-tab:hover{background:var(--bg-hover)}.stock-tab.active{background:var(--bg-panel);border-color:var(--border);color:var(--text-primary)}.stock-symbol{font-weight:700;font-size:12px}.stock-price{color:var(--text-secondary)}.dashboard{display:grid;grid-template-columns:1fr 320px 280px;gap:8px;height:100%}.col-left{display:flex;flex-direction:column;gap:8px;overflow:hidden}.col-center{display:flex;flex-direction:column;overflow:hidden}.col-right{display:flex;flex-direction:column;gap:8px;overflow:hidden}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:8px 12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.panel-loading,.panel-empty{padding:24px;text-align:center;color:var(--text-secondary)}.orderbook-panel{flex:1}.ob-head,.ob-row{display:grid;grid-template-columns:1fr 1fr 50px;font-size:12px;padding:0 12px}.ob-head{padding:6px 12px;color:var(--text-secondary);font-size:11px;border-bottom:1px solid var(--border)}.ob-asks,.ob-bids{overflow-y:auto;flex:1}.ob-row{position:relative;padding:2px 12px;cursor:pointer;align-items:center;height:24px}.ob-row:hover{background:var(--bg-hover)}.ob-bar{position:absolute;top:0;bottom:0;right:0;pointer-events:none}.ob-ask .ob-bar{background:var(--red-dim)}.ob-bid .ob-bar{background:var(--green-dim)}.ob-ask .ob-price{color:var(--red)}.ob-bid .ob-price{color:var(--green)}.ob-qty{text-align:right}.ob-count{text-align:right;color:var(--text-secondary)}.ob-spread{padding:6px 12px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.ob-last-price{font-size:16px;font-weight:700;color:var(--green)}.order-entry-panel{flex-shrink:0}.side-tabs{display:grid;grid-template-columns:1fr 1fr}.side-tab{padding:8px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:13px}.side-tab.buy.active{background:var(--green-dim);color:var(--green)}.side-tab.sell.active{background:var(--red-dim);color:var(--red)}.form-group{padding:8px 12px 0}.form-group label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.form-group input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text-primary);font-size:13px;outline:none}.form-group input:focus{border-color:var(--blue)}.order-total{padding:8px 12px;font-size:13px;color:var(--text-secondary)}.order-total strong{color:var(--text-primary)}.order-error{padding:0 12px 4px;color:var(--red);font-size:12px}.btn-order{width:calc(100% - 24px);margin:4px 12px 12px;padding:10px;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;color:#fff}.btn-buy{background:var(--green)}.btn-sell{background:var(--red)}.btn-order:hover{opacity:.9}.btn-order:disabled{opacity:.5;cursor:not-allowed}.trades-panel{flex:1;min-height:0}.trades-head,.trade-row{display:grid;grid-template-columns:1fr 1fr 60px;font-size:12px;padding:0 12px}.trades-head{padding:6px 12px;color:var(--text-secondary);font-size:11px;border-bottom:1px solid var(--border)}.trades-list{overflow-y:auto;flex:1}.trade-row{padding:2px 12px;height:22px;align-items:center}.trade-up .trade-price{color:var(--green)}.trade-down .trade-price{color:var(--red)}.portfolio-panel{flex-shrink:0}.portfolio-total{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.portfolio-total strong{color:var(--green);font-size:15px}.portfolio-list{padding:4px 0}.portfolio-row{display:flex;justify-content:space-between;padding:4px 12px;font-size:12px}.portfolio-sym{font-weight:600}.portfolio-val{color:var(--text-secondary);font-size:11px}.orders-panel{flex:1;min-height:0}.orders-head,.order-row{display:grid;grid-template-columns:70px 40px 50px 65px 40px 55px 60px 30px;font-size:11px;padding:0 12px;align-items:center}.orders-head{padding:6px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.orders-list{overflow-y:auto;flex:1}.order-row{padding:3px 12px;height:26px}.btn-cancel{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center}.btn-cancel:hover{color:var(--red)}.chart-panel{flex-shrink:0;min-height:280px}.color-green{color:var(--green)}.color-red{color:var(--red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}