.circle-wrapper{width:120px;height:120px;margin:15px auto;position:relative}.circle-bg{fill:none;stroke:#ddd;stroke-width:10px}.circle-progress{fill:none;stroke:#2563eb;stroke-width:10px;stroke-linecap:round;transition:all .5s}.circle-text{justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.pnl-value{text-align:center;margin:15px 0;font-size:28px;font-weight:700}.progress-bar{background:#e5e7eb;border-radius:20px;width:100%;height:10px;overflow:hidden}.progress-fill{height:100%;transition:all .5s}.session-footer{text-align:center;justify-content:space-between;margin-top:18px;display:flex}.circle-wrapper svg{transform:rotate(-90deg)}.circle-green{fill:none;stroke:#22c55e;stroke-width:10px}.circle-red{fill:none;stroke:#ef4444;stroke-width:10px;stroke-linecap:round;transition:all .4s}.trade-card{flex-direction:column;gap:10px;display:flex}.trade-header{text-align:center;font-size:20px;font-weight:700}.trade-header.live{color:#22c55e}.trade-header.closed{color:#3b82f6}.trade-symbol{text-align:center;word-break:break-word;margin-bottom:8px;font-size:18px;font-weight:700}.trade-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.trade-row:last-of-type{border-bottom:none}.trade-pnl-title{text-align:center;opacity:.7;font-size:14px}.trade-pnl{text-align:center;font-size:32px;font-weight:700}.empty{justify-content:center;align-items:center;min-height:350px}.empty-icon{font-size:64px}.report-summary{justify-content:space-between;margin-bottom:20px;display:flex}.trade-item{border-top:1px solid #ffffff14}.trade-title{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;font-weight:600;transition:all .2s;display:flex}.trade-title:hover{color:var(--blue)}.trade-details{margin:12px 0 18px;animation:.25s fadeIn}.profit{color:var(--green)}.loss{color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.config-form{flex-direction:column;gap:18px;margin-top:10px;display:flex}.config-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.config-row label{color:var(--muted);font-size:15px;font-weight:500}.config-row input{border:1px solid var(--border);width:120px;color:var(--text);text-align:right;background:#111827;border-radius:8px;padding:10px 12px;font-size:15px;transition:all .2s}.config-row input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b82f62e}.config-row input:disabled{color:var(--muted);cursor:not-allowed;background:#0f172a}.config-form button{background:var(--blue);color:#fff;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:600;transition:all .25s}.config-form button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.config-form button:disabled{color:#9ca3af;cursor:not-allowed;background:#374151}.no-more-trade{margin-top:20px}.no-more-trade button{cursor:pointer;background:#dc2626;width:100%;padding:12px;font-size:16px}.no-more-trade button:hover:not(:disabled){background:#b91c1c}.no-more-trade button:disabled{color:#9ca3af;cursor:not-allowed;opacity:.8;background:#374151}.toast{border-radius:10px;margin-top:15px;padding:12px 15px;font-size:14px;font-weight:600;animation:.3s slideIn}.toast.success{color:#d1fae5;background:#065f46;border:1px solid #10b981}.toast.error{color:#fee2e2;background:#7f1d1d;border:1px solid #ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#f4f6f9;margin:0;font-family:Arial,Helvetica,sans-serif}.dashboard{padding:20px}.dashboard h1{margin-bottom:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px #00000014}.card h2{color:#38bdf8;margin-bottom:15px;font-size:20px}pre{white-space:pre-wrap;word-break:break-word}.row{border-bottom:1px solid #334155;justify-content:space-between;margin:8px 0;padding-bottom:6px;display:flex}.label{color:#94a3b8}.value{font-weight:700}.green{color:#22c55e}.red{color:#ef4444}.yellow{color:#facc15}.system-status{color:#fff;background:#1f2937;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.status-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.status-item{white-space:nowrap;align-items:center;gap:6px;display:flex}.order-status{font-weight:600}.dot{border-radius:50%;width:10px;height:10px}.green{background:#22c55e}.red{background:#ef4444}@keyframes blink{50%{opacity:.3}}@media (width<=768px){.system-status{flex-direction:column;align-items:flex-start;gap:12px}.status-row{justify-content:space-between;gap:8px;width:100%;display:flex}.status-item{font-size:12px}.order-status{text-align:center;width:100%}}:root{--bg:#111827;--card:#1f2937;--border:#374151;--text:#f9fafb;--muted:#9ca3af;--green:#22c55e;--red:#ef4444;--yellow:#facc15;--blue:#3b82f6;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow:0 10px 25px #00000059;--gap:20px;--padding:20px;--transition:.25s}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}table{border-collapse:collapse;width:100%}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:22px}.card:hover{transform:translateY(-3px)}h1{font-size:34px}h2{margin-bottom:18px;font-size:22px}button{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed}input{color:#fff;background:#374151;border:none;border-radius:8px;padding:8px 10px}.main-content{grid-template-columns:2fr 5fr;gap:24px;margin-top:24px;display:grid}.left-sidebar,.right-content{flex-direction:column;gap:24px;display:flex}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes glow{0%{text-shadow:none}50%{text-shadow:0 0 10px}to{text-shadow:none}}.blink{animation:1s infinite blink}.pulse{animation:1.5s infinite pulse}.glow{animation:2s infinite glow}@media (width<=992px){.dashboard{padding:18px}}@media (width<=768px){h1{font-size:26px}h2{font-size:18px}.dashboard{padding:12px}}@media (width<=480px){.card{padding:16px}}@media (width<=1024px){.main-content{grid-template-columns:1fr}}@media (width<=768px){.dashboard{padding:12px}.main-content{flex-direction:column;gap:16px;margin-top:16px;display:flex}.left-sidebar,.right-content{gap:16px}}