*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.inset-0{inset:0}.z-\[9999\]{z-index:9999}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.max-h-\[90vh\]{max-height:90vh}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.price-chart-container{background-color:#1f2937;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.price-chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.chart-title h3{color:#f9fafb!important;font-size:1.25rem;font-weight:600;margin:0}.chart-subtitle{color:#d1d5db;font-size:.875rem;margin-left:.5rem}.duration-selector{background-color:#374151;border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.duration-btn{background-color:initial;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.duration-btn:hover{background-color:#4b5563;color:#f9fafb}.duration-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d;color:#fff;font-weight:600}.price-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#4b5563,#374151);border:1px solid #9ca3af;border-radius:8px;box-shadow:0 2px 8px #0006;padding:1rem;transition:all .2s}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.stat-header{border-bottom:1px solid #ffffff1a;margin-bottom:.75rem;padding-bottom:.5rem}.stat-indicator{box-shadow:0 0 8px currentColor;height:14px;width:14px}.stat-exchange{color:#fff!important;font-size:.95rem;font-weight:700;letter-spacing:.8px;text-shadow:0 2px 4px #000c;text-transform:uppercase}.stat-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{background-color:#0000004d;border-radius:4px}.stat-label{color:#f3f4f6!important;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#fff!important;font-size:1.15rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 4px #000c}.stat-value.positive{color:#10b981!important;text-shadow:0 0 8px #10b98199}.stat-value.negative{color:#ef4444!important;text-shadow:0 0 8px #ef444499}.price-chart{background-color:#111827;border-radius:6px;padding:1rem}.no-data{height:400px}.no-data,.price-chart-error,.price-chart-loading{align-items:center;color:#9ca3af;display:flex;justify-content:center}.price-chart-error,.price-chart-loading{flex-direction:column;min-height:300px}.price-chart-error{gap:1rem}.retry-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.retry-btn:hover{background-color:#2563eb}@media (max-width:768px){.price-chart-header{align-items:flex-start;flex-direction:column}.duration-selector{width:100%}.duration-btn{flex:1 1;text-align:center}.price-stats{grid-template-columns:1fr}}.strategy-chart{display:flex;flex-direction:column;gap:1.5rem;width:100%}.strategy-chart-empty{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.strategy-chart-empty p{margin:.5rem 0}.strategy-chart-empty .hint{color:#6b7280;font-size:.875rem}.strategy-summary{grid-gap:1rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.summary-label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#f9fafb;font-size:.8rem}.summary-value.bid{color:#10b981;font-size:.8rem}.summary-value.ask{color:#ef4444;font-size:.8rem}.summary-item-inline{align-items:center;border-top:1px solid #374151;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1rem;grid-column:1/-1;justify-content:center;overflow:visible;padding:.75rem 1rem;width:100%}.summary-inline-group{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.summary-label-inline{color:#6b7280;font-size:.875rem;font-weight:600;white-space:nowrap}.summary-value-inline{color:#1f2937;font-size:1rem;font-weight:700;white-space:nowrap}.summary-value-inline .bid{color:#10b981}.summary-value-inline .ask{color:#ef4444}.summary-separator{color:#6b7280;font-size:1rem;font-weight:400}.chart-container{background:#111827;border:1px solid #374151;border-radius:8px;gap:0;padding:1.5rem}.chart-container,.chart-section{display:flex;flex-direction:column}.chart-section{gap:1rem}.section-header{border-bottom:2px solid #374151;padding-bottom:.75rem}.section-header h4{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.bid-section .section-header h4{color:#10b981}.ask-section .section-header h4{color:#ef4444}.level-count{color:#9ca3af;font-size:.875rem}.levels-container{display:flex;flex-direction:column;gap:.5rem}.strategy-level{grid-gap:1rem;background:#3741514d;border-radius:6px;display:grid;gap:1rem;grid-template-columns:120px 1fr 40px;padding:.75rem;transition:all .2s}.strategy-level:hover{background:#37415180;transform:translateX(-2px)}.strategy-level.buy{border-left:3px solid #10b981}.strategy-level.sell{border-left:3px solid #ef4444}.level-price{color:#f9fafb;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.level-bar-container{align-items:center;display:flex;gap:.75rem}.level-bar{background:linear-gradient(90deg,#374151,#4b5563);border-radius:4px;height:24px;overflow:hidden;position:relative;transition:width .3s}.bid-section .level-bar{background:linear-gradient(90deg,#10b98133,#10b98166)}.ask-section .level-bar{background:linear-gradient(90deg,#ef444433,#ef444466)}.level-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;left:0;position:absolute;top:0;transition:width .3s}.ask-section .level-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.level-quantity{color:#d1d5db;font-size:.875rem;font-weight:600;min-width:60px;white-space:nowrap}.level-status{cursor:help;font-size:1.25rem;text-align:center}.level-status.not-placed{color:#6b7280}.level-status.placed{color:#3b82f6}.level-status.partial{color:#f59e0b}.level-status.filled{color:#10b981}.level-status.cancelled{color:#ef4444}.zones-container{display:flex;flex-direction:column;gap:4px}.zone-card{background:linear-gradient(135deg,#1f2937cc,#111827cc);border:2px solid #374151;border-radius:6px;padding:.75rem;transition:all .3s}.zone-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.zone-card.buy{border-left:3px solid #10b981}.zone-card.sell{border-left:3px solid #ef4444}.zone-card-compact{background:linear-gradient(135deg,#1f293799,#11182799);border:1px solid #374151;border-radius:4px;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:8px 12px;transition:all .2s;width:100%}.zone-card-compact:hover{background:linear-gradient(135deg,#1f2937cc,#111827cc);border-color:#4b5563}.zone-card-compact.buy{border-left:3px solid #10b981}.zone-card-compact.sell{border-left:3px solid #ef4444}.zone-card-compact.off-zone{background:linear-gradient(135deg,#f59e0b26,#d977061a);border-left:3px solid #f59e0b}.zone-line-1{align-items:center;display:flex;gap:8px}.zone-line-2{display:flex;flex-direction:column;gap:4px;padding-left:4px}.zone-order-single{align-items:center;color:#fbbf24;display:flex;font-family:Courier New,monospace;font-size:12px;font-weight:500;gap:6px}.zone-orders-multi{display:flex;flex-direction:column;gap:2px}.zone-order-item{align-items:center;color:#fbbf24;display:flex;font-family:Courier New,monospace;font-size:12px;font-weight:500;gap:6px}.zone-cancel-order-btn{align-items:center;background:#dc2626;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:18px}.zone-cancel-order-btn:hover{background:#b91c1c;transform:scale(1.1)}.zone-cancel-order-btn:active{transform:scale(.95)}.zone-label{color:#f9fafb;font-weight:600;min-width:50px;white-space:nowrap}.zone-range{color:#9ca3af}.zone-order-prices,.zone-range{font-family:Courier New,monospace;font-size:12px;white-space:nowrap}.zone-order-prices{color:#fbbf24;font-weight:500;margin-right:4px}.zone-quantity{color:#60a5fa;font-weight:500;min-width:50px;white-space:nowrap}.zone-progress{color:#9ca3af;font-size:11px;white-space:nowrap}.zone-off-warning{align-items:center;color:#f59e0b;display:flex;font-size:12px;gap:6px}.cancel-off-zone-btn-inline{background:#dc2626;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:2px 8px;transition:all .2s}.cancel-off-zone-btn-inline:hover{background:#b91c1c}.zone-status{font-size:16px;line-height:1;margin-left:auto}.zone-status.not-placed{color:#6b7280}.zone-status.placed{color:#3b82f6}.zone-status.partial{color:#f59e0b}.zone-status.filled{color:#10b981}.zone-add-order-btn{align-items:center;background:#3b82f6;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-left:6px;padding:0;transition:all .2s;width:20px}.zone-add-order-btn:hover{background:#2563eb;transform:scale(1.1)}.zone-add-order-btn:active{transform:scale(.95)}.zone-header{align-items:center;border-bottom:1px solid #374151;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.zone-orders{background:#11182780;border:1px solid #374151;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.order-info{color:#d1d5db;font-size:.75rem;gap:.5rem}.order-info:not(:last-child){border-bottom:1px solid #374151}.order-price{color:#60a5fa;font-weight:600;white-space:nowrap}.order-quantity{color:#9ca3af;white-space:nowrap}.order-amount{color:#10b981;margin-left:auto;white-space:nowrap}.zone-number{color:#f9fafb;font-size:.875rem;font-weight:700;white-space:nowrap}.zone-price-range{color:#9ca3af;flex:1 1;font-family:Courier New,monospace;font-size:.75rem;text-align:center}.zone-status-icon{font-size:1.25rem;line-height:1}.zone-status-icon.not-placed{color:#6b7280}.zone-status-icon.placed{color:#3b82f6}.zone-status-icon.partial{color:#f59e0b}.zone-status-icon.filled{color:#10b981}.zone-deployment{margin-bottom:.5rem}.progress-bar{background:#37415180;border-radius:3px;height:18px;margin-bottom:.25rem;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;position:relative;transition:width .4s ease}.buy .progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.sell .progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-text{color:#d1d5db;font-size:.75rem;text-align:center}.zone-stats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.stat-compact{color:#9ca3af;font-size:.7rem;white-space:nowrap}.stat-compact.placed{color:#3b82f6}.stat-compact.partial{color:#f59e0b}.stat-compact.filled{color:#10b981}.current-price-divider{gap:1rem;margin:1.5rem 0}.divider-line{background:linear-gradient(90deg,#0000,#f59e0b 50%,#0000);flex:1 1;height:2px}.current-price-label{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;box-shadow:0 0 20px #f59e0b66;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem}.label-text{color:#fef3c7;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-value{color:#fffbeb;font-family:Courier New,monospace;font-size:1.1rem;font-weight:800}.chart-legend{background:#1f293780;border:1px solid #374151;border-radius:8px;gap:2rem;justify-content:center;padding:1rem}.legend-item{color:#d1d5db;font-size:.875rem}.legend-icon{font-size:1.25rem}.legend-icon.not-placed{color:#6b7280}.legend-icon.placed{color:#3b82f6}.legend-icon.partial{color:#f59e0b}.legend-icon.filled{color:#10b981}@media (max-width:768px){.strategy-summary,.zones-container{grid-template-columns:1fr}.zone-card{padding:.625rem}.zone-number{font-size:.8rem}.zone-price-range{font-size:.7rem}.zone-status-icon{font-size:1.1rem}.progress-bar{height:16px}.progress-text{font-size:.7rem}.stat-compact{font-size:.65rem}.strategy-level{gap:.5rem;grid-template-columns:100px 1fr 30px;padding:.5rem}.level-price{font-size:.8rem}.level-quantity{font-size:.75rem;min-width:50px}.chart-legend{flex-wrap:wrap;gap:1rem}.current-price-label{padding:.5rem .75rem}.price-value{font-size:1rem}}.zone-card.off-zone{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:2px solid #f59e0b}.zone-card.off-zone .zone-header{background:#f59e0b26;border-bottom:1px solid #f59e0b4d}.zone-card.off-zone .zone-number{color:#f59e0b;font-weight:600}.off-zone-text{color:#f59e0b!important;font-weight:500;text-align:center}.cancel-off-zone-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:6px 12px;transition:all .2s;width:100%}.cancel-off-zone-btn:hover{background:#b91c1c;box-shadow:0 2px 4px #dc26264d;transform:translateY(-1px)}.cancel-off-zone-btn:active{box-shadow:none;transform:translateY(0)}.zone-content{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.strategy-plan{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;padding:.5rem}.plan-header{color:#93c5fd;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.strategy-level{align-items:center;border-bottom:1px solid #3b82f633;color:#bfdbfe;display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.strategy-level:last-child{border-bottom:none}.level-price{flex:1 1;font-weight:500}.level-quantity{color:#93c5fd;flex:1 1;text-align:center}.level-amount{color:#60a5fa;flex:1 1;font-weight:600;text-align:right}.actual-orders{background:#10b9811a;border-left:3px solid #10b981;border-radius:4px;padding:.5rem}.actual-orders.empty{background:#6b72801a;border-left-color:#6b7280}.orders-header{color:#6ee7b7;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.orders-header.empty{color:#9ca3af}.empty-text{color:#6b7280;font-size:.75rem;font-style:italic;font-weight:400}.order-info{align-items:center;border-bottom:1px solid #10b98133;color:#d1fae5;display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.order-info:last-child{border-bottom:none}.order-price{flex:1 1;font-weight:500}.order-quantity{color:#6ee7b7;flex:1 1;text-align:center}.order-amount{color:#34d399;flex:1 1;font-weight:600;text-align:right}.zone-card-compact.manual-zone{background:linear-gradient(135deg,#8b5cf626,#6d28d91a);border-left:3px solid #8b5cf6}.zone-card-compact.manual-zone:hover{background:linear-gradient(135deg,#8b5cf640,#6d28d926);border-color:#a78bfa}.zone-label.manual{color:#c4b5fd}.zone-manual-info{color:#a78bfa;font-size:12px;font-weight:500;margin-left:auto;margin-right:8px}.chart-section.manual-section{border-top:2px dashed #8b5cf6;margin-top:1rem;padding-top:1rem}.chart-section.manual-section .section-header{border-bottom-color:#8b5cf6}.chart-section.manual-section .section-header h4{color:#a78bfa}.manual-zones-container{display:flex;flex-direction:column;gap:8px}.manual-side-group{display:flex;flex-direction:column;gap:4px}.manual-side-label{border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.manual-side-group.ask .manual-side-label{background:#ef444433;color:#fca5a5}.manual-side-group.bid .manual-side-label{background:#10b98133;color:#6ee7b7}.chart-section.off-section{border-top:2px dashed #f59e0b;margin-top:1rem;padding-top:1rem}.chart-section.off-section .section-header{border-bottom-color:#f59e0b}.chart-section.off-section .section-header h4{color:#fbbf24}.chart-section.off-section .level-count.warning{color:#f59e0b;font-weight:600}.off-zones-container{display:flex;flex-direction:column;gap:4px}.price-reference{color:#fef3c7;font-size:.75rem;margin-bottom:4px;opacity:.9}.price-reference .bid-ref{color:#6ee7b7}.price-reference .ask-ref{color:#fca5a5}.price-reference .separator{color:#fef3c7;opacity:.5}.balance-overview-page{background-color:#0a0a0a;min-height:100vh;padding:20px}.balance-overview-page .page-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.balance-overview-page .page-header .header-left{align-items:center;display:flex;gap:12px}.balance-overview-page .page-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.balance-overview-page .credential-count{background:#667eea33;border-radius:16px;color:#667eea;font-size:14px;font-weight:500;padding:4px 12px}.balance-overview-page .header-center{display:flex;flex:1 1;justify-content:center}.balance-overview-page .total-summary{align-items:center;display:flex;flex-direction:column;gap:4px}.balance-overview-page .total-label{color:#888;font-size:12px;letter-spacing:1px;text-transform:uppercase}.balance-overview-page .total-value{color:#4caf50;font-size:32px;font-weight:700;text-shadow:0 0 20px #4caf504d}.balance-overview-page .header-right{align-items:center;display:flex;gap:16px}.balance-overview-page .last-refresh{color:#666;font-size:12px}.balance-overview-page .refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:110px;padding:10px 20px;transition:background .3s ease,box-shadow .3s ease,opacity .3s ease}.balance-overview-page .refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.balance-overview-page .refresh-button.loading,.balance-overview-page .refresh-button:disabled{cursor:not-allowed;opacity:.6}.credentials-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:480px){.credentials-grid{grid-template-columns:1fr}}.credential-card{background:#1a1a2e;border:1px solid #2a2a4a;overflow:hidden;transition:all .3s ease}.credential-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.credential-card.inactive{opacity:.7}.credential-card.has-error{border-color:#f44336}.credential-card .card-header{align-items:flex-start;background:#ffffff05;border-bottom:1px solid #2a2a4a;display:flex;justify-content:space-between;padding:16px 20px}.credential-card .header-left{display:flex;flex-direction:column;gap:8px}.credential-card .credential-name{color:#fff;font-size:16px;font-weight:600;margin:0}.credential-card .badges{display:flex;flex-wrap:wrap;gap:8px}.credential-card .exchange-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.credential-card .exchange-badge.gopax{background:#228be633;color:#228be6}.credential-card .exchange-badge.gate,.credential-card .exchange-badge.gateio{background:#4caf5033;color:#4caf50}.credential-card .exchange-badge.bingx{background:#ff980033;color:#ff9800}.credential-card .exchange-badge.deepcoin{background:#9c27b033;color:#9c27b0}.credential-card .testnet-badge{background:#ffc10733;color:#ffc107}.credential-card .inactive-badge,.credential-card .testnet-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px}.credential-card .inactive-badge{background:#9e9e9e33;color:#9e9e9e}.credential-card .header-right .subtotal{color:#4caf50;font-size:20px;font-weight:700}.credential-card .card-body{min-height:100px;padding:0}.credential-card .error-message{align-items:center;color:#f44336;display:flex;font-size:14px;gap:12px;padding:20px}.credential-card .error-message .error-icon{font-size:24px}.credential-card .empty-message{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;padding:40px 20px}.credential-card .balance-table{border-collapse:collapse;width:100%}.credential-card .balance-table th{background:#ffffff05;border-bottom:1px solid #2a2a4a;color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.credential-card .balance-table td{border-bottom:1px solid #1f1f3a;color:#ddd;font-size:14px;padding:12px 16px}.credential-card .balance-table tbody tr:last-child td{border-bottom:none}.credential-card .balance-table tbody tr:hover{background:#667eea0d}.credential-card .balance-table .text-right{text-align:right}.credential-card .balance-table .asset-name{color:#fff;font-weight:600}.credential-card .balance-table .locked{color:#888}.credential-card .balance-table .usd-value{color:#4caf50;font-weight:500}.credential-card .card-footer{background:#0003;border-top:1px solid #2a2a4a;padding:12px 20px}.credential-card .last-updated{color:#666;font-size:11px}.loading-container{align-items:center;color:#888;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #2a2a4a;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.error-container{align-items:center;color:#f44336;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.error-container .error-icon{font-size:48px}.error-container p{font-size:16px;margin:0}.retry-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:#5a6fd6}.empty-state{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:300px;text-align:center}.empty-state p{font-size:14px;margin:0}.aggregated-section{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;margin-bottom:24px;overflow:hidden}.credential-selector{background:#ffffff05;border-bottom:1px solid #2a2a4a;padding:16px 20px}.selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.selector-title{color:#fff;font-size:14px;font-weight:600}.select-all-btn{background:#667eea33;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.select-all-btn:hover{background:#667eea4d}.credential-chips{display:flex;flex-wrap:wrap;gap:10px}.credential-chip{align-items:center;background:#ffffff0d;border:1px solid #3a3a5a;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 14px;transition:all .2s ease}.credential-chip:hover{background:#667eea1a;border-color:#667eea}.credential-chip.selected{background:#667eea33;border-color:#667eea}.credential-chip input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.credential-chip .chip-name{color:#fff;font-size:13px;font-weight:600}.credential-chip .chip-exchange{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px}.credential-chip.gopax .chip-exchange{background:#228be633;color:#228be6}.credential-chip.gate .chip-exchange,.credential-chip.gateio .chip-exchange{background:#4caf5033;color:#4caf50}.credential-chip.bingx .chip-exchange{background:#ff980033;color:#ff9800}.credential-chip.deepcoin .chip-exchange{background:#9c27b033;color:#9c27b0}.credential-chip .chip-testnet{background:#ffc10733;border-radius:4px;color:#ffc107;font-size:10px;font-weight:600;padding:2px 6px}.aggregated-table-container{padding:0}.aggregated-header{align-items:center;border-bottom:1px solid #2a2a4a;display:flex;justify-content:space-between;padding:16px 20px}.aggregated-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.aggregated-total{align-items:center;display:flex;gap:16px}.selected-count{background:#ffffff0d;border-radius:4px;color:#888;font-size:12px;padding:4px 10px}.selected-total-value{color:#4caf50;font-size:24px;font-weight:700}.aggregated-table{border-collapse:collapse;width:100%}.aggregated-table th{background:#ffffff05;border-bottom:1px solid #2a2a4a;color:#888;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.aggregated-table td{border-bottom:1px solid #1f1f3a;color:#ddd;font-size:14px;padding:12px 16px}.aggregated-table tbody tr:hover{background:#667eea0d}.aggregated-table .text-right{text-align:right}.aggregated-table .asset-name{color:#fff;font-weight:600}.aggregated-table .locked{color:#888}.aggregated-table .usd-value{color:#4caf50;font-weight:500}.aggregated-table .sources{color:#888;font-size:12px}.aggregated-table tfoot td{background:#ffffff05;border-top:1px solid #2a2a4a;font-weight:600;padding:14px 16px}.aggregated-table tfoot .total-row{color:#4caf50;font-size:18px}.empty-aggregated{color:#666;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){.balance-overview-page .page-header{align-items:stretch;flex-direction:column}.balance-overview-page .header-center,.balance-overview-page .header-left,.balance-overview-page .header-right{justify-content:center}.balance-overview-page .total-value{font-size:24px}.credential-card .balance-table td,.credential-card .balance-table th{font-size:12px;padding:10px 12px}.credential-chips{flex-direction:column}.credential-chip{width:100%}.aggregated-header{align-items:flex-start;flex-direction:column;gap:12px}.aggregated-table td,.aggregated-table th{font-size:12px;padding:10px 12px}.aggregated-table .sources{display:none}.selected-total-value{font-size:20px}}.orderbook-container{background:#0b0e11;border:1px solid #1e2329;border-radius:8px;color:#eaecef;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;height:100%;overflow:hidden;padding:16px}.orderbook-header{align-items:center;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.orderbook-header h3{color:#eaecef;font-size:16px;font-weight:600;margin:0}.controls{align-items:center;display:flex;gap:12px}.volume-filter-checkboxes{background:#1e2329;border:1px solid #2b3139;border-radius:6px;display:flex;gap:12px;padding:4px 12px}.checkbox-label{align-items:center;color:#eaecef;cursor:pointer;display:flex;font-size:12px;gap:6px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#f0b90b;cursor:pointer;height:16px;width:16px}.checkbox-label span{font-weight:500}.checkbox-label:hover{color:#f0b90b}.controls select{background:#1e2329;border:1px solid #2b3139;border-radius:4px;color:#eaecef;font-size:11px;padding:4px 8px}.controls select:focus{border-color:#f0b90b;outline:none}.last-update{color:#848e9c;font-size:11px}.market-info{align-items:center;background:#161a1e;border:1px solid #2b3139;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.price-info{flex:1 1}.current-price-large{margin-bottom:4px}.price-value{color:#f0b90b;font-size:24px;font-weight:700}.spread-info{font-size:11px}.spread-info,.spread-value{color:#848e9c}.volume-summary-compact{display:flex;gap:24px}.volume-item{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.volume-item .label{color:#848e9c;font-size:11px}.volume-item .value{color:#eaecef;font-size:13px;font-weight:600}.breakdown{display:flex;font-size:10px;gap:8px}.breakdown .bot{color:#0ecb81}.breakdown .user{color:#f6465d}.orderbook-table{display:flex;flex-direction:column;height:calc(100% - 120px)}.asks-section,.bids-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.section-header{align-items:center;border-bottom:1px solid #2b3139;display:flex;justify-content:space-between;padding:8px 0}.asks-header h4{color:#f6465d}.asks-header h4,.bids-header h4{font-size:12px;font-weight:600;margin:0}.bids-header h4{color:#0ecb81}.order-count,.split-table-header{color:#848e9c;font-size:10px}.split-table-header{align-items:center;border-bottom:1px solid #2b3139;display:flex;letter-spacing:.5px;padding:6px 0;text-transform:uppercase}.left-columns{display:flex;flex:1 1;gap:4px;justify-content:flex-end;padding-right:8px}.center-price-header{color:#f0b90b;display:flex;flex-shrink:0;font-weight:600;justify-content:center;max-width:160px;min-width:160px;width:160px}.right-columns{display:flex;flex:1 1;gap:4px;justify-content:flex-start;padding-left:8px}.orders-table{flex:1 1;overflow-y:auto;scrollbar-color:#2b3139 #0000;scrollbar-width:thin}.orders-table::-webkit-scrollbar{width:4px}.orders-table::-webkit-scrollbar-track{background:#0000}.orders-table::-webkit-scrollbar-thumb{background:#2b3139;border-radius:2px}.split-price-level{font-size:11px;padding:3px 0;transition:background-color .15s ease}.left-side,.split-price-level{align-items:center;display:flex;position:relative}.left-side{flex:1 1;gap:4px;justify-content:flex-end;padding-right:8px}.center-price{background:#f0b90b1a;border-radius:4px;flex-shrink:0;font-weight:600;justify-content:center;margin:0 4px;max-width:160px;min-width:160px;overflow:hidden;padding:2px 8px;width:160px}.center-price,.right-side{align-items:center;display:flex}.right-side{flex:1 1;gap:4px;justify-content:flex-start;padding-left:8px;position:relative}.split-price-level:hover{background:#f0b90b0d}.split-price-level:hover .center-price{background:#f0b90b33}.ask-level{border-bottom:1px solid #f6465d1a}.bid-level{border-bottom:1px solid #0ecb811a}.volume-bar{height:100%;opacity:.15;position:absolute;top:0;transition:width .3s ease;z-index:0}.user-volume-bar{z-index:1}.bot-volume-bar{opacity:.8;z-index:2}.ask-bar-left{background-color:#f6465d;right:0}.ask-bar-right{background-color:#f6465d;left:0}.bid-bar-left{background-color:#0ecb81;right:0}.bid-bar-right{background-color:#0ecb81;left:0}.bot-volume-bar.ask-bar-left,.bot-volume-bar.ask-bar-right{background-color:#ff8c42}.bot-volume-bar.bid-bar-left,.bot-volume-bar.bid-bar-right{background-color:#20b2aa}.col-bot,.col-price,.col-quantity,.col-total,.col-user{align-items:center;display:flex;flex-shrink:0;overflow:hidden;padding:2px 4px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.col-total{color:#eaecef;font-weight:500;max-width:90px;min-width:90px;width:90px}.col-bot{color:#0ecb81}.col-bot,.col-user{max-width:150px;min-width:150px;width:150px}.col-user{color:#f6465d}.col-quantity{color:#848e9c;max-width:80px;min-width:80px;width:80px}.col-price{font-weight:600;justify-content:center;min-width:160px}.left-side .col-bot,.left-side .col-quantity,.left-side .col-total,.left-side .col-user{justify-content:flex-end}.right-side .col-bot,.right-side .col-quantity,.right-side .col-total,.right-side .col-user{justify-content:flex-start}.ask-price{color:#f6465d}.bid-price,.bot-volume{color:#0ecb81}.bot-volume{font-size:10px}.bot-volume .quantity{color:#5e6673;font-size:9px;margin-left:2px}.user-volume{color:#f6465d;font-size:10px}.user-volume .quantity{color:#5e6673;font-size:9px;margin-left:2px}.right-side .bot-volume .quantity,.right-side .user-volume .quantity{margin-left:0;margin-right:2px}.current-price-divider{align-items:center;background:#161a1e;border-bottom:1px solid #2b3139;border-top:1px solid #2b3139;display:flex;justify-content:center;margin:12px 0;padding:8px 0}.price-line{align-items:center;display:flex;justify-content:space-between;padding:0 16px;width:100%}.current-price-text{color:#f0b90b;font-size:16px;font-weight:700}.spread-text{color:#848e9c;font-size:11px}.error,.loading{align-items:center;display:flex;font-size:14px;height:200px;justify-content:center}.loading{color:#848e9c}.error{color:#f6465d}@media (max-width:768px){.market-info{align-items:stretch;flex-direction:column;gap:12px}.volume-summary-compact{justify-content:space-between}.orderbook-container{padding:12px}.price-value{font-size:20px}.current-price-text{font-size:14px}.price-line{padding:0 8px}.col-bot,.col-price,.col-quantity,.col-total,.col-user{font-size:10px;padding:1px 2px}.center-price{min-width:60px;padding:1px 4px}.left-side,.right-side{padding-left:4px;padding-right:4px}}@media (max-width:480px){.col-bot,.col-user{display:none}.volume-summary-compact{flex-direction:column;gap:8px}.left-columns,.right-columns{justify-content:space-around}.center-price{min-width:50px}}.empty-side,.left-columns.empty,.right-columns.empty{visibility:hidden}.orderbook-page{background:#0a0a0a;min-height:100vh;padding:20px}.controls-section{align-items:center;background:#1a1a1a;border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#fff;font-weight:500;min-width:60px}.control-group select{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;min-width:120px;padding:8px 12px}.control-group select:focus{border-color:#3b82f6;outline:none}.orderbook-content{height:calc(100vh - 200px);min-height:600px}@media (max-width:768px){.orderbook-page{padding:15px}.controls-section{gap:15px}.control-group,.controls-section{align-items:stretch;flex-direction:column}.control-group label{margin-bottom:5px;min-width:auto}.orderbook-content{height:calc(100vh - 250px)}}.api-credentials-page{background:#0a0a0a;color:#fff;min-height:100vh;padding:20px}.page-header{margin-bottom:30px}.page-header h2{color:#fff;font-size:28px;margin-bottom:10px}.page-header p{color:#888;font-size:16px;margin:0}.error-message{background:#1f1f1f;border:1px solid #dc3545;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:15px}.close-error,.error-message{align-items:center;color:#dc3545;display:flex}.close-error{background:none;border:none;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.credentials-controls{display:flex;gap:15px;margin-bottom:30px}.add-credential-btn,.refresh-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-credential-btn{background:#3b82f6;color:#fff}.add-credential-btn:hover:not(:disabled){background:#2563eb}.add-credential-btn:disabled{background:#374151;cursor:not-allowed}.refresh-btn{background:#374151;color:#fff}.refresh-btn:hover{background:#4b5563}.credential-form-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credential-form{background:#1a1a1a;border-radius:12px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px;width:500px}.credential-form h3{color:#fff;font-size:20px;margin:0 0 25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;margin-bottom:5px}.form-group input,.form-group select{background:#2a2a2a;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.form-group select:disabled{background:#374151;color:#888;cursor:not-allowed}.checkbox-group{align-items:center}.checkbox-group label{align-items:center;cursor:pointer;display:flex;margin-bottom:0}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.submit-btn{background:#22c55e;color:#fff}.submit-btn:hover{background:#16a34a}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.credentials-list{min-height:200px}.loading,.no-credentials{align-items:center;color:#888;display:flex;font-size:16px;height:200px;justify-content:center}.credentials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.credential-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px;transition:all .2s}.credential-card:hover{border-color:#444;box-shadow:0 4px 12px #0000004d}.credential-card.active{background:linear-gradient(145deg,#1a1a1a,#1f2937);border-color:#22c55e}.credential-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.credential-header h3{color:#fff;font-size:18px;margin:0}.credential-status{display:flex;gap:8px}.status-badge{border-radius:4px;font-size:12px;padding:4px 8px}.status-badge.active{background:#22c55e;color:#fff}.status-badge.inactive{background:#6b7280;color:#fff}.status-badge.testnet{background:#f59e0b;color:#000}.credential-details{margin-bottom:20px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.detail-row .label{color:#888;font-size:13px}.detail-row .value{color:#fff;font-family:monospace;font-size:13px}.credential-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}.action-btn.activate{background:#22c55e;color:#fff}.action-btn.activate:hover{background:#16a34a}.action-btn.test{background:#3b82f6;color:#fff}.action-btn.test:hover{background:#2563eb}.action-btn.edit{background:#f59e0b;color:#000}.action-btn.edit:hover{background:#d97706}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover{background:#b91c1c}@media (max-width:768px){.api-credentials-page{padding:15px}.credentials-grid{grid-template-columns:1fr}.credential-form{margin:20px;max-width:none;padding:20px;width:100%}.credentials-controls{flex-direction:column;gap:10px}.credential-actions{justify-content:center}}.credential-form::-webkit-scrollbar{width:6px}.credential-form::-webkit-scrollbar-track{background:#1a1a1a}.credential-form::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.credential-form::-webkit-scrollbar-thumb:hover{background:#555}:root{--primary-color:#667eea;--primary-hover:#5a6fd8;--primary-light:#667eea1a;--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--bg-accent:#fafafa;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--border-light:#e0e0e0;--border-medium:#ddd;--border-dark:#ccc;--success-color:#4caf50;--success-bg:#e8f5e8;--warning-color:#ff9800;--warning-bg:#fff3e0;--error-color:#f44336;--error-bg:#ffebee;--info-color:#2196f3;--info-bg:#e3f2fd;--shadow-light:0 2px 4px #0000000d;--shadow-medium:0 2px 8px #0000001a;--shadow-heavy:0 10px 30px #0003;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:50%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-medium);color:#fff;color:var(--text-inverse);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px;min-width:0;padding:1rem 2rem}.header-left{flex:1 1;gap:1rem;min-width:0}.menu-toggle-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;line-height:1;padding:.5rem;transition:all .2s}.menu-toggle-btn:hover{background:#fff3}.hamburger-icon{display:block;height:24px;line-height:24px;text-align:center;width:24px}.header h1{font-size:1.5rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{flex-shrink:0;gap:1rem}.user-menu{gap:1rem}.user-info,.user-menu{align-items:center;display:flex}.user-info{gap:.5rem}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{font-size:.9rem;font-weight:500}.google-login-btn,.login-btn,.logout-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.google-login-btn:hover,.login-btn:hover,.logout-btn:hover{background:#fff3}.navigation{background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-light);max-height:500px;overflow:hidden;position:-webkit-sticky;position:sticky;top:73px;transition:all .3s ease;z-index:99}.navigation.closed{border-bottom:none;box-shadow:none;max-height:0}.nav-items{display:flex;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-item{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s}.nav-item:hover{background-color:#f8f9fa;background-color:var(--bg-tertiary);color:#333;color:var(--text-primary)}.nav-item.active{border-bottom-color:#667eea;border-bottom-color:var(--primary-color);color:#667eea;color:var(--primary-color)}.nav-icon{font-size:1rem}.nav-label{font-weight:500}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-xl);width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h2{color:#333;color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.last-updated{color:#666;font-size:.9rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-grid .full-width{grid-column:1/-1}.card{background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-medium);padding:1.5rem;padding:var(--spacing-lg)}.card h3{color:#333;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.strategy-empty,.strategy-loading{align-items:center;background:linear-gradient(135deg,#667eea05,#764ba205);border:1px dashed #e0e0e0;border:1px dashed var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.strategy-empty p,.strategy-loading p{margin:.5rem 0}.strategy-empty .hint{color:#999;color:var(--text-tertiary);font-size:.875rem;margin-top:.5rem}.status-grid{display:flex;flex-direction:column;gap:.5rem}.status-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-label{color:#333;color:var(--text-primary);font-size:.9rem;font-weight:500}.status-time{color:#999;color:var(--text-tertiary);font-size:.8rem}.queue-info{display:flex;gap:.75rem;margin-top:.25rem}.queue-item{background:#fff;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:#666;color:var(--text-secondary);font-size:.75rem;padding:.15rem .4rem}.queue-item:hover{background:#f8f9fa;background:var(--bg-tertiary)}.status-indicator{font-size:1.2rem}.status-indicator.connected{color:#4caf50;color:var(--success-color)}.status-indicator.disconnected{color:#f44336;color:var(--error-color)}.pairs-list{display:flex;flex-direction:column;gap:.5rem}.pair-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.pair-item:last-child{border-bottom:none}.pair-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.pair-name-container{align-items:center;display:flex;gap:.5rem}.pair-symbol{color:#333;color:var(--text-primary);font-size:.95rem;font-weight:600}.pair-exchange-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.pair-details{display:flex;flex-direction:column;gap:.25rem}.pair-volume{color:#6b7280;font-size:.8rem;font-weight:500}.pair-price{color:#1f2937;font-size:.9rem;font-weight:600}.pair-status{border-radius:16px;box-shadow:0 1px 3px #0000001a;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase}.pair-status.running{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pair-status.paused{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pair-status.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.performance-metrics{display:flex;flex-direction:column;gap:1rem}.metric{align-items:center;display:flex;justify-content:space-between}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#666;font-size:.9rem}.metric-value{font-size:1rem;font-weight:600}.metric-value.positive{color:#4caf50}.metric-value.negative{color:#f44336}.metric-value.neutral{color:#333}.metric-change{font-size:.8rem;font-weight:500}.metric-change.positive{color:#4caf50}.metric-change.negative{color:#f44336}.alerts-list{display:flex;flex-direction:column;gap:.5rem}.alert-item{border-bottom:1px solid #f0f0f0;display:flex;gap:.75rem;padding:.5rem 0}.alert-item:last-child{border-bottom:none}.alert-time{color:#999;flex-shrink:0;font-size:.8rem;min-width:40px}.alert-message{color:#666;flex:1 1;font-size:.9rem}.bot-orderbook .orderbook-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.bot-orderbook .orderbook-header h3{margin:0}.orderbook-selector{display:flex;flex-wrap:wrap;gap:.5rem}.selector-btn{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.selector-btn:hover{background:#fff;background:var(--bg-secondary)}.selector-btn.active,.selector-btn:hover{border-color:#667eea;border-color:var(--primary-color)}.selector-btn.active{background:#667eea1a;background:var(--primary-light);color:#667eea;color:var(--primary-color);font-weight:600}.orderbook-mini{background:#f8f9fa;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:all .2s}.orderbook-mini:hover{background:#fff;background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.ask-orders,.bid-orders{margin:.5rem 0}.order-row{border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.9rem;justify-content:space-between;margin:.25rem 0;padding:.4rem .8rem}.order-row.ask{background:#f443361a;border-left:3px solid #f44336;border-left:3px solid var(--error-color)}.order-row.bid{background:#4caf501a;border-left:3px solid #4caf50;border-left:3px solid var(--success-color)}.order-row .order-price{color:#333;color:var(--text-primary);font-weight:600}.order-row.ask .order-price{color:#f44336;color:var(--error-color)}.order-row.bid .order-price{color:#4caf50;color:var(--success-color)}.order-row .order-quantity{color:#666;color:var(--text-secondary);font-size:.85rem}.current-price{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:6px;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);font-size:1rem;font-weight:700;margin:.75rem 0;padding:.75rem;text-align:center}.no-orders{color:#999;color:var(--text-tertiary);padding:1rem}.no-orders,.orderbook-footer{font-size:.85rem;text-align:center}.orderbook-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);color:#667eea;color:var(--primary-color);font-weight:500;margin-top:1rem;padding-top:.75rem}.add-button,.apply-btn,.primary,.save-btn{background:#667eea;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;padding:.75rem var(--spacing-lg);transition:all .2s}.add-button:hover,.apply-btn:hover,.primary:hover,.save-btn:hover{background:#5a6fd8;background:var(--primary-hover)}.reset-btn,.secondary{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;padding:.75rem var(--spacing-lg);transition:all .2s}.reset-btn:hover,.secondary:hover{background:#e8e8e8}.emergency-stop-btn{background:#f44336;background:var(--error-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;padding:.75rem var(--spacing-lg);transition:all .2s}.emergency-stop-btn:hover{background:#d32f2f}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #0003;box-shadow:var(--shadow-heavy);margin:2rem;margin:var(--spacing-xl);max-width:400px;padding:3rem;text-align:center;width:100%}.login-card h1{color:#333;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.login-card p{color:#666;color:var(--text-secondary);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.google-login-btn{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .2s;width:100%}.google-login-btn:hover{background:#3367d6}.pairs-table-container,.performance-table-container,.users-table-container{margin-top:1rem;overflow-x:auto}.pairs-table,.performance-table,.users-table{background:#fff;background:var(--bg-secondary);border-collapse:collapse;width:100%}.pairs-table td,.pairs-table th,.performance-table td,.performance-table th,.users-table td,.users-table th{border-bottom:1px solid #f0f0f0;padding:1rem;text-align:left}.pairs-table th,.performance-table th,.users-table th{background:#f8f9fa;background:var(--bg-tertiary);color:#333;color:var(--text-primary);font-size:.9rem;font-weight:600}.pairs-table td,.performance-table td,.users-table td{color:#666;color:var(--text-secondary);font-size:.9rem}.symbol-info{display:flex;flex-direction:column;gap:.25rem}.symbol{color:#333;color:var(--text-primary);font-weight:600}.assets{color:#999;color:var(--text-tertiary);font-size:.8rem}.exchange-badges{display:flex;flex-wrap:wrap;gap:.25rem}.exchange-badge{border-radius:4px;font-weight:500;padding:.125rem .375rem}.exchange-badge.active{background:#e8f5e8;background:var(--success-bg);color:#4caf50;color:var(--success-color)}.exchange-badge.inactive{background:#f8f9fa;background:var(--bg-tertiary);color:#999;color:var(--text-tertiary)}.action-buttons{display:flex;gap:.5rem}.edit-btn,.toggle-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.toggle-btn.start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.toggle-btn.start:hover:not(:disabled){box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.toggle-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.toggle-btn.stop:hover:not(:disabled){box-shadow:0 4px 8px #ef444466;transform:translateY(-1px)}.toggle-btn.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b4d;color:#fff}.toggle-btn.pause:hover:not(:disabled){box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.toggle-btn.resume{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.toggle-btn.resume:hover:not(:disabled){box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.sync-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:4px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.sync-btn:hover:not(:disabled){box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.sync-btn:disabled,.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.sync-btn.loading{background:linear-gradient(135deg,#94a3b8,#64748b)}.actions-dropdown{display:inline-block;position:relative}.dropdown-trigger{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1;padding:.375rem .75rem;transition:all .2s}.dropdown-trigger:hover{background:#f5f5f5;border-color:#d0d0d0}.dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{background:#0000;border:none;color:#333;cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover:not(:disabled){background:#f5f5f5}.dropdown-item:disabled{cursor:not-allowed;opacity:.6}.edit-btn{background:var(--info-color);color:var(--text-inverse)}.status-badge{font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.status-badge.running{background-color:#e8f5e8;background-color:var(--success-bg);color:#4caf50;color:var(--success-color)}.status-badge.paused{background-color:#fff3e0;background-color:var(--warning-bg);color:#ff9800;color:var(--warning-color)}.status-badge.error{background-color:#ffebee;background-color:var(--error-bg);color:#f44336;color:var(--error-color)}.modal-content{border-radius:8px;border-radius:var(--radius-lg);margin:2rem;margin:var(--spacing-xl);max-width:500px}.modal-content h3{color:#333;color:var(--text-primary);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.nav-overlay{display:none}@media (max-width:768px){.header-content{gap:.5rem;padding:.75rem 1rem}.header-left{gap:.5rem}.header h1{font-size:1rem}.header-right{gap:.5rem}.menu-toggle-btn{display:flex;flex-shrink:0}.user-name{display:none}.login-btn,.logout-btn{font-size:.85rem;padding:.4rem .75rem}.navigation{background:#fff;box-shadow:none;left:0;max-height:0;overflow:hidden;position:fixed;right:0;top:54px;transition:max-height .3s ease;z-index:98}.navigation.open{box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 54px);overflow-y:auto}.navigation.closed{box-shadow:none;max-height:0}.nav-overlay{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:54px;z-index:97}.nav-items{flex-direction:column;padding:0}.nav-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);font-size:.9rem;justify-content:flex-start;padding:1rem 1.5rem;width:100%}.nav-item:last-child{border-bottom:none}.nav-item.active{background:#f8f9fa;background:var(--bg-tertiary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);border-left:3px solid #667eea;border-left:3px solid var(--primary-color)}.main-content{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.header-content{padding:.5rem .75rem}.header h1{font-size:.85rem}.menu-toggle-btn{font-size:1.1rem;padding:.35rem}.hamburger-icon{height:18px;line-height:18px;width:18px}.login-btn,.logout-btn{font-size:.8rem;padding:.35rem .6rem}.user-avatar{height:28px;width:28px}.nav-overlay,.navigation{top:46px}}.lp-operations .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.lp-operations .header-left{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.lp-operations .header-left h2{margin:0}.header-stats{align-items:center;display:flex;gap:1.5rem}.header-stat-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;min-width:100px;padding:.5rem 1rem}.header-stat-item .stat-label{color:#666!important;font-size:.75rem;font-weight:500}.header-stat-item .stat-value{color:#333!important;font-size:1.25rem;font-weight:700}.operations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.global-control{display:flex;flex-direction:column;gap:1rem}.control-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.control-label{color:#333;font-weight:600}.control-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.control-btn.running{background:#4caf50;color:#fff}.control-btn.stopped{background:#f44336;color:#fff}.status-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1rem}.summary-item{background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center}.summary-label{color:#666;font-size:.8rem}.summary-value{color:#333;font-size:1.2rem;font-weight:600}.exchange-controls{display:flex;flex-direction:column;gap:1rem}.exchange-control{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;padding:1rem;transition:all .2s ease}.exchange-control:hover{background:#f0f0f0;border-color:#d0d0d0}.exchange-control.selected{background:#667eea1a;border:2px solid #667eea;border:2px solid var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.exchange-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.exchange-header{justify-content:space-between;margin-bottom:.5rem}.exchange-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-right{align-items:center;display:flex;gap:.75rem}.exchange-name{color:#333;font-weight:600}.exchange-stats{display:flex;gap:1rem}.stat{color:#666;font-size:.8rem}.balance-info{background-color:#f8f9fa;border-radius:4px;display:flex;gap:1rem;margin:0;padding:.1rem}.balance-item,.balance-title{color:#495057;font-size:.85rem;font-weight:500}.balance-refresh-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.7;padding:0 4px;transition:opacity .2s}.balance-refresh-btn:hover:not(:disabled){opacity:1}.balance-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.balance-item-detailed{align-items:center;display:inline-flex;font-size:.85rem;gap:4px;margin-right:12px}.balance-asset{color:#495057;font-weight:500}.balance-values{align-items:center;display:inline-flex}.balance-total{color:#212529;font-weight:600}.balance-separator{color:#adb5bd;margin:0 1px}.balance-available{color:#28a745}.balance-locked{color:#dc3545}.exchange-actions{align-items:center;display:flex;gap:1rem}.exchange-control-buttons{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.control-buttons-left{display:flex;gap:.5rem}.cmc-checkbox-label,.control-buttons-right{align-items:center;display:flex}.cmc-checkbox-label{border-radius:4px;color:#666;cursor:pointer;font-size:.85rem;gap:.4rem;padding:.25rem .5rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.cmc-checkbox-label:hover{background-color:#f5f5f5}.cmc-checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.cmc-checkbox-label .checkbox-text{font-weight:500;white-space:nowrap}.cmc-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.status-indicator.running{color:#10b981;filter:drop-shadow(0 0 4px rgba(16,185,129,.6))}.status-indicator.paused{color:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.6))}.status-indicator.stopped{color:#ef4444;filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}.parameter-controls{display:flex;flex-direction:column;gap:1.5rem}.parameter-group h4{color:#333;font-size:1rem;margin:0 0 .5rem}.parameter-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.parameter-row label{color:#666;font-size:.9rem}.parameter-row input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.375rem .75rem;width:120px}.parameter-actions{display:flex;gap:1rem;margin-top:1rem}.operation-logs{display:flex;flex-direction:column;gap:1rem}.clear-btn,.refresh-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.clear-btn:hover,.refresh-btn:hover{background:#f5f5f5}.log-list{max-height:300px;overflow-y:auto}.log-item{background:#fafafa;border-left:3px solid #0000;border-radius:0 4px 4px 0;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.log-item.success{border-left-color:#4caf50}.log-item.warning{border-left-color:#ff9800}.log-item.error{border-left-color:#f44336}.log-time{color:#999;flex-shrink:0;font-size:.8rem;min-width:60px}.log-header-info{display:flex;gap:.5rem;margin-bottom:.25rem}.log-action,.log-exchange,.log-pair{background:#e0e0e0;font-size:.8rem;padding:.125rem .375rem}.log-details{color:#666;font-size:.8rem}.log-status{align-items:center;display:flex;font-size:1rem}.log-status.success{color:#4caf50}.log-status.warning{color:#ff9800}.log-status.error{color:#f44336}.performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.summary-card{grid-column:1/-1}.summary-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.date-filter{align-items:center;display:flex;gap:.5rem}.date-filter input{border:1px solid #ddd;border-radius:4px;padding:.5rem}.filter-btn{background:#667eea;border:none;border-radius:4px;color:#fff;transition:all .2s}.filter-btn:hover{background:#5a6fd8}.chart-info,.volume-analysis{display:flex;flex-direction:column;gap:1rem}.chart-legend{display:flex;gap:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.bot{background:#2196f3}.legend-color.user{background:#4caf50}.chart-placeholder{background:#f8f9fa;border-radius:6px;color:#666;font-size:1.2rem;padding:3rem;text-align:center}.bot-volume{color:#2196f3!important;font-weight:600}.user-volume{color:#4caf50!important}.profit,.user-volume{font-weight:600}.balance-overview{display:flex;flex-direction:column;gap:1.5rem}.exchange-balance h4{border-bottom:1px solid #e0e0e0;color:#333;margin:0 0 1rem;padding-bottom:.5rem}.balance-list{display:flex;flex-direction:column;gap:.75rem}.balance-item,.balance-title{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.asset-info{display:flex;flex-direction:column;gap:.25rem}.asset-symbol{color:#333;font-weight:600}.total-balance{color:#666;font-size:.9rem}.balance-details{display:flex;flex-direction:column;gap:.25rem;text-align:right}.available,.locked{color:#999;font-size:.8rem}.exchange-comparison{display:flex;flex-direction:column;gap:1rem}.comparison-chart-placeholder{background:#f8f9fa;border-radius:6px;color:#666;font-size:1.2rem;padding:3rem;text-align:center}.comparison-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{flex-direction:column;gap:.25rem;text-align:center}.stat-label{color:#666;font-size:.8rem}.stat-value{color:#333;font-weight:600}.alerts-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.alerts-main{display:flex;flex-direction:column;gap:1rem}.alerts-controls{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem}.filters{display:flex;gap:1rem}.filters select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.actions{display:flex;gap:.5rem}.ack-all-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.ack-all-btn:hover{background:#45a049}.clear-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.clear-btn:hover{background:#da190b}.alert-stats{display:flex;gap:1rem}.alert-stats .stat{color:#666;font-size:.9rem}.alert-item.warning{border-left:4px solid #ff9800}.alert-item.error{border-left:4px solid #f44336}.alert-item.success{border-left:4px solid #4caf50}.alert-item.info{border-left:4px solid #2196f3}.alert-item.acknowledged{opacity:.6}.alert-item.unacknowledged{background:#fefefe}.alert-icon{font-size:1.2rem;margin-right:.5rem}.alert-content{flex:1 1}.alert-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.alert-title{color:#333;font-size:1rem;margin:0}.alert-meta{display:flex;font-size:.8rem;gap:.5rem}.alert-category,.alert-severity,.alert-timestamp{color:#999}.alert-details{display:flex;gap:1rem;margin-top:.5rem}.alert-details .detail{color:#666;font-size:.8rem}.alert-actions{align-items:center;display:flex}.ack-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.375rem .75rem;transition:all .2s}.ack-btn:hover{background:#1976d2}.no-alerts{color:#666;padding:3rem;text-align:center}.alerts-settings{display:flex;flex-direction:column}.setting-group{margin-bottom:1.5rem}.setting-group h4{border-bottom:1px solid #e0e0e0;color:#333;font-size:1rem;margin:0 0 .75rem;padding-bottom:.5rem}.setting-item{margin-bottom:.75rem}.setting-item label{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.setting-item input[type=checkbox]{margin:0}.setting-item input[type=number]{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.375rem;width:100px}.settings-actions{display:flex;gap:1rem;margin-top:1rem}.test-btn{background:#ff9800;transition:all .2s}.test-btn:hover{background:#f57c00}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.nav-tab{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:1rem;text-align:left;transition:all .2s}.nav-tab:hover{background:#f8f9fa}.nav-tab.active{background:#667eea;border-color:#667eea;color:#fff}.tab-icon{font-size:1.1rem}.tab-label{font-weight:500}.settings-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.exchange-configs{display:flex;flex-direction:column;gap:1.5rem}.exchange-config{border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.config-header h4{color:#333;margin:0}.config-status label{align-items:center;color:#666;display:flex;gap:.5rem}.config-fields{gap:1rem}.config-fields,.field-group{display:flex;flex-direction:column}.field-group{gap:.5rem}.field-group label{color:#333;font-size:.9rem;font-weight:500}.api-key-field{display:flex;gap:.5rem}.api-key-field input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:monospace;padding:.75rem}.edit-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.75rem 1rem}.config-actions{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.test-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem}.test-btn:disabled{background:#ccc;cursor:not-allowed}.connection-status.success{color:#4caf50;font-size:.9rem;font-weight:500}.connection-status.error{color:#f44336;font-size:.9rem;font-weight:500}.config-save{border-top:1px solid #e0e0e0;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.system-settings{display:flex;flex-direction:column;gap:2rem}.setting-section{border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.setting-section h4{border-bottom:1px solid #e0e0e0;color:#333;margin:0 0 1rem;padding-bottom:.5rem}.setting-section .setting-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.setting-section .setting-item:last-child{margin-bottom:0}.setting-section label{color:#666;font-size:.9rem}.setting-section input,.setting-section select{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:200px}.settings-save{border-top:1px solid #e0e0e0;display:flex;justify-content:center;padding-top:2rem}.users-management{display:flex;flex-direction:column;gap:1rem}.users-header{display:flex;justify-content:flex-end}.add-user-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem}.role-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.role-badge.admin{background:#e3f2fd;color:#1976d2}.role-badge.trader{background:#f3e5f5;color:#7b1fa2}.pair-status.active,.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pair-status.inactive,.status-badge.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.user-actions{display:flex;gap:.5rem}.edit-user-btn{background:#2196f3}.deactivate-user-btn,.edit-user-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.375rem .75rem}.deactivate-user-btn{background:#f44336}.backup-management{display:flex;flex-direction:column;gap:2rem}.backup-section{border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.backup-section h4{color:#333;margin:0 0 .5rem}.backup-section p{color:#666;margin-bottom:1rem}.backup-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem}.restore-controls{align-items:center;display:flex;gap:1rem}.restore-btn{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem}.backup-history{display:flex;flex-direction:column;gap:.5rem}.backup-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;padding:1rem}.backup-date{color:#333;font-weight:500}.backup-size{color:#666;font-size:.9rem}.backup-actions{display:flex;gap:.5rem}.download-btn{background:#2196f3}.delete-btn,.download-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.375rem .75rem}.delete-btn{background:#f44336}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.modal-close:hover{color:#666}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-section{margin-bottom:1.5rem}.form-section-title{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);color:#333;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group label{color:#333;color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input[type=number],.form-group input[type=text]{background:#fff;background:var(--bg-secondary);border:1px solid #ddd;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--radius-md);color:#333;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .2s}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group input.error{border-color:#f44336;border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.checkbox-group{margin-bottom:1rem}.checkbox-group label{color:#333;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.checkbox-options{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-item input[type=checkbox]{accent-color:#667eea;accent-color:var(--primary-color);height:16px;margin:0;width:16px}.checkbox-item label{color:#666;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:400;margin:0}.error-message{color:#f44336;color:var(--error-color);font-size:.8rem;font-weight:500;margin-top:.25rem}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.modal-actions .save-btn{background:#667eea;background:var(--primary-color);color:#fff;color:var(--text-inverse)}.modal-actions .save-btn:hover{background:#5a6fd8;background:var(--primary-hover)}.modal-actions .save-btn:disabled{background:#ccc;background:var(--border-dark);cursor:not-allowed}.modal-actions .cancel-btn{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-light);color:#666;color:var(--text-secondary)}.modal-actions .cancel-btn:hover{background:#e8e8e8}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{padding:2rem;padding:var(--spacing-xl)}.modal-content{background:#fff;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #0003;box-shadow:var(--shadow-heavy);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.form-group.has-error input{border-color:#f44336;border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.form-group.has-error label{color:#f44336;color:var(--error-color)}.save-btn.loading{cursor:not-allowed;opacity:.7}.save-btn.loading:after{animation:dots 1s linear infinite;content:"..."}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width:768px){.modal-overlay{padding:1rem;padding:var(--spacing-md)}.modal-content{max-height:95vh;padding:1.5rem;padding:var(--spacing-lg)}.form-row{gap:0;grid-template-columns:1fr}.checkbox-options,.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}}@media (max-width:480px){.modal-header h3{font-size:1.1rem}.form-group input[type=number],.form-group input[type=text]{font-size:.85rem;padding:.625rem}.checkbox-item{background:#f8f9fa;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);padding:.5rem;padding:var(--spacing-sm)}}@media (max-width:768px){.alerts-layout,.settings-container{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}.nav-tab{min-width:150px}}.logs-statistics{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.stats-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card.primary-card{background:linear-gradient(135deg,#667eea 0,var(--primary-dark) 100%);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff}.stat-card.primary-card .card-title{color:#ffffffe6}.stat-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-icon{font-size:var(--font-lg)}.stat-value{font-size:var(--font-xl);font-weight:700;line-height:1}.stat-value.primary{color:#667eea;color:var(--primary-color)}.stat-value.danger{color:#f44336;color:var(--error-color)}.stat-value.warning{color:#ff9800;color:var(--warning-color)}.stat-value.info{color:#2196f3;color:var(--info-color)}.stat-value.secondary{color:#666;color:var(--text-secondary)}.stat-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.stat-item{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm);transition:background-color .2s ease}.stat-item:hover{background:#f8f9fa;background:var(--bg-tertiary)}.stat-label{align-items:center;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-sm)}.stat-indicator{border-radius:50%;height:8px;width:8px}.stat-indicator.red{background:#f44336;background:var(--error-color)}.stat-indicator.yellow{background:#ff9800;background:var(--warning-color)}.stat-indicator.blue{background:#2196f3;background:var(--info-color)}.stat-indicator.gray{background:#666;background:var(--text-secondary)}.stat-indicator.green{background:#4caf50;background:var(--success-color)}.stat-indicator.purple{background:#8b5cf6}.stat-values{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.stat-count{color:#333;color:var(--text-primary);font-weight:600}.stat-percentage{color:#666;color:var(--text-secondary);font-size:.75rem}.grid-2-col{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.activity-item{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm);transition:background-color .2s ease}.activity-item:hover{background:#f8f9fa;background:var(--bg-tertiary)}.activity-name{color:#333;color:var(--text-primary);font-weight:500}.activity-count{color:#666;color:var(--text-secondary);font-weight:600}.recent-activity-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.activity-entry{align-items:flex-start;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm);transition:background-color .2s ease}.activity-entry:hover{background:#f8f9fa;background:var(--bg-tertiary)}.activity-entry:last-child{border-bottom:none}.activity-badges{align-items:center;display:flex;flex:1 1;gap:.5rem;gap:var(--spacing-sm)}.activity-message{color:#333;color:var(--text-primary);font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{background:#f8f9fa;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);padding:2px .25rem;padding:2px var(--spacing-xs)}.activity-meta,.activity-time{color:#666;color:var(--text-secondary);font-size:.75rem}.activity-time{white-space:nowrap}.controls-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.log-viewer{display:flex;flex-direction:column;height:100%}.log-header-content{align-items:center;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md)}.connection-status{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.status-indicator{border-radius:50%;font-size:1rem;height:2rem;width:1rem}.status-indicator.connected{background:#4caf50;background:var(--success-color)}.status-indicator.disconnected{background:#f44336;background:var(--error-color)}.status-text{color:#666;color:var(--text-secondary);font-size:.875rem}.log-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.log-filters{background:#f8f9fa;background:var(--bg-tertiary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--spacing-md)}.filters-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-label{color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm)}.checkbox-label{font-size:.875rem}.log-content{background:#fff;background:var(--bg-secondary);overflow-y:auto}.log-entry{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--spacing-md);transition:background-color .2s ease}.log-entry:hover{background:#f8f9fa;background:var(--bg-tertiary)}.log-entry.latest{background:#667eea1a;background:var(--primary-light)}.log-header{justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.log-badges,.log-header{align-items:center;display:flex}.log-badges{gap:.5rem;gap:var(--spacing-sm)}.category-badge,.level-badge,.meta-badge{border-radius:4px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:2px .25rem;padding:2px var(--spacing-xs)}.meta-badge{background:#f8f9fa;background:var(--bg-tertiary)}.log-timestamp,.meta-badge{color:#666;color:var(--text-secondary)}.log-timestamp{font-size:.75rem}.log-message{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.log-detail{border-radius:6px;border-radius:var(--radius-md);font-size:.75rem;line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:.5rem;padding:var(--spacing-sm)}.order-detail{background:#e8f5e8;background:var(--success-bg);border-left:3px solid #4caf50;border-left:3px solid var(--success-color);color:#4caf50;color:var(--success-color)}.strategy-detail{background:#f3f4f6;border-left:3px solid #8b5cf6;color:#8b5cf6}.error-detail{background:#ffebee;background:var(--error-bg);border-left:3px solid #f44336;border-left:3px solid var(--error-color);color:#f44336;color:var(--error-color)}.log-duration{color:#666;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.log-footer{align-items:center;background:#f8f9fa;background:var(--bg-tertiary);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.footer-info{color:#666;color:var(--text-secondary);font-size:.875rem}.empty-state,.error-state,.loading-state{align-items:center;display:flex;height:200px;justify-content:center}.loading-text{color:#666;color:var(--text-secondary)}.error-text{color:#f44336;color:var(--error-color)}.empty-text{color:#666;color:var(--text-secondary)}.badge.level-danger,.badge.level-red{background:#ffebee;background:var(--error-bg);color:#f44336;color:var(--error-color)}.badge.level-warning,.badge.level-yellow{background:#fff3e0;background:var(--warning-bg);color:#ff9800;color:var(--warning-color)}.badge.level-blue,.badge.level-info{background:#e3f2fd;background:var(--info-bg);color:#2196f3;color:var(--info-color)}.badge.level-gray,.badge.level-secondary{background:#f8f9fa;background:var(--bg-tertiary);color:#666;color:var(--text-secondary)}.badge.category-green,.badge.category-success{background:#e8f5e8;background:var(--success-bg);color:#4caf50;color:var(--success-color)}.badge.category-purple{background:#f3f4f6;color:#8b5cf6}.active-orders{padding:1rem;padding:var(--spacing-md)}.orders-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.order-count{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600}.refresh-orders-btn{background:#667eea;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.refresh-orders-btn:hover{background:#5a6fd8;background:var(--primary-hover)}.empty-orders{color:#666;color:var(--text-secondary);font-style:italic;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.orders-table{background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-light);overflow:hidden}.orders-table .table-header{grid-gap:.5rem;grid-gap:var(--spacing-sm);background:#f8f9fa;background:var(--bg-tertiary);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-light);color:#333;color:var(--text-primary);display:grid;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr 80px 100px 100px 80px 100px 80px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.orders-table .table-body{background:#fff;background:var(--bg-secondary);max-height:400px;overflow-y:auto}.orders-table .table-row{grid-gap:.5rem;grid-gap:var(--spacing-sm);align-items:center;background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr 80px 100px 100px 80px 100px 80px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.orders-table .table-row:hover{background:#f8f9fa;background:var(--bg-tertiary)}.orders-table .table-row:last-child{border-bottom:none}.symbol-name{color:#1f2937;font-size:.9rem;font-weight:700;letter-spacing:.3px}.exchange-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;font-weight:600;letter-spacing:.3px;padding:4px 10px}.exchange-badge,.side-badge{display:inline-block;font-size:.75rem;text-transform:uppercase}.side-badge{border-radius:14px;box-shadow:0 2px 4px #00000026;font-weight:700;letter-spacing:.5px;min-width:50px;padding:5px 12px;text-align:center}.side-badge.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.side-badge.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.fill-progress{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.fill-bar{background:#f8f9fa;background:var(--bg-tertiary);border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.fill-progress-bar{background:linear-gradient(90deg,#10b981,#f59e0b 50%,#ef4444);box-shadow:0 0 8px #10b98180;height:100%;transition:width .3s ease}.fill-text{color:#666;color:var(--text-secondary);font-size:.75rem;font-weight:500;min-width:35px;text-align:right}.status-badge{border-radius:12px;box-shadow:0 1px 3px #0000001a;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-align:center;text-transform:uppercase}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.placed{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.status-badge.partially_filled{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.filled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.active-orders-section,.logs-section{grid-column:1/-1}.recent-operation-logs{padding:1rem;padding:var(--spacing-md)}.logs-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.logs-info{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600}.refresh-logs-btn{background:#667eea;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.refresh-logs-btn:hover{background:#5a6fd8;background:var(--primary-hover)}.empty-logs{color:#666;color:var(--text-secondary);font-style:italic;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.logs-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.logs-list .log-entry{align-items:flex-start;background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);transition:all .2s ease}.logs-list .log-entry:hover{background:#f8f9fa;background:var(--bg-tertiary);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-light)}.logs-list .log-entry.success{border-left:4px solid #4caf50;border-left:4px solid var(--success-color)}.logs-list .log-entry.warning{border-left:4px solid #ff9800;border-left:4px solid var(--warning-color)}.logs-list .log-entry.error{border-left:4px solid #f44336;border-left:4px solid var(--error-color)}.log-time{color:#666;color:var(--text-secondary);font-size:.75rem;min-width:140px;white-space:nowrap}.log-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.log-meta{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.log-action,.log-exchange,.log-pair{border-radius:4px;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:2px .25rem;padding:2px var(--spacing-xs)}.log-exchange{background:#e3f2fd;background:var(--info-bg);color:#2196f3;color:var(--info-color)}.log-pair{background:#f8f9fa;background:var(--bg-tertiary);color:#666;color:var(--text-secondary)}.log-action{background:#667eea1a;background:var(--primary-light);color:#667eea;color:var(--primary-color)}.log-message{color:#333;color:var(--text-primary);font-size:.875rem;line-height:1.4}.log-status-icon{align-items:center;border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.log-status-icon.success{background:#e8f5e8;background:var(--success-bg);color:#4caf50;color:var(--success-color)}.log-status-icon.warning{background:#fff3e0;background:var(--warning-bg);color:#ff9800;color:var(--warning-color)}.log-status-icon.error{background:#ffebee;background:var(--error-bg);color:#f44336;color:var(--error-color)}.operations-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.operations-grid .card{height:-webkit-fit-content;height:fit-content}@media (min-width:1400px){.operations-grid{grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:1400px}}@media (max-width:1200px){.orders-table .table-header,.orders-table .table-row{font-size:.8rem;grid-template-columns:1fr 1fr 60px 80px 80px 60px 80px 60px}}@media (max-width:768px){.orders-table .table-header,.orders-table .table-row{font-size:.75rem;grid-template-columns:1fr 60px 60px 80px 60px}.col-exchange,.col-quantity,.col-time{display:none}.operations-grid{grid-template-columns:1fr}}.toggle-btn.loading{cursor:not-allowed;opacity:.7;position:relative}.toggle-btn.loading:hover{background:#f8f9fa!important;background:var(--bg-tertiary)!important;color:#666!important;color:var(--text-secondary)!important}.toggle-btn.loading:after{animation:spin 1s ease infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;margin:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.volume-bot-list{display:flex;flex-direction:column;gap:16px}.volume-bot-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.vb-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.vb-symbol{color:#2c3e50;font-size:16px;font-weight:600}.vb-exchange-badge{background-color:#3498db;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.vb-metrics{gap:12px}.vb-metric,.vb-metrics{display:flex;flex-direction:column}.vb-metric{gap:6px}.vb-label{color:#7f8c8d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.vb-progress-container{display:flex;flex-direction:column;gap:4px}.vb-progress-bar{background-color:#ecf0f1;border-radius:4px;height:8px;overflow:hidden}.vb-progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);height:100%;transition:width .3s ease}.vb-value{color:#2c3e50;font-size:14px;font-weight:500}.vb-percent{color:#7f8c8d;font-size:12px}.vb-metric-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:8px}.vb-metric-small{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px}.vb-metric-small .vb-label{font-size:11px}.vb-metric-small .vb-value{font-size:16px;font-weight:600}.vb-skew-good{color:#27ae60}.vb-skew-warning{color:#f39c12}.vb-skew-danger{color:#e74c3c}.vb-skew-neutral{color:#95a5a6}@media (max-width:768px){.vb-metric-row{grid-template-columns:1fr}.vb-header{align-items:flex-start;flex-direction:column}}.view-orders-btn{background:#2196f3;background:var(--info-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.view-orders-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.view-orders-btn:disabled{cursor:not-allowed;opacity:.5}.orders-modal{max-width:90vw;width:1200px}.orders-modal .modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.orders-summary{align-items:center;background:#f8f9fa;background:var(--bg-tertiary);border-left:4px solid #2196f3;border-left:4px solid var(--info-color);border-radius:6px;border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.orders-summary p{color:#666;color:var(--text-secondary);font-size:.95rem;margin:0}.orders-summary strong{color:#2196f3;color:var(--info-color);font-weight:600}.orders-summary .selected-count{color:#667eea;color:var(--primary-color)}.loading-orders,.no-orders{color:#666;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.loading-orders p,.no-orders p{font-size:1rem;margin:0}.orders-table-wrapper{border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);overflow-x:auto}.orders-table{border-collapse:collapse;font-size:.9rem;width:100%}.orders-table thead{background:#f8f9fa;background:var(--bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.orders-table th{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-medium);color:#333;color:var(--text-primary);font-size:.85rem;font-weight:600;padding:.875rem .75rem;text-align:left;white-space:nowrap}.orders-table th:first-child{text-align:center;width:40px}.orders-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);transition:background-color .15s ease}.orders-table tbody tr:hover{background:#f8f9fa;background:var(--bg-tertiary)}.orders-table td{color:#333;color:var(--text-primary);padding:.875rem .75rem;vertical-align:middle}.orders-table td:first-child{text-align:center}.order-checkbox{accent-color:#667eea;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.order-id{color:#666;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.85rem}.order-side{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .625rem;text-transform:uppercase}.order-side.buy{background:#e8f5e8;background:var(--success-bg);color:#4caf50;color:var(--success-color)}.order-side.sell{background:#ffebee;background:var(--error-bg);color:#f44336;color:var(--error-color)}.order-price,.order-quantity,.order-remaining{font-family:Courier New,monospace;font-weight:500;text-align:right}.order-price{color:#333;color:var(--text-primary)}.order-filled-percent{min-width:120px}.filled-bar-container{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.filled-bar{background:linear-gradient(90deg,#4caf50,#66bb6a);background:linear-gradient(90deg,var(--success-color),#66bb6a);height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.filled-text{color:#333;color:var(--text-primary);font-size:.75rem;font-weight:600;left:50%;position:absolute;text-shadow:0 0 3px #fffc;top:50%;transform:translate(-50%,-50%);z-index:1}.order-created{color:#666;color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.modal-actions .danger-btn{background:#f44336;background:var(--error-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.modal-actions .danger-btn:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.modal-actions .danger-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.orders-modal{width:95vw}.orders-table{font-size:.85rem}.orders-table td,.orders-table th{padding:.625rem .5rem}}@media (max-width:768px){.orders-modal .modal-body{padding:1rem}.orders-table{font-size:.8rem}.orders-table td,.orders-table th{padding:.5rem .375rem}.order-filled-percent{min-width:80px}.filled-bar-container{height:20px}.filled-text{font-size:.7rem}.view-orders-btn{font-size:.8rem;padding:.4rem .8rem}}.manual-order-modal{max-height:90vh;max-width:450px;overflow-y:auto;width:90vw}.manual-order-modal .modal-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.manual-order-modal .modal-header h3{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.manual-order-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.manual-order-form .form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.manual-order-form .form-group label{color:#333;color:var(--text-primary);font-size:.875rem;font-weight:600}.manual-order-form .side-selector{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.manual-order-form .side-btn{background:#fff;background:var(--bg-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease}.manual-order-form .side-btn:hover{border-color:#667eea;border-color:var(--primary-color);color:#333;color:var(--text-primary)}.manual-order-form .side-btn.buy.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.manual-order-form .side-btn.sell.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff}.manual-order-form .form-input{background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#333;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.manual-order-form .form-input:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.manual-order-form .form-input::placeholder{color:#666;color:var(--text-secondary)}.manual-order-form .order-summary{background:#f8f9fa;background:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.manual-order-form .summary-row{align-items:center;display:flex;justify-content:space-between}.manual-order-form .summary-label{color:#666;color:var(--text-secondary);font-size:.875rem;font-weight:500}.manual-order-form .summary-value{color:#333;color:var(--text-primary);font-size:1.125rem;font-weight:700}.manual-order-form .order-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}.manual-order-form .order-notice p{color:#92400e;font-size:.8rem;line-height:1.5;margin:0}.manual-order-form .order-notice p:first-child{font-weight:600;margin-bottom:.25rem}.manual-order-modal .modal-actions{background:#f8f9fa;background:var(--bg-tertiary);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;padding:1rem 1.25rem}.manual-order-modal .cancel-btn{background:#fff;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.manual-order-modal .cancel-btn:hover{background:#f8f9fa;background:var(--bg-tertiary);color:#333;color:var(--text-primary)}.manual-order-modal .submit-btn{border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.manual-order-modal .submit-btn.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.manual-order-modal .submit-btn.buy:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.manual-order-modal .submit-btn.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.manual-order-modal .submit-btn.sell:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.manual-order-modal .submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.manual-order-form .price-input-wrapper{align-items:center;display:flex;gap:.5rem}.manual-order-form .price-input-wrapper .form-input{flex:1 1}.manual-order-form .best-price-btn{border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.manual-order-form .best-price-btn.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.manual-order-form .best-price-btn.buy:hover:not(:disabled){box-shadow:0 2px 8px #10b98166;transform:translateY(-1px)}.manual-order-form .best-price-btn.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.manual-order-form .best-price-btn.sell:hover:not(:disabled){box-shadow:0 2px 8px #ef444466;transform:translateY(-1px)}.manual-order-form .best-price-btn:disabled{background:#fff;background:var(--bg-secondary);box-shadow:none;color:#666;color:var(--text-secondary);cursor:not-allowed;transform:none}.manual-order-form .orderbook-info{color:#666;color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem}@media (max-width:480px){.manual-order-modal{max-width:none;width:95vw}.manual-order-form .side-btn{font-size:.875rem;padding:.75rem .5rem}.manual-order-form .form-input{font-size:.875rem;padding:.75rem}.manual-order-modal .modal-actions{flex-direction:column}.manual-order-modal .modal-actions button{width:100%}}.history-modal{max-width:95vw;width:1000px}.history-modal .modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.history-filters{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.status-filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#fff;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);color:#666;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{background:#f8f9fa;background:var(--bg-tertiary)}.filter-btn.active,.filter-btn:hover{border-color:#667eea;border-color:var(--primary-color)}.filter-btn.active{background:#667eea;background:var(--primary-color);color:#fff}.filter-btn.filled.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.filter-btn.cancelled.active{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280}.filter-btn.partial.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.history-filters .total-count{color:#666;color:var(--text-secondary);font-size:.9rem}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);padding:.75rem .5rem;text-align:left}.history-table th{color:#666;color:var(--text-secondary);font-size:.85rem;font-weight:600}.history-table tbody tr:hover,.history-table th{background:#f8f9fa;background:var(--bg-tertiary)}.history-status.filled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.history-status.cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.history-status.partial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.history-status.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.history-status.default{background:#f8f9fa;background:var(--bg-tertiary);color:#666;color:var(--text-secondary)}.bot-order{font-size:1rem;text-align:center}.no-orders .hint{color:var(--text-muted);font-size:.85rem;margin-top:.5rem}@media (max-width:768px){.history-modal{max-width:none;width:98vw}.history-filters{align-items:flex-start;flex-direction:column;gap:.75rem}.status-filter-buttons{flex-wrap:wrap}.filter-btn{padding:.4rem .75rem}.filter-btn,.history-table{font-size:.8rem}.history-table td,.history-table th{padding:.5rem .375rem}}