*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-2:#22252f;--color-border:#2a2d3a;--color-text:#e4e5ea;--color-text-muted:#8b8d97;--color-primary:#4f8ff7;--color-primary-hover:#3b7ae0;--color-green:#22c55e;--color-green-dim:#22c55e1f;--color-red:#ef4444;--color-red-dim:#ef44441f;--color-yellow:#eab308;--color-yellow-dim:#eab3081f;--color-orange:#f97316;--color-blue:#3b82f6;--color-error:#ef4444;--radius:8px;--sidebar-w:220px}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.loading,.page-loading{height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.page-loading{height:auto;padding:3rem}.page-error{background:var(--color-red-dim);color:var(--color-red);border-radius:var(--radius);margin:1rem;padding:1rem}.empty-state{color:var(--color-text-muted);text-align:center;padding:2rem}.login-wrapper{justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex}.login-form h1{text-align:center;font-size:1.5rem;font-weight:600}.login-form label{color:var(--color-text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.login-form input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;padding:.6rem .75rem;font-size:.95rem;transition:border-color .15s}.login-form input:focus{border-color:var(--color-primary)}.login-form button{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;margin-top:.25rem;padding:.65rem;font-size:.95rem;font-weight:600;transition:background .15s}.login-form button:hover:not(:disabled){background:var(--color-primary-hover)}.login-form button:disabled{opacity:.6;cursor:not-allowed}.error{background:var(--color-red-dim);color:var(--color-error);border-radius:var(--radius);text-align:center;padding:.5rem .75rem;font-size:.85rem}.app-layout{height:100%;display:flex}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 1.5rem;display:flex}.header-right{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.deploy-timestamp{color:#e74c3c;opacity:.9;font-size:.8rem}.header-user{color:var(--color-text-muted)}.app-content{flex:1;padding:1.5rem;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;display:flex}.brand-icon{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex}.brand-text{color:var(--color-text)}.sidebar-nav{flex-direction:column;padding:.5rem 0;display:flex}.sidebar-link{color:var(--color-text-muted);align-items:center;gap:.65rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .12s,background .12s;display:flex}.sidebar-link:hover{color:var(--color-text);background:var(--color-surface-2)}.sidebar-link.active{color:var(--color-primary);background:#4f8ff714}.sidebar-icon{flex-shrink:0;width:18px;height:18px;display:flex}.sidebar-icon svg{width:100%;height:100%}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.btn-ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--color-red-dim);color:var(--color-red);border-radius:var(--radius);cursor:pointer;border:1px solid #ef444440;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-danger:hover{background:#ef444433}.btn-sm{padding:.25rem .6rem;font-size:.75rem}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-green{background:var(--color-green-dim);color:var(--color-green)}.badge-gray{color:var(--color-text-muted);background:#8b8d971f}.badge-yellow{background:var(--color-yellow-dim);color:var(--color-yellow)}.badge-orange{color:var(--color-orange);background:#f973161f}.badge-blue{color:var(--color-blue);background:#3b82f61f}.badge-red{background:var(--color-red-dim);color:var(--color-red)}.page-title-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.page-title-row h2{font-size:1.25rem;font-weight:600}.title-badges{align-items:center;gap:.5rem;display:flex}.title-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.sync-info{color:var(--color-text-muted);font-size:.75rem}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:var(--radius);background:0 0;padding:.3rem .75rem;font-size:.75rem;transition:border-color .15s,background .15s}.btn-outline:hover{border-color:var(--color-primary);background:#4f8ff714}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:var(--radius);border:1px solid #0000;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.alert-danger{background:var(--color-red-dim);color:var(--color-red);border-color:#ef444440}.alert-danger strong{color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.card h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.card-grid{gap:1rem;margin-bottom:1rem;display:grid}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.card-value{margin-bottom:.35rem;font-size:1.5rem;font-weight:700;line-height:1.2}.card-sub{color:var(--color-text-muted);font-size:.78rem}.card-sub-text{margin-top:.25rem;display:inline-block}.val-pos{color:var(--color-green)}.val-neg{color:var(--color-red)}.progress-bar{background:var(--color-surface-2);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--color-green);border-radius:3px;height:100%;transition:width .4s}.progress-fill.fill-blue{background:var(--color-blue)}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-field{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.form-field input,.form-field select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;padding:.45rem .6rem;font-size:.85rem}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary)}.form-field.readonly input{opacity:.5;cursor:default}.toggle-switch{width:38px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-border);cursor:pointer;border-radius:11px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.pair-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;display:grid}.pair-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.pair-card-header h3{color:var(--color-text);text-transform:none;letter-spacing:0;font-size:1.1rem;font-weight:600}.pair-card-symbol{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.75rem}.pair-card .btn-primary{width:100%;margin-top:.75rem}.pair-disabled{opacity:.55}.engine-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.engine-page>.btn-primary{margin-top:1rem}.engine-page>.card{margin-bottom:1rem}.tab-bar{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:1rem;display:flex}.pair-filter-select{background:var(--color-bg-card,#1a1a2e);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:.35rem .6rem;font-size:.85rem}.tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.6rem .75rem;font-size:.72rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);padding:.55rem .75rem}.data-table tbody tr:hover{background:var(--color-surface-2)}.filter-bar{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.4rem .6rem;font-size:.82rem}.filter-count{color:var(--color-text-muted);margin-left:auto;font-size:.78rem}.toggle-label{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.log-level{text-transform:uppercase;border-radius:3px;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.level-info{color:var(--color-blue);background:#3b82f61f}.level-warning{background:var(--color-yellow-dim);color:var(--color-yellow)}.level-error{background:var(--color-red-dim);color:var(--color-red)}.level-critical{background:var(--color-red);color:#fff}.log-time{white-space:nowrap;color:var(--color-text-muted)}.pagination{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.75rem;padding:1rem 0;font-size:.82rem;display:flex}.pagination button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;padding:.35rem .75rem;font-size:.8rem}.pagination button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.ticker-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.6rem .75rem;font-size:.8rem}.ticker-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.ticker-label{color:var(--color-text-muted)}.ticker-val{font-variant-numeric:tabular-nums;font-weight:600}.channel-levels{border-top:1px solid var(--color-border);padding-top:.4rem}.channel-row{align-items:center;gap:.75rem;margin-bottom:.15rem;font-size:.75rem;display:flex}.channel-label{color:var(--color-text-muted);min-width:3rem;font-weight:500}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:480px;max-height:80vh;padding:1.75rem;overflow-y:auto}.modal h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.modal-loading{color:var(--color-text-muted);text-align:center;padding:2rem 0}.preflight-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;list-style:none;display:flex}.preflight-item{border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.preflight-item strong{margin-bottom:.15rem;display:block}.preflight-item p{color:var(--color-text-muted);margin:0;font-size:.78rem}.check-pass{background:var(--color-green-dim)}.check-pass .check-icon{color:var(--color-green)}.check-fail{background:var(--color-red-dim)}.check-fail .check-icon,.check-fail strong{color:var(--color-red)}.check-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem;font-weight:700}.modal-actions{align-items:center;gap:.75rem;display:flex}.preflight-blocked{color:var(--color-red);font-size:.82rem;font-weight:500}.live-mode-warning{background:var(--color-red-dim);color:var(--color-red);border-radius:var(--radius);border:1px solid #ef444440;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem}.alerts-toolbar{margin-bottom:1rem}.alert-form{margin-bottom:1.5rem}.alert-form .form-actions{gap:.5rem;margin-top:1rem;display:flex}.alert-dest{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.alert-msg{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:.82rem;overflow:hidden}.action-cell{gap:.25rem;display:flex}.form-error{background:var(--color-red-dim);color:var(--color-red);border-radius:var(--radius);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem}.chart-canvas{width:100%;height:180px;margin-top:.5rem;display:block}.form-help{color:var(--text-dim);margin:.5rem 0 0;font-size:.8rem;line-height:1.4}.mode-toggle{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mode-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.3rem .8rem;font-size:.78rem;transition:background .15s,color .15s}.mode-btn:not(:last-child){border-right:1px solid var(--border)}.mode-btn:hover{background:var(--bg-hover);color:var(--text-main)}.mode-btn.active{background:var(--color-accent);color:#fff}.import-controls{align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.import-status{color:var(--text-dim);flex-wrap:wrap;gap:1.25rem;margin-top:.5rem;font-size:.82rem;display:flex}.total-row td{border-top:2px solid var(--border);padding-top:.6rem}.fee-summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.fee-summary-cards .card-value{font-size:1.1rem}.fee-table th,.fee-table td{text-align:right}.fee-table th:first-child,.fee-table td:first-child{text-align:left}.savings-row{background:#22c55e0f}@media (width<=1100px){.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.cols-3,.cols-4,.cols-2,.form-grid{grid-template-columns:1fr}}