:root{--bg:#0f1220;--panel:#161a2e;--muted:#8c93a6;--good:#1fbf75;--bad:#e55353;--accent:#5b8cff;--border:#2a3153;--text:#e8ebf4;--warn:#e0a800}*{box-sizing:border-box}body,html{height:100%}body{background:#0f1220;background:var(--bg);color:#e8ebf4;color:var(--text);font-family:system-ui,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0}header{align-items:center;background:linear-gradient(180deg,#141838,#0f1220);border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1.3fr 1fr;padding:12px}.col{display:flex;flex-direction:column;gap:12px}.card{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:16px;overflow:hidden}.card h3{border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);color:#8c93a6;color:var(--muted);font-size:14px;margin:0;padding:12px 14px}.content{padding:12px}.book{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;position:relative}.book:before{background:#2a3153;background:var(--border);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.order-book-section{display:flex;flex-direction:column}.order-book-section .row{justify-content:center;margin-bottom:8px}.order-book-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:80px 1fr 1fr 1fr}.order-book-row{transition:background-color .2s ease}.inline-order-form{animation:slideDown .3s ease;background:#161a2e;background:var(--panel);border:1px solid #5b8cff;border:1px solid var(--accent);border-radius:8px;margin:8px 0;padding:12px}.inline-order-form h4{color:#5b8cff;color:var(--accent);font-size:14px;margin:0 0 8px}.inline-order-form .form-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.inline-order-form .form-row:last-child{margin-bottom:0}.inline-order-form label{color:#8c93a6;color:var(--muted);font-size:12px;min-width:60px}.inline-order-form input[type=number]{background:#0f1220;background:var(--bg);border:1px solid #2a3153;border:1px solid var(--border);border-radius:6px;color:#e8ebf4;color:var(--text);flex:1 1;font-size:13px;padding:6px 8px}.inline-order-form .btn-group{display:flex;gap:8px;margin-top:8px}.inline-order-form .btn{background:#5b8cff;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.inline-order-form .btn.cancel{background:#0000;border:1px solid #2a3153;border:1px solid var(--border);color:#8c93a6;color:var(--muted)}.inline-order-form .btn:hover{opacity:.8}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-type-section label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.order-type-section select{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:6px;color:#e8ebf4;color:var(--text);font-size:13px;padding:8px 10px;width:100%}.price-section{transition:opacity .3s ease}.price-section.hidden{opacity:.5;pointer-events:none}.market-order-indicator{background:linear-gradient(90deg,#1fbf75,#1a9f5f)}.limit-order-indicator,.market-order-indicator{border-radius:6px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.limit-order-indicator{background:linear-gradient(90deg,#5b8cff,#4a7cff)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);font-size:13px;padding:8px 10px}th{background:#ffffff05;color:#8c93a6;color:var(--muted);text-align:left}.row{display:flex;flex-wrap:wrap;gap:8px}.right{justify-content:flex-end}.btn,input,select{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:10px;color:#e8ebf4;color:var(--text);padding:8px 10px}.cancel{background:#0000;border:1px solid #2a3153;border:1px solid var(--border);border-radius:8px;color:#8c93a6;color:var(--muted);cursor:pointer;padding:4px 8px}.status[data-variant=ok]{color:#1fbf75;color:var(--good)}.status[data-variant=error]{color:#e55353;color:var(--bad)}.status[data-variant=warn]{color:#e0a800;color:var(--warn)}.muted{color:#8c93a6;color:var(--muted)}.small{font-size:12px}.sep{background:#2a3153;background:var(--border);height:1px;margin:8px 0}.title{font-size:18px;font-weight:700;letter-spacing:.5px}.logo{cursor:pointer;height:auto;max-height:60px;max-width:300px;object-fit:contain;transition:opacity .2s ease;width:auto}.logo:hover{opacity:.8}.dev-banner{animation:gradient 2s ease infinite;background:linear-gradient(90deg,#ff6b6b,#ff8e53,#ff6b6b);background-size:200% 100%;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;position:relative;text-align:center;z-index:10}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.trading-container{background:#0f1220;background:var(--bg);color:#e8ebf4;color:var(--text);min-height:100vh}.order-book-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;position:relative}.order-book-grid:before{background:#2a3153;background:var(--border);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.order-book-side{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:16px;overflow:hidden}.positions-container{width:100%}.positions-container h3{color:#8c93a6;color:var(--muted);font-size:14px;font-weight:600;margin:0 0 12px;padding:0}.positions-loading{color:#8c93a6;color:var(--muted);font-size:13px;padding:20px;text-align:center}.positions-content{display:flex;flex-direction:column;gap:12px}.position-summary{margin-bottom:12px}.position-main{align-items:center;background:#0f1220;background:var(--bg);border:1px solid #2a3153;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.position-label{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.position-value{font-feature-settings:"tnum";font-size:32px;font-variant-numeric:tabular-nums;font-weight:700}.positions-table{border-collapse:collapse;width:100%}.positions-table tbody tr{border-bottom:1px dashed #ffffff08}.positions-table tbody tr:last-child{border-bottom:none}.positions-label{color:#8c93a6;color:var(--muted);font-size:13px;padding:8px 0;text-align:left}.positions-value{font-feature-settings:"tnum";color:#e8ebf4;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;padding:8px 0;text-align:right}.positions-timestamp{border-top:1px solid #2a3153;border-top:1px solid var(--border);font-size:11px;margin-top:12px;padding-top:12px}.order-book-header,.positions-timestamp{color:#8c93a6;color:var(--muted);text-align:center}.order-book-header{background:#0000;border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;padding:8px 0}.order-book-row{grid-gap:8px;align-items:center;animation:fadeIn .3s ease;border-bottom:1px dashed #ffffff08;cursor:pointer;display:grid;font-size:14px;gap:8px;grid-template-columns:80px 1fr 1fr 1fr;padding:4px 0;transition:background-color .2s ease,opacity .3s ease,transform .3s ease}.order-book-row:hover{background:#ffffff0d}.order-book-row.clickable:hover{background:#5b8cff1a}.order-book-row.ask{grid-template-columns:1fr 1fr 1fr 80px}.cancel-btn{background:#0000;border:1px solid #2a3153;border:1px solid var(--border);border-radius:6px;color:#8c93a6;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 6px;text-align:center}.cancel-btn:hover{background:#e55353;background:var(--bad);border-color:#e55353;border-color:var(--bad);color:#fff}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.user{color:#8c93a6;color:var(--muted);font-size:14px;text-align:center}.price,.quantity{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.bid .price{color:#1fbf75;color:var(--good)}.ask .price{color:#e55353;color:var(--bad)}.form-group{margin-bottom:12px}.form-group label{color:#8c93a6;color:var(--muted);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:6px;color:#e8ebf4;color:var(--text);font-size:13px;padding:8px 10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#5b8cff;border-color:var(--accent);outline:none}.btn{background:#5b8cff;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:opacity .2s}.btn:hover{opacity:.8}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-danger{background:#e55353;background:var(--bad)}.status{align-items:center;border-top:1px solid #2a3153;border-top:1px solid var(--border);display:flex;font-size:13px;gap:8px;padding:10px 12px}.status.ok{color:#1fbf75;color:var(--good)}.status.error{color:#e55353;color:var(--bad)}.status.warn{color:#e0a800;color:var(--warn)}.hidden{display:none!important}.order-type-section,.price-section{margin-bottom:12px}.market-price-display{background:#2a3153;background:var(--border);border-radius:8px;color:#8c93a6;color:var(--muted);font-size:12px;margin-top:8px;padding:8px 12px}.market-price-display .price{color:#1fbf75;color:var(--good);font-weight:600}.active-orders-table{border-collapse:collapse;margin-top:10px;width:100%}.active-orders-table td,.active-orders-table th{border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);font-size:13px;padding:8px 10px;text-align:left;transition:background-color .3s ease,opacity .3s ease}.active-orders-table tbody tr{animation:fadeIn .3s ease}.active-orders-table th{background:#ffffff05;color:#8c93a6;color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.matches-list{max-height:300px;overflow-y:auto}.matches-table tbody tr{animation:fadeIn .3s ease;transition:background-color .2s ease}.matches-table tbody tr:hover{background-color:#ffffff05}.match-item{border-bottom:1px solid #2a3153;border-bottom:1px solid var(--border);font-size:13px;padding:8px 12px;transition:background-color .3s ease}.match-item:last-child{border-bottom:none}.controls{display:flex;gap:12px;margin-bottom:12px;padding:0 12px}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{color:#8c93a6;color:var(--muted);font-size:12px;font-weight:500}.control-group input,.control-group select{background:#161a2e;background:var(--panel);border:1px solid #2a3153;border:1px solid var(--border);border-radius:6px;color:#e8ebf4;color:var(--text);font-size:13px;padding:6px 8px}.ws-status{border-radius:4px;display:inline-block;font-size:12px;padding:4px 8px}.ws-status.live{background:#1fbf7533;color:#1fbf75;color:var(--good)}.ws-status.connecting{background:#e0a80033;color:#e0a800;color:var(--warn)}.ws-status.error{background:#e5535333;color:#e55353;color:var(--bad)}.ws-status.reconnecting{background:#e0a80033;color:#e0a800;color:var(--warn)}
/*# sourceMappingURL=main.61dbfbdb.css.map*/