:root{--primary-color:#007bff;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--dark-color:#343a40;--light-color:#f8f9fa}body{background-color:var(--light-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{box-shadow:0 2px 4px #0000001a}.navbar-brand{font-weight:700;color:var(--primary-color)!important}.card{border:none;border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-metric{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-performance{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.card-positions{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.card-config{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.status-running{font-weight:700;color:var(--success-color)!important}.status-paused{font-weight:700;color:var(--warning-color)!important}.status-stopped{font-weight:700;color:var(--danger-color)!important}.pnl-positive{color:var(--success-color);font-weight:700}.pnl-negative{color:var(--danger-color);font-weight:700}.pnl-neutral{color:var(--dark-color);font-weight:400}.btn{border-radius:8px;font-weight:500;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-success{background:linear-gradient(45deg,#28a745,#20c997);border:none}.btn-warning{color:#fff;background:linear-gradient(45deg,#ffc107,#fd7e14);border:none}.btn-danger{background:linear-gradient(45deg,#dc3545,#e83e8c);border:none}.text-success{color:var(--success-color)!important}.table{background:#fff;border-radius:8px;overflow:hidden}.table thead th{background-color:var(--primary-color);color:#fff;border:none;font-weight:600}.table tbody tr:hover{background-color:#007bff1a}.form-control,.form-select{border:2px solid #e9ecef;border-radius:8px;transition:border-color .2s}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #007bff40}.spinner-border{color:var(--primary-color)}.log-container{color:#fff;background:#1e1e1e;border-radius:8px;max-height:500px;font-family:Courier New,monospace;font-size:.9rem;overflow-y:auto}.log-entry{border-bottom:1px solid #333;padding:4px 8px}.log-entry:last-child{border-bottom:none}.log-info{color:#17a2b8}.log-success{color:#28a745}.log-warning{color:#ffc107}.log-error{color:#dc3545}.mode-simulation{color:var(--info-color)}.mode-demo{color:var(--warning-color)}.mode-live{color:var(--danger-color);font-weight:700}@media (width<=768px){.card{margin-bottom:1rem}.btn{width:100%;margin-bottom:.5rem}.table-responsive{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:2s infinite pulse}.connection-indicator{z-index:1050;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;position:fixed;bottom:20px;right:20px}.connection-connected{background:var(--success-color);color:#fff}.connection-disconnected{background:var(--danger-color);color:#fff}.nav-tabs .nav-link.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;font-weight:600}.nav-tabs .nav-link{border-radius:8px 8px 0 0;margin-right:4px;transition:all .2s}.nav-tabs .nav-link:hover{background-color:#f8f9fa}.tab-content{background:#fff;border-radius:0 8px 8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}