:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{min-width:320px;min-height:100%}body{color:#172033;background:#f4f7fc;min-width:320px;min-height:100vh;margin:0}#root{text-align:left;border:none;width:100%;max-width:none;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{overflow-wrap:anywhere}@media (width<=768px){#root{width:100%}}*{box-sizing:border-box}body{color:#172033;background:#f4f7fc;font-family:Inter,Segoe UI,Arial,sans-serif}button{font-family:inherit;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.app{background:#f4f7fc;min-height:100vh;display:flex}.sidebar{z-index:10;background:#fff;border-right:1px solid #e5eaf3;width:250px;min-height:100vh;padding:22px 14px;transition:width .25s;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #1e375a09}.sidebar.closed{width:76px}.logo{align-items:center;gap:12px;padding:5px 10px 28px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#4f8cff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:flex;box-shadow:0 6px 14px #2563eb38}.logo-title{color:#15213a;letter-spacing:-.2px;font-size:15px;font-weight:800}.logo-subtitle{color:#8290a6;margin-top:2px;font-size:12px}nav{flex-direction:column;gap:7px;display:flex}nav>div{color:#62718a;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;width:100%;min-height:44px;padding:10px 13px;font-size:14px;font-weight:600;line-height:1.35;transition:background .2s,color .2s;display:flex;overflow:hidden}nav>div:hover{color:#2459cb;background:#f0f5ff}nav>div.active{color:#2459cb;background:#eaf1ff;border-color:#dce7ff;box-shadow:inset 3px 0 #3478f6}nav>div:nth-child(5){white-space:normal;min-height:48px}.nav-item{color:#62718a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:13px;width:100%;padding:12px 13px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:#2459cb;background:#eaf1ff}.server-status{background:#f0fbf5;border:1px solid #dcefe5;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:22px;left:14px;right:14px}.status-dot,.connection-dot{background:#16a66a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-title{color:#18794e;font-size:12px;font-weight:700}.status-text{color:#6a947e;margin-top:3px;font-size:10px}.main{width:calc(100% - 250px);min-width:0;margin-left:250px;transition:width .25s,margin-left .25s}.header{background:#fffffff5;border-bottom:1px solid #e6ebf3;align-items:center;gap:15px;min-height:82px;padding:16px 30px;display:flex}.header h1{letter-spacing:-.6px;color:#172033;margin:0;font-size:22px;font-weight:750}.header p{color:#7d8ba2;margin:5px 0 0;font-size:12px}.menu-button{color:#52627a;cursor:pointer;background:#f4f7fc;border:1px solid #e6ebf3;border-radius:10px;padding:8px}.header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.connection{color:#168455;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.avatar{color:#2459cb;background:#eaf1ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex}.dashboard{width:100%;max-width:1800px;margin:0 auto;padding:28px 30px 42px}.stats-grid{gap:18px}.card,.stat-card,.panel,.chart-card,.strategy-card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 5px 22px #223a5e0b}input,select,textarea{max-width:100%}@media (width<=1100px){.dashboard{padding:22px 20px 32px}.header{padding:15px 20px}.header-right{gap:12px}}@media (width<=768px){.sidebar{width:76px;padding:18px 8px}.sidebar.closed{border:none;width:0;padding:0;overflow:hidden}.logo{justify-content:center;padding:5px 0 24px}.logo-title,.logo-subtitle,.server-status{display:none}nav>div,.nav-item{justify-content:center;padding:11px 6px}.main,.sidebar.closed+.main{width:calc(100% - 76px);margin-left:76px}.sidebar.closed+.main{width:100%;margin-left:0}.header{gap:9px;min-height:72px;padding:12px 14px}.header h1{font-size:18px}.header p{font-size:11px}.header-right{gap:8px}.connection{gap:0;font-size:0}.user{font-size:0}.dashboard{padding:18px 12px 28px}.stats-grid{gap:12px}}@media (width<=480px){.header h1{font-size:16px}.avatar{width:30px;height:30px}.dashboard{padding:14px 10px 24px}}body{color:var(--rmh-text);background:#f7f4fc}.app{background:radial-gradient(at 85% 0,#eee5ff 0%,#0000 38%),#f7f4fc}.sidebar{background:linear-gradient(#38205f 0%,#512b88 55%,#6b3caf 100%);border-right:1px solid #5e3a91;box-shadow:5px 0 28px #41226926}.logo-title{color:#fff}.logo-subtitle{color:#d5c4f1}.logo-icon{color:#402064;background:linear-gradient(135deg,#d8b8ff,#a878ff);box-shadow:0 6px 18px #12072647}nav>div,.nav-item{color:#e0d3f5}nav>div:hover,.nav-item:hover{color:#fff;background:#ffffff1f}nav>div.active,.nav-item.active{color:#522d91;background:linear-gradient(110deg,#e6d6ff,#f5edff);border-color:#ffffff47;box-shadow:inset 4px 0 #d2a8ff,0 4px 14px #1e0c341f}.server-status{background:#ffffff1a;border-color:#ffffff2e}.status-title{color:#bff8d9}.status-text{color:#e0d3f5}.main{background:0 0}.header{border-bottom-color:var(--rmh-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;box-shadow:0 4px 20px #43276e0a}.header h1{color:var(--rmh-text)}.header p{color:var(--rmh-muted)}.menu-button{background:var(--rmh-purple-light);border-color:var(--rmh-border);color:var(--rmh-purple-dark)}.menu-button:hover{color:var(--rmh-purple-dark);background:#e2d1ff}.avatar{color:var(--rmh-purple-dark);background:linear-gradient(135deg,#e8d9ff,#d3b8ff)}.card,.stat-card,.panel,.chart-card,.strategy-card{border:1px solid var(--rmh-border);background:#fffffff7;border-radius:18px;transition:box-shadow .2s,transform .2s;box-shadow:0 8px 26px #4e2b7d12}.card:hover,.stat-card:hover,.chart-card:hover,.strategy-card:hover{box-shadow:0 12px 30px #4e2b7d1c}button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}table{border-color:var(--rmh-border)}thead th{color:#56358c;background:#f2ebff}tbody tr:hover{background:#faf7ff}.connection-dot,.status-dot{background:#16a66a}@media (width<=768px){.sidebar{box-shadow:5px 0 24px #26114533}.header{background:#fffffff7}}:root{--rmh-purple:#7045d6;--rmh-purple-dark:#402064;--rmh-purple-light:#f1eaff;--rmh-border:#e8defa;--rmh-text:#30234b;--rmh-muted:#817596}body{color:var(--rmh-text);background:#f7f5fc;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{background:linear-gradient(#38205f 0%,#512b88 55%,#7045b5 100%);border-right:0;width:250px;padding:24px 14px;box-shadow:5px 0 28px #41226926}.sidebar .logo{min-height:52px;padding:8px 10px 28px}.sidebar .logo span{color:#fff;letter-spacing:-.35px;font-size:16px;font-weight:800}.sidebar nav{gap:8px}.sidebar nav>div{color:#e0d3f5;border-radius:11px;min-height:46px;padding:12px 14px;font-size:13px;font-weight:600}.sidebar nav>div:hover{color:#fff;background:#ffffff1f}.sidebar nav>div.active{color:#522d91;background:linear-gradient(110deg,#e6d6ff,#f5edff);border-color:#ffffff40;box-shadow:inset 4px 0 #d2a8ff}.sidebar>button{background:#180c2c59!important;border-color:#fff3!important}.topbar{border-bottom:1px solid var(--rmh-border);background:#fffffff0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:94px;padding:20px 30px;display:flex;box-shadow:0 4px 20px #43276e0a}.topbar h1{color:#302047;letter-spacing:-.7px;margin:0 0 9px;font-size:clamp(21px,2vw,28px);font-weight:800}.connected{color:#13834f;background:#e9f9f0;border:1px solid #c9efd9;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.market-status{background:#faf7ff;border:1px solid #e5d8fb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:11px 15px;display:flex}.market-symbol strong{color:#56358c;font-size:12px}.market-state{color:#6c5a85;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.market-dot{color:#16a66a}.user{color:#514363;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.avatar{color:#482578;background:linear-gradient(135deg,#e8d9ff,#c6a8ff);border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;font-weight:800;display:flex}.dashboard{padding:26px 30px 34px}.pnl-panel,.panel,.chart-card,.card,.stat-card,.strategy-card{background:#fff;border:1px solid #e8defa;border-radius:17px;min-width:0;box-shadow:0 7px 24px #4e2b7d0e}.pnl-panel,.panel{margin:24px 30px;padding:24px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.panel-header h2,.pnl-header h2{color:#302047;letter-spacing:-.4px;margin:0;font-size:21px;font-weight:800}.panel-header p,.pnl-header p{color:#817596;margin:7px 0 0;font-size:13px;line-height:1.5}button{cursor:pointer;border-radius:10px;font-weight:700}button.primary,.panel-header button.primary{color:#fff;background:linear-gradient(120deg,#7045d6,#875be7);border:1px solid #7045d6;padding:12px 17px;box-shadow:0 5px 13px #7045d633}button.primary:hover,.panel-header button.primary:hover{background:linear-gradient(120deg,#5930bd,#7045d6);transform:translateY(-1px);box-shadow:0 7px 17px #7045d640}.toolbar button{color:#58358f;background:#f5efff;border:1px solid #dfd0fa;padding:10px 14px}.toolbar button:hover{background:#e9dcff}.toolbar .toolbar-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{background:#faf8ff;border:1px solid #eee5fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:23px;padding:15px 16px;display:flex}.toolbar strong{color:#5e477d;font-size:13px}.strategy-table-section{min-width:0}.strategy-section-title{color:#3d2858;margin:0 0 15px;font-size:16px;font-weight:800}.strategy-table-wrap{border:1px solid #e9e0f6;border-radius:12px;width:100%;overflow-x:auto}.strategy-table th{text-align:left;white-space:nowrap;color:#5a388d;background:#f3edff;border-bottom:1px solid #e6daf8;padding:15px 14px;font-size:12px;font-weight:800}.strategy-table td{color:#4e405f;border-bottom:1px solid #f0eaf8;padding:14px;font-size:13px}.strategy-name-cell{align-items:center;gap:10px;font-weight:700;display:flex}.strategy-name-cell input[type=checkbox],.toolbar input[type=checkbox]{accent-color:#7045d6}.empty{text-align:center;background:#fbf9ff;border:1px dashed #d9c8f3;border-radius:14px;padding:42px 20px}.empty h3{color:#493064;margin:0 0 9px;font-size:18px}.empty p{color:#817596;margin:0 0 20px;font-size:13px}.message{color:#51347d;background:#f3edff;border:1px solid #e2d3fa;border-radius:10px;margin:12px 0;padding:12px 15px}input,select,textarea{border-color:#dfd3f2;border-radius:9px;max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #824edc4d}@media (width<=1000px){.topbar{padding:18px 20px}.dashboard{padding:20px}.panel,.pnl-panel{margin:18px 20px;padding:20px}}@media (width<=768px){.sidebar{max-width:82vw}.topbar{align-items:flex-start;gap:13px;padding:17px 15px}.topbar h1{font-size:21px}.market-status{justify-content:space-between;width:100%}.user{margin-left:auto}.dashboard{padding:14px 10px 24px}.panel,.pnl-panel{border-radius:14px;margin:12px 10px;padding:16px}.panel-header{align-items:flex-start}.panel-header button.primary{width:100%}.toolbar{align-items:flex-start;gap:12px}.toolbar .toolbar-buttons{width:100%}.toolbar .toolbar-buttons button{flex:1}}:root{--rmh-bg:#f5f3ff;--rmh-purple:#6d28d9;--rmh-purple-dark:#4c1d95;--rmh-purple-light:#ede9fe;--rmh-text:#211642;--rmh-muted:#77718e;--rmh-border:#e7e1f5;--rmh-shadow:0 8px 24px #4c1d9517}body{background:var(--rmh-bg);color:var(--rmh-text)}.app{background:radial-gradient(ellipse at top right, #ede9fe 0, transparent 42%), var(--rmh-bg);min-height:100vh}.sidebar{color:#fff;background:linear-gradient(#241044 0%,#3b176e 55%,#4c1d95 100%);box-shadow:8px 0 28px #24104426}.sidebar .logo{color:#fff;letter-spacing:.4px;font-weight:800}.sidebar nav>div,.sidebar .nav-item{border-radius:12px;transition:background .2s,transform .2s}.sidebar nav>div:hover,.sidebar .nav-item:hover{background:#ffffff1f;transform:translate(3px)}.main{background:0 0;min-width:0}.topbar{border-bottom:1px solid var(--rmh-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;box-shadow:0 4px 18px #4c1d950d}.connected,.market-status{border-radius:999px;padding:7px 12px;font-weight:700}.market-symbol,.market-ltp,.market-state{font-weight:700}.user,.avatar{border-radius:14px}.avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 4px 12px #6d28d940}.dashboard{gap:20px}.card,.stat-card,.panel,.chart-card,.strategy-card,.pnl-panel{box-shadow:var(--rmh-shadow);background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);border:1px solid #ddd6f5e6;border-radius:18px;transition:transform .2s,box-shadow .2s}.card:hover,.stat-card:hover,.chart-card:hover,.strategy-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4c1d9521}.pnl-panel{color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 55%,#8b5cf6 100%);border:none;box-shadow:0 12px 28px #6d28d940}.pnl-panel .pnl-header{color:#fff}.panel-header,.strategy-section-title{color:var(--rmh-text);font-weight:800}button,.strategy-filter button,.toolbar-buttons button{transition:transform .18s,box-shadow .18s}button:hover,.toolbar-buttons button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.strategy-table-wrap{border:1px solid var(--rmh-border);background:#fff;border-radius:14px;overflow-x:auto}.strategy-table{border-collapse:separate;border-spacing:0;width:100%}.strategy-table thead th{color:#4c1d95;white-space:nowrap;background:#f1ebff;border-bottom:1px solid #ddd2fa;font-weight:800}.strategy-table td,.strategy-table th{padding:12px 14px}.empty,.message{border-radius:12px}input,select,textarea{border-color:var(--rmh-border);border-radius:10px}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}@media (width<=900px){.dashboard{gap:14px}.card,.stat-card,.panel,.chart-card,.strategy-card,.pnl-panel{border-radius:14px}.strategy-table td,.strategy-table th{padding:10px}}@media (prefers-reduced-motion:reduce){.card,.stat-card,.chart-card,.strategy-card,button,.sidebar nav>div{transition:none}}.pnl-panel{background:linear-gradient(135deg,#321064 0%,#5b21b6 52%,#7c3aed 100%);border:1px solid #ffffff2e;border-radius:24px;padding:26px;position:relative;overflow:hidden;box-shadow:0 16px 38px #4c1d953b}.pnl-panel:before{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:240px;height:240px;position:absolute;top:-130px;right:-60px}.pnl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex;position:relative}.pnl-header h2{font-size:24px;font-weight:800;color:#fff!important}.pnl-header p{color:#e9ddff}.pnl-header .strategy-filter{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:11px;padding:10px 14px}.pnl-header .strategy-filter option{color:#321064;background:#fff}.live-ltp-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #fff3;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f}.live-ltp-card span{color:#e9ddff;font-weight:700}.live-ltp-card h2{color:#fff;font-variant-numeric:tabular-nums;margin:7px 0 0;font-size:clamp(28px,3vw,38px);font-weight:900}.live-ltp-status{color:#fff;letter-spacing:1px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.live-ltp-status .live-dot{color:#4ade80;text-shadow:0 0 12px #4ade80b3}.pnl-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;display:grid;position:relative}.pnl-grid .pnl-card{background:linear-gradient(145deg,#fff 0%,#f5f0ff 100%);border:1px solid #ffffffa6;border-radius:16px;min-width:0;padding:19px 17px;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 16px #1f0a4129}.pnl-grid .pnl-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #1f0a4138}.pnl-grid .pnl-card>span{color:#706486;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.pnl-grid .pnl-card>strong{color:#321064;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(19px,2vw,25px);font-weight:900;display:block}.pnl-positive{color:#15803d!important}.pnl-negative{color:#dc2626!important}.strategy-table-wrap{border-radius:16px;box-shadow:0 8px 22px #4c1d9514}.strategy-table thead th{z-index:1;position:sticky;top:0}@media (width<=700px){.pnl-panel{border-radius:18px;padding:17px}.pnl-header h2{font-size:21px}.live-ltp-card{padding:16px}.pnl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pnl-grid .pnl-card{padding:14px 12px}}@media (prefers-reduced-motion:reduce){.pnl-grid .pnl-card{transition:none}}.strategy-section-title{color:#4c1d95;letter-spacing:-.2px;margin-bottom:14px;font-size:17px;font-weight:800}.strategy-table-wrap{scrollbar-width:thin;scrollbar-color:#b9a0ed #f5f0ff;background:#fff;border:1px solid #e5dcf8;border-radius:16px;width:100%;max-width:100%;max-height:520px;overflow:auto;box-shadow:0 8px 24px #4c1d9514}.strategy-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:700px}.strategy-table thead th{z-index:2;color:#4c1d95;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#ede9fe,#f5f0ff);border-bottom:1px solid #ded2f7;padding:14px 15px;font-size:12px;font-weight:900;position:sticky;top:0}.strategy-table tbody td{color:#35264d;white-space:nowrap;border-bottom:1px solid #f0ebf8;padding:13px 15px;font-size:13px}.strategy-table tbody tr:nth-child(2n){background:#fcfaff}.strategy-table tbody tr:last-child td{border-bottom:none}.strategy-name-cell{color:#5b21b6;font-weight:800}.strategy-table .pnl-positive{font-weight:800;color:#15803d!important}.strategy-table .pnl-negative{font-weight:800;color:#dc2626!important}.strategy-table button{border-radius:9px;font-weight:700}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-buttons button{border-radius:10px}.empty{text-align:center;color:#77718e;background:#faf8ff;border:1px dashed #d8c9f4;border-radius:14px;padding:28px 16px}@media (width<=700px){.strategy-table-wrap{border-radius:12px;max-height:420px}.strategy-table{min-width:650px}.strategy-table thead th,.strategy-table tbody td{padding:11px 12px}.toolbar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.strategy-table tbody tr{transition:none}}.strategy-table-section{min-width:0;margin-top:26px}.strategy-table-section .strategy-section-title{color:#4c1d95;letter-spacing:-.3px;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:850;display:flex}.strategy-table-section .strategy-section-title:before{content:"";background:linear-gradient(#a78bfa,#6d28d9);border-radius:8px;width:5px;height:23px;display:inline-block}.strategy-table .strategy-status{letter-spacing:.35px;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:850;display:inline-flex}.strategy-table .strategy-status.running{color:#166534;background:#dcfce7;border-color:#bbf7d0}.strategy-table .strategy-status.paused{color:#92400e;background:#fef3c7;border-color:#fde68a}.strategy-table .strategy-status.deployed{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.strategy-table .strategy-status.stopped{color:#991b1b;background:#fee2e2;border-color:#fecaca}.strategy-table .table-action-button{color:#5b21b6;white-space:nowrap;background:#f5f0ff;border:1px solid #e2d7f5;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:12px;font-weight:800;line-height:1.2;transition:background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 5px #4c1d950d}.strategy-table .table-action-button:hover{background:#e9ddff;box-shadow:0 4px 10px #4c1d951f}.strategy-table .table-action-button.run-button{color:#166534;background:#dcfce7;border-color:#bbf7d0}.strategy-table .table-action-button.run-button:hover{background:#bbf7d0}.strategy-table .table-action-button.stop-button,.strategy-table .table-action-button.delete-button{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.strategy-table .table-action-button.stop-button:hover,.strategy-table .table-action-button.delete-button:hover{background:#fecaca}.strategy-table .table-action-button.pause-button{color:#92400e;background:#fef3c7;border-color:#fde68a}.strategy-table .table-action-button.pause-button:hover{background:#fde68a}.strategy-table .table-action-button.logs-button{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.strategy-table .table-action-button.logs-button:hover{background:#c7d2fe}.strategy-table .strategy-name-cell strong,.strategy-table.running-table tbody td strong{color:#3b245e;font-weight:850}.strategy-table .strategy-name-cell small{color:#817596;margin-top:5px;font-size:11px;font-weight:600;display:block}.strategy-table tbody tr{transition:background .18s}.strategy-table tbody tr:hover{background:#f3edff}.running-section{padding-top:8px}.running-section .strategy-table-wrap{border-color:#d9cef4;box-shadow:0 8px 24px #4c1d9512}.running-section .strategy-table thead th{background:linear-gradient(135deg,#e9ddff,#f5f0ff)}.running-empty{color:#76658d;text-align:center;background:#faf7ff;border:1px dashed #d8c9f4;border-radius:14px;padding:24px;font-size:13px}@media (width<=700px){.strategy-table-section .strategy-section-title{font-size:16px}.strategy-table .table-action-button{min-height:32px;padding:7px 9px;font-size:11px}.strategy-table .strategy-status{padding:5px 8px;font-size:10px}}.trades-panel{background:#fff;border:1px solid #e5dcf8;border-radius:18px;min-width:0;margin:24px 30px;padding:24px;overflow:hidden;box-shadow:0 8px 26px #4c1d9511}.trades-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.trades-header h2{color:#3b245e;letter-spacing:-.35px;margin:0;font-size:21px;font-weight:850}.trades-header p{color:#817596;margin:7px 0 0;font-size:13px;line-height:1.5}.trades-live{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.trades-table-wrap{scrollbar-width:thin;scrollbar-color:#b9a0ed #f5f0ff;background:#fff;border:1px solid #e8defa;border-radius:13px;width:100%;max-width:100%;overflow-x:auto}.trades-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:950px}.trades-table thead th{z-index:1;color:#4c1d95;text-align:left;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#ede9fe,#f5f0ff);border-bottom:1px solid #ded2f7;padding:14px 15px;font-size:11px;font-weight:900;position:sticky;top:0}.trades-table tbody td{color:#49385f;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #f0ebf8;padding:13px 15px;font-size:12px}.trades-table tbody tr:nth-child(2n){background:#fcfaff}.trades-table tbody tr{transition:background .15s}.trades-table tbody tr:hover{background:#f0eaff}.trades-table tbody tr:last-child td{border-bottom:none}.trades-table .trade-side{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-width:55px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.trades-table .trade-side.buy{color:#166534;background:#dcfce7;border-color:#bbf7d0}.trades-table .trade-side.sell{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.trades-table .trade-status{color:#5b21b6;white-space:nowrap;background:#ede9fe;border:1px solid #ddd6fe;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.trades-table .trade-status.closed,.trades-table .trade-status.completed,.trades-table .trade-status.success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.trades-table .trade-status.open,.trades-table .trade-status.pending{color:#92400e;background:#fef3c7;border-color:#fde68a}.trades-table .trade-status.failed,.trades-table .trade-status.rejected,.trades-table .trade-status.cancelled{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.trades-table .pnl-positive{font-weight:900;color:#15803d!important}.trades-table .pnl-negative{font-weight:900;color:#dc2626!important}.trades-table .pnl-zero{color:#64748b;font-weight:700}.trades-empty{color:#78688e;text-align:center;background:#faf7ff;padding:35px 18px;font-size:13px}@media (width<=900px){.trades-panel{margin:20px 16px;padding:18px}}@media (width<=600px){.trades-panel{border-radius:14px;margin:16px 10px;padding:14px 12px}.trades-header h2{font-size:19px}.trades-header p{font-size:12px}.trades-table thead th,.trades-table tbody td{padding:11px 12px}}.topbar{background:linear-gradient(120deg,#fffffffa,#f8f5fff5);border:1px solid #8b5cf633;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;padding:20px 26px;display:flex;position:relative;box-shadow:0 8px 28px #37236412}.topbar h1{letter-spacing:-.6px;color:#241344;margin:0 0 9px;font-size:clamp(20px,2vw,27px);font-weight:800;line-height:1.3}.topbar .connected{color:#15803d;letter-spacing:.35px;background:#ecfdf3;border:1px solid #16a34a2e;border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.market-status{background:linear-gradient(135deg,#fff,#f5f0ff);border:1px solid #7c3aed2b;border-radius:15px;justify-content:space-between;align-items:center;gap:22px;min-width:260px;padding:13px 17px;display:flex;box-shadow:0 5px 16px #5b21b60f}.market-symbol{flex-direction:column;gap:5px;display:flex}.market-symbol strong{color:#4c1d95;letter-spacing:.6px;font-size:13px;font-weight:800}.market-ltp{color:#17112b;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.market-state{color:#15803d;letter-spacing:.45px;white-space:nowrap;background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.market-dot{color:#16a34a;font-size:12px}.topbar .user{color:#38245a;white-space:nowrap;background:#fff;border:1px solid #e9e1f7;border-radius:30px;align-items:center;gap:10px;padding:7px 12px 7px 7px;font-size:13px;font-weight:700;display:flex}.topbar .avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex;box-shadow:0 4px 10px #7c3aed38}@media (width<=1000px){.topbar{flex-wrap:wrap;gap:15px;padding:18px}.market-status{flex:100%;order:3;min-width:0}}@media (width<=600px){.topbar{border-radius:14px;padding:15px}.topbar h1{font-size:20px}.topbar .user{margin-left:auto}.market-status{gap:10px;padding:12px}.market-ltp{font-size:20px}.market-state{padding:8px;font-size:9px}}html,body,#root{width:100%;min-width:0;margin:0}.app{width:100%;min-width:0;min-height:100vh;display:flex}.sidebar{flex:0 0 250px;width:250px}.sidebar.closed{flex-basis:76px;width:76px}.main{flex:1 1 0;width:auto;min-width:0;max-width:none;margin-left:250px}.topbar{width:100%;max-width:none}@media (width<=768px){.main{width:auto;min-width:0}}.app{width:100%!important;min-width:0!important;display:block!important}.sidebar{top:0;bottom:0;left:0;flex:none!important;position:fixed!important}.main{box-sizing:border-box;display:block;flex:none!important;width:calc(100% - 250px)!important;min-width:0!important;max-width:none!important;margin-left:250px!important}.sidebar.closed+.main{width:calc(100% - 76px)!important;margin-left:76px!important}.topbar{box-sizing:border-box;width:100%!important}@media (width<=768px){.main{width:calc(100% - 76px)!important;margin-left:76px!important}.sidebar:not(.closed){width:250px}}.editor-modal{flex-direction:column!important;width:96vw!important;max-width:1600px!important;height:92vh!important;min-height:0!important;max-height:92vh!important;display:flex!important;overflow:hidden!important}.editor-body{flex:auto!important;min-height:0!important;overflow:auto!important}.editor-footer{visibility:visible!important;opacity:1!important;z-index:20!important;background:#fffdf5!important;border-top:1px solid #e8e1d2!important;flex-wrap:wrap!important;flex:none!important;align-items:center!important;gap:10px!important;padding:12px!important;display:flex!important;position:relative!important}.code-section,.logs-section{min-width:0;min-height:0}@media (width<=768px){.editor-modal{width:98vw!important;max-width:98vw!important;height:96vh!important;max-height:96vh!important}.editor-footer{gap:6px!important;padding:8px!important}}.modal-overlay:has(.editor-modal){box-sizing:border-box!important;z-index:900!important;background:#f5f7fb!important;width:auto!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0 0 0 250px!important;overflow:hidden!important}body:has(.sidebar.closed) .modal-overlay:has(.editor-modal){left:76px!important}.sidebar{z-index:1000!important}.modal-overlay:has(.editor-modal) .editor-modal{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:100%!important;box-shadow:none!important;box-sizing:border-box!important;border-radius:0!important;flex-direction:column!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important}.modal-overlay:has(.editor-modal) .editor-body{box-sizing:border-box!important;flex:1 1 0!important;width:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important}:is(.modal-overlay:has(.editor-modal) .code-section,.modal-overlay:has(.editor-modal) .logs-section){box-sizing:border-box!important;min-width:0!important;min-height:0!important}.modal-overlay:has(.editor-modal) .editor-footer{visibility:visible!important;opacity:1!important;background:#fff!important;border-top:1px solid #e5e7eb!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;padding:12px 16px!important;display:flex!important}.modal-overlay:has(.editor-modal) .code-editor{box-sizing:border-box!important;max-width:100%!important}@media (width<=768px){.modal-overlay:has(.editor-modal){left:76px!important}.modal-overlay:has(.editor-modal) .editor-footer{gap:6px!important;padding:8px!important}}.modal-overlay:has(.editor-modal) .editor-modal{flex-direction:column!important;min-height:0!important;display:flex!important;overflow:hidden!important}.modal-overlay:has(.editor-modal) .editor-body{flex-direction:column!important;flex:auto!important;gap:12px!important;min-height:0!important;padding:12px!important;display:flex!important;overflow:auto!important}.modal-overlay:has(.editor-modal) .editor-body>.code-section{box-sizing:border-box!important;flex:60%!important;order:1!important;width:100%!important;min-width:0!important;min-height:250px!important;margin:0!important;overflow:auto!important}.modal-overlay:has(.editor-modal) .editor-body>.logs-section{box-sizing:border-box!important;flex:0 0 230px!important;order:2!important;width:100%!important;min-width:0!important;min-height:160px!important;margin:0!important;overflow:auto!important}.modal-overlay:has(.editor-modal) .editor-body .logs{white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-height:170px!important;overflow:auto!important}:is(.modal-overlay:has(.editor-modal) .editor-header,.modal-overlay:has(.editor-modal) .editor-tabs,.modal-overlay:has(.editor-modal) .editor-footer){flex-shrink:0!important}.modal-overlay:has(.editor-modal) .editor-body>.code-section{background:#eff6ff!important;border:2px solid #60a5fa!important;border-radius:12px!important;padding:12px!important;box-shadow:0 4px 14px #2563eb1a!important}.modal-overlay:has(.editor-modal) .code-editor-wrapper{background:#dbeafe!important;border:1px solid #93c5fd!important;border-radius:8px!important;overflow:hidden!important}.modal-overlay:has(.editor-modal) .code-editor{color:#172554!important;background:#eff6ff!important;border-color:#bfdbfe!important;border-radius:8px!important}.modal-overlay:has(.editor-modal) .editor-body>.logs-section{background:#ecfdf5!important;border:2px solid #34d399!important;border-radius:12px!important;padding:12px!important;box-shadow:0 4px 14px #0596691a!important}.modal-overlay:has(.editor-modal) .logs-header{background:#d1fae5!important;border:1px solid #a7f3d0!important;border-radius:8px!important;margin-bottom:10px!important;padding:10px!important}.modal-overlay:has(.editor-modal) .logs-tab{color:#065f46!important;font-weight:800!important}.modal-overlay:has(.editor-modal) .logs{color:#14532d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:8px!important;padding:12px!important}.modal-overlay:has(.editor-modal) .editor-body{background:#e9eef5!important;gap:14px!important;padding:14px!important}.modal-overlay:has(.editor-modal) .editor-header{gap:8px!important;min-height:0!important;margin:0!important;padding:8px 14px!important}.modal-overlay:has(.editor-modal) .editor-header h2{margin:0 0 3px!important;line-height:1.25!important}.modal-overlay:has(.editor-modal) .editor-header p{overflow-wrap:anywhere!important;margin:0!important;line-height:1.25!important}.modal-overlay:has(.editor-modal) .editor-tabs{gap:6px!important;min-height:0!important;margin:0!important;padding:4px 12px!important}.modal-overlay:has(.editor-modal) .editor-body{gap:10px!important;margin-top:0!important;padding-top:8px!important}.modal-overlay:has(.editor-modal) .editor-header{box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding:8px 14px!important;display:flex!important}.modal-overlay:has(.editor-modal) .editor-header>div{flex:auto!important;min-width:0!important;overflow:hidden!important}.modal-overlay:has(.editor-modal) .editor-header h2{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:18px!important;line-height:1.3!important;overflow:hidden!important}.modal-overlay:has(.editor-modal) .editor-header p{display:none!important}.modal-overlay:has(.editor-modal) .editor-header .close{flex:0 0 36px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin-left:auto!important;padding:0!important;font-size:25px!important;line-height:1!important;display:flex!important;position:static!important}.modal-overlay:has(.editor-modal) .editor-footer button{white-space:nowrap!important;flex:none!important;margin:0!important}.modal-overlay:has(.editor-modal) .editor-footer{flex-flow:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;display:flex!important}.modal-overlay:has(.editor-modal) .editor-footer .editor-message{margin-right:auto!important}.modal-overlay:has(.editor-modal) .editor-footer button{white-space:nowrap!important;flex:none!important;order:0!important;margin:0!important}.modal-overlay:has(.editor-modal) .editor-footer .deploy-button{order:0!important}.sidebar nav>div{align-items:center;gap:12px;display:flex}.sidebar-icon{flex:0 0 24px;justify-content:center;align-items:center;width:24px;min-width:24px;font-size:18px;line-height:1.4;display:inline-flex}.sidebar .logo>span{align-items:center;gap:8px;display:flex}.sidebar button .sidebar-icon{margin-right:4px}.modal-overlay:not(:has(.editor-modal)){z-index:2000!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-overlay:not(:has(.editor-modal)) .modal{z-index:2001!important;box-sizing:border-box!important;max-width:min(600px,100%)!important;max-height:calc(100vh - 40px)!important;margin:auto!important;position:relative!important;overflow-y:auto!important}.panel{background:#f2f6fc;border:1px solid #dbe5f1;border-radius:14px}.strategy-table-wrap{background:#f8faff;border:1px solid #d8e3f0;border-radius:12px;overflow-x:auto}.strategy-table thead th{color:#203653;background:#dce8f7;border-bottom:1px solid #c5d5e8}.strategy-table tbody td{color:#293b52;background:#f8faff;border-bottom:1px solid #e0e8f2}.strategy-section-title{color:#203653}.toolbar{color:#263b56;background:#e8eff9;border:1px solid #d6e1ef;border-radius:10px;padding:12px}.dashboard .panel{background-color:#f2f6fc!important;border-color:#dbe5f1!important}.dashboard .strategy-table-wrap{background-color:#f8faff!important;border-color:#d8e3f0!important}.dashboard .strategy-table thead th{color:#203653!important;background:#dce8f7!important;border-bottom-color:#c5d5e8!important}.dashboard .strategy-table tbody tr td{color:#293b52;background:#f8faff!important;border-bottom-color:#e0e8f2!important}.dashboard .strategy-table tbody tr:nth-child(2n) td{background:#edf3fb!important}.dashboard .strategy-table tbody tr:hover td{background:#e2edfc!important}.dashboard .running-section .strategy-table thead th{color:#203653!important;background:#dce8f7!important}.dashboard .toolbar{color:#263b56!important;background:#e8eff9!important;border-color:#d6e1ef!important}.my-strategies-panel{background:#f2f6fc!important;border-color:#dbe5f1!important}.my-strategies-panel .strategy-table-wrap{background:#f8faff!important;border-color:#d8e3f0!important}.my-strategies-panel .strategy-table thead th{color:#203653!important;background:#dce8f7!important}.my-strategies-panel .strategy-table tbody td{color:#293b52!important;background:#f8faff!important}.my-strategies-panel .strategy-table tbody tr:nth-child(2n) td{background:#edf3fb!important}.my-strategies-panel .strategy-table tbody tr:hover td{background:#e2edfc!important}.my-strategies-panel .toolbar{background:#e8eff9!important;border-color:#d6e1ef!important}section.panel.my-strategies-panel,.dashboard .panel,.dashboard .pnl-panel,.dashboard .chart-card,.dashboard .card,.dashboard .stat-card,.dashboard .strategy-card,section.panel{background-color:#e8eff9!important;background-image:none!important;border-color:#cbd9eb!important}.dashboard table thead th{background-color:#dce8f7!important}.dashboard table tbody td{background-color:#f2f6fc!important}section.panel,.my-strategies-panel,.panel,.chart-card,.card,.stat-card,.strategy-card,.trades-panel{background:#e8eff9!important;border-color:#cbd9eb!important}body,.app{background:#fff5f7!important}section.panel,.panel,.my-strategies-panel,.chart-card,.card,.stat-card,.strategy-card,.pnl-panel,.trades-panel{background:#fcecf1!important;border-color:#f0cbd8!important}.strategy-table-wrap{background:#fff7f9!important;border-color:#f0cbd8!important}.strategy-table thead th{background:#f7dce6!important}.strategy-table tbody td{background:#fff7f9!important}.strategy-table tbody tr:nth-child(2n) td{background:#fcecf1!important}.strategy-table tbody tr:hover td{background:#f8e0e9!important}.pnl-panel .live-ltp-card,.pnl-panel .live-ltp-card span,.pnl-panel .live-ltp-card h2,.pnl-panel .live-ltp-status,.pnl-panel .live-ltp-status .live-dot,.pnl-panel .pnl-header h2,.pnl-panel .pnl-header p,.pnl-panel .strategy-filter,.pnl-panel .strategy-filter option{color:#000!important}.pnl-panel .pnl-header h2,.pnl-panel .pnl-header p,.pnl-panel .strategy-filter,.pnl-panel .strategy-filter option,.pnl-panel .live-ltp-card,.pnl-panel .live-ltp-card span,.pnl-panel .live-ltp-card h2,.pnl-panel .live-ltp-status,.pnl-panel .live-ltp-status .live-dot{color:#1e3a8a!important}