:root{--bg: var(--color-neutral-50);--bg2: #13151a;--bg3: #1c1f27;--bg4: #252830;--bg5: #2e3240;--teal: #17c4cc;--teal-dim: rgba(23, 196, 204, .12);--teal-border: rgba(23, 196, 204, .25);--green: #0ecb81;--green-dim: rgba(14, 203, 129, .1);--green-border: rgba(14, 203, 129, .2);--red: #f6465d;--red-dim: rgba(246, 70, 93, .1);--red-border: rgba(246, 70, 93, .2);--yellow: #f0b90b;--yellow-dim: rgba(240, 185, 11, .1);--t1: #e8eaed;--t2: #9ba3af;--t3: #5c6370;--t4: #3a3f4a;--border: #1e2230;--border2: #252a38;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", sans-serif;--mono: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace}.page{flex:1;display:flex;flex-direction:column;overflow:hidden;position:absolute;top:0;right:0;bottom:56px;left:0}.page-header{padding:12px 16px 0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.header-action{width:32px;height:32px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2)}.portfolio-summary{margin:12px 16px 0;background:linear-gradient(135deg,#17c4cc14,#0ecb810d);border:1px solid var(--teal-border);border-radius:14px;padding:16px;flex-shrink:0}.summary-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.summary-main-label{font-size:11px;font-weight:500;color:var(--t3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.summary-main-val{font-size:26px;font-weight:700;letter-spacing:-.5px}.summary-main-val.pos{color:var(--green)}.summary-main-val.neg{color:var(--red)}.summary-badge{font-size:11px;font-weight:600;background:var(--green-dim);color:var(--green);border:1px solid var(--green-border);padding:3px 8px;border-radius:20px;font-family:var(--mono)}.summary-row{display:flex;gap:4px}.summary-col{flex:1;background:#0003;border-radius:8px;padding:10px 4px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.summary-col-label{font-size:9px;color:var(--t3);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.summary-col-val{font-size:11px;font-weight:700;font-family:var(--mono);white-space:nowrap}.portfolio-filters{padding:12px 16px 0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.filter-row{display:flex;gap:6px;align-items:center}.filter-btn{height:32px;padding:0 12px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:all .15s}.filter-btn.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.filter-btn svg{width:13px;height:13px}.filter-chip-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.filter-chip-row::-webkit-scrollbar{display:none}.pair-chip{height:28px;padding:0 12px;background:var(--bg3);border:1px solid var(--border);border-radius:14px;font-size:11px;font-weight:600;color:var(--t2);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.pair-chip.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.portfolio-list{flex:1;min-height:0;overflow-y:auto;padding:10px 16px 16px;display:flex;flex-direction:column;gap:8px}.portfolio-list::-webkit-scrollbar{display:none}.pair-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s;flex-shrink:0}.pair-card:active{border-color:var(--teal)}.pair-card-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.pair-card-left{display:flex;align-items:center;gap:10px}.pair-icon{width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--teal)}.pair-name{font-size:14px;font-weight:700}.pair-sub{font-size:11px;color:var(--t3);margin-top:1px}.pair-pnl-right{text-align:right}.pair-pnl-realized{font-size:13px;font-weight:700;font-family:var(--mono)}.pair-pnl-unrealized{font-size:11px;font-family:var(--mono);color:var(--t2);margin-top:2px}.pair-card-stats{padding:10px 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;border-top:1px solid var(--border)}.pair-stat-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.pair-stat-val{font-size:13px;font-weight:700;font-family:var(--mono)}.profit-record{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .15s}.profit-record:active{border-color:var(--teal)}.profit-record-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.profit-record-label{font-size:12px;color:var(--t3)}.profit-record-date{font-size:11px;color:var(--t3);font-family:var(--mono)}.profit-record-pnl{font-size:16px;font-weight:700;font-family:var(--mono)}.profit-record-info{display:flex;gap:16px}.profit-info-item{display:flex;flex-direction:column;gap:2px}.profit-info-label{font-size:10px;color:var(--t3)}.profit-info-val{font-size:12px;font-weight:500;font-family:var(--mono)}.chart-area{background:var(--bg2);border-bottom:1px solid var(--border);transition:height .3s ease;flex-shrink:0}.chart-area.expanded{height:200px}.chart-area.collapsed{height:36px}.chart-topbar{height:36px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.chart-pair-info{display:flex;align-items:center;gap:10px}.chart-pair-name{font-size:14px;font-weight:700}.chart-price{font-size:14px;font-weight:700;font-family:var(--mono);color:var(--green)}.chart-change{font-size:11px;color:var(--green)}.chart-toggle{font-size:11px;color:var(--t3);display:flex;align-items:center;gap:4px}.chart-canvas{height:164px;padding:0 16px 8px;position:relative;overflow:hidden}.chart-svg{width:100%;height:100%}.execute-toolbar{padding:10px 16px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.pair-selector-btn{height:34px;padding:0 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s}.pair-selector-btn:active{border-color:var(--teal)}.fetch-btn{height:34px;padding:0 12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;display:flex;align-items:center;gap:5px;margin-left:auto}.fetch-btn svg{width:14px;height:14px}.execute-scroll{flex:1;min-height:0;overflow-y:auto}.execute-scroll::-webkit-scrollbar{display:none}.exec-section-header{padding:10px 16px 6px;display:flex;align-items:center;justify-content:space-between}.exec-section-title{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.exec-section-count{font-size:10px;font-weight:600;font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);color:var(--t3);padding:2px 7px;border-radius:10px}.order-item{margin:0 10px 6px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.order-item-collapsed{padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer}.order-side-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.order-side-dot.buy{background:var(--green)}.order-side-dot.sell{background:var(--red)}.order-item-pair{font-size:13px;font-weight:700;flex:1}.order-item-qty{font-size:11px;color:var(--t2);font-family:var(--mono)}.order-item-entry{font-size:11px;color:var(--t3);font-family:var(--mono)}.order-item-pnl{text-align:right}.order-item-pnl-val{font-size:13px;font-weight:700;font-family:var(--mono)}.order-item-pnl-pct{font-size:10px;font-family:var(--mono)}.order-item-expanded{border-top:1px solid var(--border)}.order-item-details{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.order-detail-row{display:flex;flex-direction:column;gap:2px}.order-detail-label{font-size:10px;color:var(--t3)}.order-detail-val{font-size:12px;font-weight:500;font-family:var(--mono)}.order-item-actions{padding:8px 12px;display:flex;gap:6px;border-top:1px solid var(--border)}.order-action-btn{flex:1;height:32px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;border:none}.order-action-btn.close{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red)}.order-action-btn.match{background:var(--teal-dim);border:1px solid var(--teal-border);color:var(--teal)}.pending-section{margin:0 10px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pending-section-header{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--border)}.pending-item{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.pending-item:last-child{border-bottom:none}.pending-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--yellow-dim);border:1px solid rgba(240,185,11,.25);color:var(--yellow)}.place-order-footer{padding:10px 16px 12px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.place-order-btn{width:100%;height:48px;border-radius:12px;background:var(--teal);color:#000;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.place-order-btn:active{opacity:.85}.history-filters{padding:10px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}.history-filter-row{display:flex;gap:6px;overflow-x:auto}.history-filter-row::-webkit-scrollbar{display:none}.history-filter-chip{height:30px;padding:0 12px;border-radius:15px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--bg3);border:1px solid var(--border);color:var(--t2);cursor:pointer;flex-shrink:0;transition:all .15s}.history-filter-chip.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.history-filter-chip.date-chip{background:var(--bg3);border-color:var(--border2);color:var(--t1);display:flex;align-items:center;gap:5px}.history-list{flex:1;min-height:0;overflow-y:auto;padding:10px 16px 16px;display:flex;flex-direction:column;gap:8px}.history-list::-webkit-scrollbar{display:none}.history-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s}.history-card:active{border-color:var(--teal)}.history-card-accent{height:2px}.history-card-accent.buy{background:var(--green)}.history-card-accent.sell{background:var(--red)}.history-card-body{padding:12px 14px}.history-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.history-card-pair{font-size:14px;font-weight:700}.history-card-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.history-card-meta-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.badge-buy{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.badge-sell{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border)}.badge-market{background:var(--bg4);color:var(--t2);border:1px solid var(--border)}.badge-limit{background:#17c4cc14;color:var(--teal);border:1px solid rgba(23,196,204,.15)}.history-card-time{font-size:11px;color:var(--t3);font-family:var(--mono)}.history-card-rows{display:flex;flex-direction:column;gap:5px}.history-card-row{display:flex;justify-content:space-between;align-items:center}.history-card-row-label{font-size:11px;color:var(--t3)}.history-card-row-val{font-size:12px;font-weight:500;font-family:var(--mono)}.status-pill{font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;letter-spacing:.03em}.status-filled{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.status-partial{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(240,185,11,.25)}.status-cancelled{background:var(--bg4);color:var(--t3);border:1px solid var(--border)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s;display:flex;align-items:flex-end}.overlay.show{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg2);border-radius:20px 20px 0 0;border:1px solid var(--border);border-bottom:none;width:100%;max-height:92%;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.overlay.show .modal-sheet{transform:translateY(0)}.modal-handle{width:36px;height:4px;background:var(--bg5);border-radius:2px;margin:10px auto 6px;flex-shrink:0}.modal-header{padding:6px 16px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:16px;font-weight:700}.modal-close{width:30px;height:30px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--t2)}.modal-body{padding:16px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{display:none}.place-order-layout{display:flex;gap:10px}.place-order-left{flex:1;display:flex;flex-direction:column;gap:12px}.place-order-right{width:140px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.orderbook-header{padding:8px 10px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.orderbook-list{flex:1;overflow-y:auto}.orderbook-list::-webkit-scrollbar{display:none}.ob-row{display:flex;justify-content:space-between;padding:4px 10px;cursor:pointer;position:relative;transition:background .1s}.ob-row:active{background:var(--bg3)}.ob-bar{position:absolute;top:0;bottom:0;right:0;opacity:.12}.ob-row.ask .ob-bar{background:var(--red)}.ob-row.bid .ob-bar{background:var(--green)}.ob-price{font-size:11px;font-weight:600;font-family:var(--mono);z-index:1;position:relative}.ob-row.ask .ob-price{color:var(--red)}.ob-row.bid .ob-price{color:var(--green)}.ob-qty{font-size:10px;color:var(--t3);font-family:var(--mono);z-index:1;position:relative}.ob-spread-row{padding:4px 10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;background:var(--bg3)}.ob-spread-price{font-size:12px;font-weight:700;font-family:var(--mono);color:var(--green)}.ob-spread-pct{font-size:10px;color:var(--t3);font-family:var(--mono)}.order-type-row{display:flex;gap:6px}.order-type-btn{flex:1;height:32px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--bg3);color:var(--t2);cursor:pointer;transition:all .15s}.order-type-btn.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.bs-tabs{display:flex;background:var(--bg3);border-radius:8px;padding:2px}.bs-tab{flex:1;height:30px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;text-align:center;line-height:30px}.bs-tab.buy-active{background:var(--green);color:#000}.bs-tab.sell-active{background:var(--red);color:#fff}.bs-tab.inactive{color:var(--t3)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.05em}.form-input-wrap{position:relative}.form-input{width:100%;height:42px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0 12px;font-size:14px;font-family:var(--mono);color:var(--t1);font-weight:500}.form-input:focus{outline:none;border-color:var(--teal)}.form-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--t3);font-weight:600}.price-hints{display:flex;background:var(--bg);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.price-hint-item{flex:1;padding:5px 8px;text-align:center;cursor:pointer;transition:background .1s;border-right:1px solid var(--border)}.price-hint-item:last-child{border-right:none}.price-hint-item:active{background:var(--bg3)}.price-hint-label{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.04em}.price-hint-val{font-size:11px;font-weight:600;font-family:var(--mono)}.price-hint-val.ask{color:var(--red)}.price-hint-val.mid{color:var(--t1)}.price-hint-val.bid{color:var(--green)}.pct-row{display:flex;gap:4px}.pct-btn{flex:1;height:26px;border-radius:6px;font-size:11px;font-weight:700;background:var(--bg3);border:1px solid var(--border);color:var(--t2);cursor:pointer;text-align:center;line-height:26px;transition:all .15s}.pct-btn.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal)}.post-only-row{display:flex;align-items:center;justify-content:space-between}.post-only-label{font-size:12px;color:var(--t2)}.toggle-switch{width:36px;height:20px;border-radius:10px;background:var(--bg4);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .2s}.toggle-switch.on{background:var(--teal);border-color:var(--teal)}.toggle-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}.toggle-switch.on:after{transform:translate(16px)}.order-total-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.total-row{display:flex;justify-content:space-between}.total-label{font-size:11px;color:var(--t3)}.total-val{font-size:12px;font-weight:600;font-family:var(--mono)}.modal-cta{width:100%;height:46px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.modal-cta:active{opacity:.85}.modal-cta.buy{background:var(--green);color:#000}.modal-cta.sell{background:var(--red);color:#fff}.modal-cta.teal{background:var(--teal);color:#000}.modal-cta.danger{background:var(--red);color:#fff}.match-pinned{background:var(--bg);border:1px solid var(--teal-border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.match-pinned-label{font-size:10px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.match-select-label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.match-option{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:border-color .15s}.match-option.selected{border-color:var(--teal);background:var(--teal-dim)}.radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border2);flex-shrink:0;transition:all .15s;position:relative}.radio.checked{border-color:var(--teal);background:var(--teal)}.radio.checked:after{content:"";position:absolute;width:6px;height:6px;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.match-info{flex:1}.match-info-pair{font-size:13px;font-weight:600}.match-info-sub{font-size:11px;color:var(--t2);font-family:var(--mono);margin-top:1px}.pnl-preview-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:12px 0}.pnl-preview-title{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;text-align:center}.pnl-row{display:flex;justify-content:space-between;margin-bottom:6px}.pnl-key{font-size:12px;color:var(--t3)}.pnl-val{font-size:12px;font-weight:600;font-family:var(--mono)}.pnl-divider{height:1px;background:var(--border);margin:6px 0}.pnl-net{font-size:14px;font-weight:700}.close-order-info{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.close-info-row{display:flex;justify-content:space-between;margin-bottom:5px}.close-info-label{font-size:12px;color:var(--t3)}.close-info-val{font-size:12px;font-weight:500;font-family:var(--mono)}.close-pnl-row{display:flex;justify-content:space-between;padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.close-auto-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:26px;padding:0 10px;background:var(--teal-dim);border:1px solid var(--teal-border);border-radius:5px;font-size:11px;font-weight:700;color:var(--teal);cursor:pointer}.est-pnl-box{background:var(--green-dim);border:1px solid var(--green-border);border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.est-pnl-label{font-size:11px;color:var(--t2)}.est-pnl-vals{text-align:right}.est-pnl-amt{font-size:15px;font-weight:700;font-family:var(--mono);color:var(--green)}.est-pnl-pct{font-size:11px;color:var(--green);font-family:var(--mono)}.pair-search{width:100%;height:40px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0 12px;font-size:14px;color:var(--t1);margin-bottom:12px}.pair-search:focus{outline:none;border-color:var(--teal)}.pair-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer}.pair-option:last-child{border-bottom:none}.pair-option-icon{width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--teal)}.pair-option-name{font-size:14px;font-weight:700;flex:1}.pair-option-price{font-size:13px;font-weight:600;font-family:var(--mono);color:var(--green)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav{width:32px;height:32px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--t2)}.cal-month{font-size:15px;font-weight:700}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day-header{font-size:10px;font-weight:700;color:var(--t3);text-align:center;padding:4px 0}.cal-day{height:36px;border-radius:8px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2);transition:all .1s}.cal-day:hover{background:var(--bg3)}.cal-day.today{color:var(--teal);font-weight:700}.cal-day.selected{background:var(--teal);color:#000;font-weight:700}.cal-day.in-range{background:var(--teal-dim);color:var(--teal)}.cal-day.empty{pointer-events:none}.date-range-display{display:flex;gap:8px;margin-top:14px}.date-range-box{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.date-range-box-label{font-size:10px;color:var(--t3);margin-bottom:2px}.date-range-box-val{font-size:13px;font-weight:600;font-family:var(--mono)}.detail-info-section{margin-bottom:14px}.detail-section-label{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row-label{font-size:13px;color:var(--t2)}.detail-row-val{font-size:13px;font-weight:600;font-family:var(--mono);text-align:right}.trade-detail-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px}.trade-detail-top{display:flex;justify-content:space-between;margin-bottom:6px}.trade-role{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.trade-role.maker{background:#17c4cc1a;color:var(--teal);border:1px solid rgba(23,196,204,.2)}.trade-role.taker{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(240,185,11,.2)}.trade-detail-rows{display:grid;grid-template-columns:1fr 1fr;gap:5px}.trade-detail-item{display:flex;flex-direction:column;gap:1px}.trade-detail-item-label{font-size:9px;color:var(--t3);text-transform:uppercase}.trade-detail-item-val{font-size:11px;font-weight:600;font-family:var(--mono)}.profit-match-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.profit-match-row{display:flex;justify-content:space-between;margin-bottom:5px}.profit-match-label{font-size:12px;color:var(--t3)}.profit-match-val{font-size:12px;font-weight:600;font-family:var(--mono)}.profit-net-box{background:var(--green-dim);border:1px solid var(--green-border);border-radius:8px;padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.profit-net-label{font-size:13px;color:var(--t2)}.profit-net-right{text-align:right}.profit-net-val{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--green)}.profit-net-pct{font-size:12px;color:var(--green);font-family:var(--mono)}