.chart-panel{display:flex;flex-direction:column;min-height:0;padding:12px 16px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-title{display:flex;align-items:baseline;gap:8px;min-width:0}.chart-name{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-code{font-size:12px;color:var(--text-3)}.chart-price{margin-left:6px;font-size:16px;font-weight:700}.chart-change{font-size:12.5px}.chart-controls{flex:none;display:flex;align-items:center;gap:10px}.chart-quote-skeleton{width:180px;height:15px;align-self:center}.chart-body{position:relative;flex:1;min-height:120px}.chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center}.chart-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm)}.chart-empty{color:var(--text-3);font-size:13px}.market-panel{display:flex;flex-direction:column;min-height:0;padding:12px 12px 8px}.market-panel .panel-head{margin-bottom:8px}.market-body{position:relative;flex:1;min-height:0;overflow-y:auto}.ob-legend,.ob-row{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center}.ob-legend{position:sticky;top:0;z-index:2;padding:0 8px 6px;background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:4px;font-size:11.5px;color:var(--text-3)}.ob-legend .ask{text-align:right}.ob-legend .mid{text-align:center}.ob-row{margin-bottom:2px}.ob-vol{position:relative;display:flex;align-items:center;min-width:0;height:100%;font-size:12px;color:var(--text-2)}.ob-vol-ask{justify-content:flex-end;padding-right:8px}.ob-vol-bid{justify-content:flex-start;padding-left:8px}.ob-bar{position:absolute;top:2px;bottom:2px;border-radius:3px;transition:width var(--transition)}.ob-vol-ask .ob-bar{right:0;background:var(--down-bg)}.ob-vol-bid .ob-bar{left:0;background:var(--up-bg)}.ob-qty{position:relative;z-index:1}.ob-price{width:100%;padding:4px 0;text-align:center;font-size:13px;font-weight:600;border-radius:6px;transition:background var(--transition)}.ob-price:hover{background:var(--surface-2)}.ob-current{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:4px 0;padding:7px 0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.ob-current:hover{border-color:var(--text-3)}.ob-cur-label{font-size:11.5px;color:var(--text-3)}.ob-cur-price{font-size:15px;font-weight:700}.ob-cur-rate{font-size:12px}.ob-skeleton{height:24px;margin-bottom:4px}.trade-head,.trade-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding-left:8px;padding-right:8px}.trade-head{position:sticky;top:0;z-index:2;padding-bottom:6px;margin-bottom:4px;background:var(--surface);border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text-3)}.trade-head .h-right{text-align:right}.trade-row{padding-top:4px;padding-bottom:4px;border-radius:6px;font-size:12.5px;animation:trade-in .25s ease}.trade-time{color:var(--text-3)}.trade-price{text-align:right;font-weight:600}.trade-vol{text-align:right;color:var(--text-2)}@keyframes trade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#080a0e9e;animation:modal-fade .15s ease}.modal{width:340px;max-width:calc(100vw - 32px);padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:modal-pop .18s ease}.modal-title{margin-bottom:14px;font-size:16px;font-weight:700}.modal-body{margin-bottom:18px;font-size:13.5px}.modal-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0}.modal-row+.modal-row{border-top:1px solid var(--surface-2)}.modal-row>span:first-child{flex:none;color:var(--text-2)}.modal-row>span:last-child{text-align:right}.modal-row.strong>span:last-child{font-size:15px;font-weight:700}.modal-note{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--text-3)}.modal-actions{display:flex;gap:8px}.modal-actions .btn{flex:1}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.order-panel{flex:none}.order-symbol{font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-symbol-code{color:var(--text-3);font-weight:500}.side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;margin-bottom:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.side-tab{padding:8px 0;text-align:center;border-radius:6px;font-size:14px;font-weight:700;color:var(--text-3);transition:background var(--transition),color var(--transition)}.side-tab:hover{color:var(--text-2)}.side-tab.active-buy{background:var(--surface);color:var(--up);box-shadow:0 1px 3px #0000004d}.side-tab.active-sell{background:var(--surface);color:var(--down);box-shadow:0 1px 3px #0000004d}.order-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.order-label{flex:none;width:34px;font-size:12.5px;color:var(--text-2)}.stepper{display:flex;align-items:stretch;flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition)}.stepper:focus-within{border-color:var(--accent)}.stepper input{flex:1;min-width:0;padding:8px 10px;background:transparent;border:none;outline:none;text-align:right;font-size:14px}.stepper input::placeholder{color:var(--text-3)}.stepper input:disabled{color:var(--text-3)}.stepper-btn{flex:none;width:32px;color:var(--text-2);font-size:15px;line-height:1;transition:background var(--transition),color var(--transition)}.stepper-btn:hover:not(:disabled){background:var(--border);color:var(--text)}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.qty-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 8px 42px}.order-hint{margin:0 0 10px;text-align:right;font-size:12px;color:var(--text-3)}.order-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:11px 12px;margin-bottom:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.order-total-label{font-size:12.5px;color:var(--text-2)}.order-total-value{font-size:16px;font-weight:700}.order-submit{width:100%;padding:12px 0;font-size:15px;border-radius:10px}.orders-panel{flex:none}.orders-body{max-height:300px;overflow-y:auto}.order-item{padding:10px 2px;border-bottom:1px solid var(--surface-2)}.order-item:last-child{border-bottom:none}.order-item-top{display:flex;align-items:center;gap:8px}.order-item-name{flex:1;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-item-code{flex:none;font-size:11.5px;color:var(--text-3)}.order-item-sub{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:12.5px;color:var(--text-2)}.order-item-actions{display:flex;gap:6px;margin-top:8px}.order-reject{margin-top:4px;font-size:12px;color:var(--up)}.order-edit{display:flex;gap:6px;margin-top:8px}.order-edit .input{min-width:0;padding:6px 8px;font-size:13px;text-align:right}.badge-ok{background:#2bc47024;color:var(--ok)}.badge-err{background:var(--up-bg);color:var(--up)}.pf-panel{flex:none}.pf-summary{margin-bottom:14px}.pf-total-label{font-size:12px;color:var(--text-2)}.pf-total-value{margin-top:2px;font-size:24px;font-weight:800;letter-spacing:-.3px}.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pf-cell{padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-sm)}.pf-cell-label{font-size:12px;color:var(--text-2)}.pf-cell-value{margin-top:2px;font-size:14px;font-weight:700}.pf-cell-sub{font-size:12px;font-weight:600}.pf-sub-title{margin-bottom:4px;font-size:13px;font-weight:700;color:var(--text-2)}.pf-body{max-height:320px;overflow-y:auto}.pf-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.pf-item:hover{background:var(--surface-2)}.pf-item.selected{background:var(--accent-bg)}.pf-item-left{min-width:0}.pf-item-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-item-sub{margin-top:2px;font-size:12px;color:var(--text-3)}.pf-item-right{flex:none;text-align:right}.pf-item-price{font-size:13.5px;font-weight:600}.pf-item-pnl{margin-top:2px;font-size:12px}.empty-sub{margin-top:4px;font-size:12px;color:var(--text-3)}.pf-skeleton-lg{height:34px;margin-bottom:12px}.pf-skeleton{height:52px}.atb{background:var(--surface);border-top:1px solid var(--border)}.atb.killed{border-top-color:var(--up)}.atb.killed .atb-bar{background:var(--up-bg)}.atb-bar{display:flex;align-items:center;gap:14px;height:48px;padding:0 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition)}.atb-bar:hover{background:var(--surface-2)}.atb.killed .atb-bar:hover{background:var(--up-bg)}.atb-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;white-space:nowrap}.atb-state{font-size:12.5px;font-weight:500;color:var(--text-2)}.atb-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-3)}.atb-dot.running{background:var(--ok);animation:atb-pulse 1.6s ease-out infinite}.atb-dot.killed{background:var(--up)}@keyframes atb-pulse{0%{box-shadow:0 0 #2bc47073}70%{box-shadow:0 0 0 6px #2bc47000}to{box-shadow:0 0 #2bc47000}}.atb-kill-msg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--up)}.atb-spacer{flex:1}.atb-stat{display:flex;align-items:baseline;gap:6px;font-size:13px;white-space:nowrap}.atb-stat-label{font-size:12px;color:var(--text-2)}.atb-caret{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-2);font-size:11px;transition:background var(--transition),color var(--transition)}.atb-caret:hover{background:var(--surface-2);color:var(--text)}.switch{position:relative;flex:none;width:40px;height:22px;border-radius:999px;background:var(--border);transition:background var(--transition)}.switch.on{background:var(--accent)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition)}.switch.on .switch-knob{transform:translate(18px)}.atb-drawer{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:320px;padding:14px 16px;border-top:1px solid var(--border);animation:atb-drawer-in .18s ease}@keyframes atb-drawer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.atb-sec{display:flex;flex-direction:column;min-height:0}.atb-sec-title{flex:none;margin-bottom:10px;font-size:13.5px;font-weight:700}.atb-config-body{flex:1;min-height:0;overflow-y:auto;padding-right:6px}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.cfg-label{font-size:13px;color:var(--text-2)}.cfg-control{display:flex;align-items:center;gap:6px}.cfg-input{width:110px;padding:6px 9px;font-size:13px;text-align:right}.cfg-suffix{width:24px;font-size:12px;color:var(--text-3)}.cfg-save{width:100%;margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:12.5px}.chip-x{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--text-3);font-size:12px;line-height:1;transition:background var(--transition),color var(--transition)}.chip-x:hover{background:var(--border);color:var(--text)}.chip-add{display:flex;gap:6px;margin-bottom:12px}.chip-add .input{flex:1;padding:6px 9px;font-size:13px}.atb-log-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px}.atb-log-empty{padding:16px 0;text-align:center;color:var(--text-3)}.log-line{display:flex;gap:8px;padding:2px 0;line-height:1.5}.log-ts{flex:none;color:var(--text-3)}.log-symbol{flex:none;font-weight:600;color:var(--text-2)}.log-msg{min-width:0;word-break:break-all;color:var(--text-2)}.log-line.trade .log-msg{color:var(--accent)}.log-line.warn .log-msg{color:var(--warn)}.log-line.error .log-msg{color:var(--up)}:root{--bg: #0e1116;--surface: #171b24;--surface-2: #1e2430;--border: #2a3140;--text: #e8ebf0;--text-2: #8b95a7;--text-3: #5a6478;--accent: #3182f6;--accent-hover: #4593fc;--up: #f04452;--down: #3485fa;--radius: 14px;--radius-sm: 8px;--warn: #f5a623;--ok: #2bc470;--accent-bg: rgba(49, 130, 246, .14);--up-bg: rgba(240, 68, 82, .12);--down-bg: rgba(52, 133, 250, .12);--warn-bg: rgba(245, 166, 35, .14);--shadow: 0 6px 20px rgba(0, 0, 0, .35);--transition: .15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,Segoe UI,Malgun Gothic,sans-serif;font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--accent-bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.num{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-title{font-size:15px;font-weight:700}.empty{padding:28px 0;text-align:center;color:var(--text-3);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),opacity var(--transition)}.btn:hover:not(:disabled){background:#252c3b;border-color:#353d4f}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-buy{background:var(--up);border-color:var(--up);color:#fff}.btn-buy:hover:not(:disabled){background:#f25d69;border-color:#f25d69}.btn-sell{background:var(--down);border-color:var(--down);color:#fff}.btn-sell:hover:not(:disabled){background:#4f95fb;border-color:#4f95fb}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.btn-sm{padding:6px 10px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px;border-radius:6px}.input{width:100%;padding:9px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:border-color var(--transition),background var(--transition)}.input::placeholder{color:var(--text-3)}.input:focus{outline:none;border-color:var(--accent)}.tabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border-radius:var(--radius-sm)}.tab{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-2);transition:background var(--transition),color var(--transition)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000004d}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}.badge-accent{background:var(--accent-bg);color:var(--accent)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-up,.badge-live{background:var(--up-bg);color:var(--up)}.badge-down{background:var(--down-bg);color:var(--down)}.skeleton{position:relative;overflow:hidden;min-height:14px;background:var(--surface-2);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.app{display:grid;grid-template-rows:56px minmax(0,1fr) auto;height:100vh;min-width:1280px}.app-main{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;gap:10px;padding:10px;min-height:0}.app-left{display:flex;flex-direction:column;min-height:0}.app-center{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.app-center>*:first-child{flex:3 1 0;min-height:0}.app-center>*:last-child{flex:2 1 0;min-height:0}.app-right{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:20px}.logo{font-size:17px;font-weight:800;letter-spacing:.4px;-webkit-user-select:none;user-select:none}.logo-accent{margin-left:4px;color:var(--accent)}.header-right{display:flex;align-items:center;gap:10px}.header-asset{display:flex;align-items:baseline;gap:8px;margin-left:4px;padding-left:14px;border-left:1px solid var(--border)}.header-asset-label{font-size:12px;color:var(--text-2)}.header-asset-value{font-size:15px;font-weight:700}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);transition:background var(--transition)}.conn-dot.on{background:var(--ok)}.conn-dot.off{background:var(--up)}.search-box{position:relative;width:260px}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:320px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.search-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;text-align:left;transition:background var(--transition)}.search-item:hover{background:var(--surface)}.search-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-meta{flex:none;font-size:12px;color:var(--text-3)}.search-empty{padding:14px 12px;color:var(--text-3);font-size:13px}.watchlist{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px}.watchlist-body{flex:1;overflow-y:auto}.watchlist-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.watchlist-item:hover{background:var(--surface-2)}.watchlist-item.selected{background:var(--accent-bg)}.watchlist-name{display:flex;flex-direction:column;min-width:0}.watchlist-name .name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlist-name .code{font-size:11.5px;color:var(--text-3)}.watchlist-price{display:flex;flex-direction:column;align-items:flex-end}.watchlist-price .price{font-size:13.5px;font-weight:600}.watchlist-price .rate{font-size:12px}.watchlist-remove{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--text-3);font-size:13px;line-height:1;opacity:0;transition:opacity var(--transition),background var(--transition),color var(--transition)}.watchlist-item:hover .watchlist-remove{opacity:1}.watchlist-remove:hover{background:var(--border);color:var(--text)}.watchlist-skeleton{height:44px;margin-bottom:6px}.toasts{position:fixed;right:16px;bottom:64px;z-index:100;display:flex;flex-direction:column;gap:8px;width:320px}.toast{padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);font-size:13.5px;cursor:pointer;animation:toast-in .18s ease}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--up)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}