:root{--bg: #0e1116;--panel: #11151c;--border: #1f2a37;--border-strong: #2b3a4a;--accent: #22c55e;--text: #e5e7eb;--subtext: #94a3b8;--danger: #ef4444;--btn: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}.app{padding:8px}.header{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1526,#0e1b2e);color:#fff;border-radius:10px;height:58px;position:relative;box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #3b82f626}.header .config{position:absolute;right:10px;display:flex;gap:8px}.badges{margin:12px 0;display:flex;gap:24px;align-items:center}.badge{color:#c4c4c4}.badge .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin:0 6px}.dot.on{background:#17c964}.dot.off{background:#a00}.section{position:relative;border:1px solid var(--border-strong);background:var(--panel);border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 8px 24px #00000040}.section:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-top-left-radius:12px;border-top-right-radius:12px;background:linear-gradient(90deg,#2b2b2b,var(--accent) 35%,#2b2b2b);opacity:.8}.row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.row label{display:flex;flex-direction:column;gap:6px;min-width:180px}.row.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end}.row.form-grid>label{grid-column:span 3}@media (max-width: 1280px){.row.form-grid>label{grid-column:span 4}}@media (max-width: 960px){.row.form-grid>label{grid-column:span 6}}@media (max-width: 640px){.row.form-grid>label{grid-column:span 12}}.param-group{position:relative;grid-column:span 6;border:1px solid var(--border-strong);border-radius:10px;padding:12px 12px 10px;background:#0f141b}.param-group:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-top-left-radius:10px;border-top-right-radius:10px;background:linear-gradient(90deg,#2b2b2b,var(--accent) 35%,#2b2b2b);opacity:.7}.param-group-title{font-weight:700;color:#fff;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed var(--border-strong)}.param-group .group-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.param-group .group-grid>label{grid-column:span 2;min-width:0}.emph{color:#fff;font-weight:700}.emph .input,.emph select{border-color:#17c964;box-shadow:0 0 0 1px #17c96440}.deemph{opacity:.85}@media (max-width: 1280px){.param-group{grid-column:span 6}.param-group .group-grid>label{grid-column:span 3}}@media (max-width: 960px){.param-group{grid-column:span 12}.param-group .group-grid{grid-template-columns:repeat(6,1fr)}.param-group .group-grid>label{grid-column:span 3}}@media (max-width: 640px){.param-group{grid-column:span 12}.param-group .group-grid{grid-template-columns:repeat(4,1fr)}.param-group .group-grid>label{grid-column:span 4}}.row.form-grid label{min-width:0}.input,select,button,textarea{background:#0f141b;color:var(--text);border:1px solid #2b3a4a;border-radius:8px;padding:10px 12px}.input:focus,select:focus,textarea:focus{outline:2px solid rgba(59,130,246,.6);border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}button{background:linear-gradient(180deg,#1f2937,#111827);cursor:pointer;border:1px solid #2b3a4a;color:var(--text)}button:hover{filter:brightness(1.06)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.grid label{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0f141b;display:flex;align-items:center;gap:10px;transition:all .15s ease-in-out}.grid label:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #00000040}.grid label.active{border-color:var(--accent);box-shadow:0 4px 12px #39ff1426,inset 0 0 0 1px #39ff1459}.grid label span{font-weight:600;letter-spacing:.2px}.grid input[type=radio]{accent-color:var(--accent)}.left-right{display:grid;grid-template-columns:300px 1fr;gap:12px}.panel-title{font-weight:700;margin-bottom:6px;letter-spacing:.3px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border-strong)}.apply-button{font-size:14px!important;padding:10px 24px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-weight:600!important;box-shadow:0 2px 8px #6366f140!important;transition:all .2s ease!important;text-transform:none!important;letter-spacing:.5px!important;position:relative!important;overflow:hidden!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.apply-button:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #6366f159!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important}.apply-button:active{transform:translateY(0)!important;box-shadow:0 2px 6px #6366f140!important}.apply-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .3s}.apply-button:hover:before{left:100%}.order-amount-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:120px}.amount-label{font-size:12px;color:#bbb;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:18px;font-weight:700;color:#17c964;font-family:Courier New,monospace}.reset-button{font-size:11px;padding:6px 12px;background:linear-gradient(135deg,#e55353,#f56565);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.reset-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #e553534d;background:linear-gradient(135deg,#f56565,#e55353)}.reset-button:active{transform:translateY(0);box-shadow:0 2px 4px #e553534d}.kpi{display:flex;gap:24px;align-items:center}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--pct)*1%),#222 0);position:relative}.donut:after{content:attr(data-label);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text);font-size:20px;font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--border);padding:10px 12px;text-align:left}.table thead th{position:sticky;top:0;background:#0f172a;color:#cbd5e1;z-index:1;box-shadow:inset 0 -1px 0 var(--border-strong)}.table tbody tr:nth-child(odd){background:#0f141b}.table tbody tr:hover{background:#0e1726}.note{width:100%;height:120px}.footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid var(--border);background:#131313;border-radius:8px}.small{font-size:14px;color:#bbb}.centered{display:grid;place-items:center;margin:8px 0 12px}.status-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#bbb}.status-label .on{color:#17c964}.status-label .off{color:#e55353}.action-circle{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease-in-out}.action-circle:hover{transform:scale(1.02)}.action-circle.running{border:10px solid var(--accent)}.action-circle.stopped{border:10px solid var(--danger)}.action-circle .time{font-size:18px;font-weight:700}.price-display{text-align:right}.price-display .price-symbol{font-weight:600;color:#bbb;font-size:14px;margin-bottom:2px}.price-display .price-value{font-weight:800;font-size:18px;color:var(--accent)}.price-inline{display:flex;align-items:center;gap:12px;padding:8px 0}.price-label{font-weight:600;color:#bbb}.price-symbol{font-weight:600;color:var(--text)}.price-value{font-weight:800;font-size:20px;color:var(--accent)}.price-center{display:grid;place-items:center;padding:6px 0}.price-center .symbol{font-weight:600;margin-bottom:6px}.price-center .px{font-weight:800;font-size:24px}.wallet-balance{margin-bottom:4px}.wallet-balance strong{color:var(--accent)}.wallet-currency{font-weight:600;color:#fff}.wallet-amount{color:#17c964}.wallet-available{color:#666;font-size:12px}