*{box-sizing:border-box}html,body,#root{color:#cdd9e5;background:#0a0e14;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ok-wrap{max-width:1440px;margin:0 auto;padding:1rem 1.5rem 2rem;position:relative}@media (width<=640px){.ok-wrap{padding:.75rem 1rem 1.5rem}}.ok-topbar{background:#111722;border:1px solid #1e2a3a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.2rem;padding:12px 20px;display:flex}.ok-logo{color:#f0f6fc;font-size:1.35rem;font-weight:900}.ok-sub{color:#546e7a;margin-top:4px;font-size:.75rem}.ok-clock{color:#58a6ff;letter-spacing:.04em;white-space:nowrap;font-family:monospace;font-size:1.1rem;font-weight:900}.pill{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 12px;font-size:.7rem;font-weight:800;display:inline-block}.pill.live{color:#00e676;background:#0d2a14;border:1px solid #238636}.pill.off{color:#546e7a;background:#1c1c1c;border:1px solid #30363d}.robo-watermark{opacity:.045;pointer-events:none;z-index:0;width:700px;height:700px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.robo-watermark{width:380px;height:380px}}.gd-banner{text-align:center;background:linear-gradient(135deg,#0a0e14 0%,#111200 40%,#1a1400 70%,#0a0e14 100%);border:1px solid #3a2e00;border-radius:14px;align-items:center;gap:32px;margin-bottom:1.4rem;padding:28px 36px;display:flex;position:relative;overflow:hidden}@media (width<=640px){.gd-banner{flex-direction:column;gap:14px;padding:20px 18px}}.gd-banner-text{text-align:center;flex:1}.gd-robo-img{filter:drop-shadow(0 0 18px #ffd70066);flex-shrink:0;width:140px;height:160px}@media (width<=640px){.gd-robo-img{width:90px;height:104px}}.gd-banner:before{content:"";background:linear-gradient(90deg,#b8860b,gold,#ffec6e,gold,#b8860b);height:3px;position:absolute;top:0;left:0;right:0}.gd-title{letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#b8860b 0%,gold 35%,#ffec6e 55%,gold 75%,#b8860b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #ffd70040);-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:3.2rem;font-weight:900;line-height:1.1}@media (width<=640px){.gd-title{letter-spacing:.08em;font-size:1.7rem}}.gd-tagline{color:#8a7a40;letter-spacing:.22em;text-transform:uppercase;margin-top:4px;font-size:.82rem;font-weight:600}.gd-icons{opacity:.85;margin-bottom:8px;font-size:1.4rem}.sec-hdr{color:#58a6ff;letter-spacing:.12em;text-transform:uppercase;border-left:3px solid #1f6feb;margin:1.4rem 0 .7rem;padding-left:10px;font-size:.88rem;font-weight:800}.idx-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.idx-grid{grid-template-columns:1fr}}.idx-card{text-align:center;background:#111722;border:1px solid #1e2a3a;border-radius:12px;padding:20px 24px;position:relative;overflow:hidden}.idx-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.idx-card.up:before{background:linear-gradient(90deg,#00e676,#00bfa5)}.idx-card.down:before{background:linear-gradient(90deg,#f44336,#e53935)}.idx-name{color:#546e7a;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700}.idx-price{letter-spacing:-.5px;font-size:2.6rem;font-weight:800;line-height:1}.idx-price.up{color:#00e676}.idx-price.down{color:#f44336}.idx-price.flat{color:#90a4ae}.idx-change{margin-top:8px;font-size:.95rem;font-weight:600}.idx-change.up{color:#00e676}.idx-change.down{color:#f44336}.renko-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.renko-grid{grid-template-columns:1fr}}.renko-card{background:#111722;border:1px solid #1e2a3a;border-radius:8px;padding:8px}.renko-label{color:#8b949e;margin-bottom:4px;padding:4px 4px 0;font-size:.78rem;font-weight:700}.renko-label small{color:#546e7a;font-weight:400}.renko-empty{color:#546e7a;text-align:center;background:#0a0e14;border-radius:6px;padding:24px;font-size:.8rem}.main-layout{grid-template-columns:6fr 4fr;gap:24px;margin-top:1rem;display:grid}@media (width<=900px){.main-layout{grid-template-columns:1fr}}.trade-card{background:#111722;border:1px solid #1e2a3a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:11px 16px;display:flex}.trade-card.buy{border-left:3px solid #00e676}.trade-card.sell{border-left:3px solid #f44336}.t-badge{letter-spacing:.08em;text-align:center;border-radius:4px;min-width:40px;padding:3px 8px;font-size:.65rem;font-weight:800}.t-badge.buy{color:#00e676;background:#0d2a1a}.t-badge.sell{color:#f44336;background:#2a0d0d}.t-time{color:#546e7a;min-width:52px;font-size:.76rem}.t-sym{color:#cdd9e5;font-size:.88rem;font-weight:700}.t-opt{border-radius:4px;margin-right:4px;padding:2px 7px;font-size:.75rem;font-weight:700}.t-opt.ce{color:#58a6ff;background:#1a2a3a}.t-opt.pe{color:#bc8cff;background:#2a1a3a}.t-prem{color:#8b949e;font-size:.82rem}.t-pnl{text-align:right;min-width:80px;margin-left:auto;font-size:.88rem;font-weight:700}.t-pnl.win{color:#00e676}.t-pnl.loss{color:#f44336}.t-pnl.open{color:#8b949e}.t-strat{color:#546e7a;margin-top:3px;font-size:.7rem}.empty-box{text-align:center;color:#546e7a;background:#111722;border:1px solid #1e2a3a;border-radius:8px;padding:40px 20px;font-size:.9rem}.pnl-box{text-align:center;background:#111722;border:1px solid #1e2a3a;border-radius:12px;margin-bottom:12px;padding:22px 20px}.pnl-label{color:#546e7a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:700}.pnl-value{letter-spacing:-.5px;font-size:2rem;font-weight:800}.pnl-value.pos{color:#00e676}.pnl-value.neg{color:#f44336}.pnl-value.neu{color:#90a4ae}.pnl-sub{color:#546e7a;margin-top:6px;font-size:.75rem}.stat-box{background:#111722;border:1px solid #1e2a3a;border-radius:12px;margin-top:12px;padding:16px 18px}.stat-row{border-bottom:1px solid #1e2a3a;justify-content:space-between;padding:6px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-k{color:#546e7a;font-size:.78rem}.stat-v{color:#cdd9e5;font-size:.78rem;font-weight:600}.stat-v.g{color:#00e676}.stat-v.r{color:#f44336}.stat-v.b{color:#58a6ff}.hist-wrap{-webkit-overflow-scrolling:touch;border:1px solid #1e2a3a;border-radius:10px;overflow-x:auto}.hist-table{border-collapse:collapse;background:#111722;border-radius:10px;width:100%;min-width:520px;font-size:.82rem}.hist-table th{color:#546e7a;letter-spacing:.1em;text-transform:uppercase;text-align:right;white-space:nowrap;background:#0d1520;border-bottom:1px solid #1e2a3a;padding:9px 14px;font-size:.72rem;font-weight:700}.hist-table th:first-child{text-align:left}.hist-table td{text-align:right;color:#cdd9e5;white-space:nowrap;border-bottom:1px solid #161e2a;padding:7px 14px}.hist-table td:first-child{text-align:left;color:#8b949e;font-family:monospace}.hist-table tr:hover td{background:#161e2a}.hist-table tr:last-child td{border-bottom:none}@media (width<=600px){.hist-table{font-size:.72rem}.hist-table th,.hist-table td{padding:6px 8px}}.h-pos{color:#00e676;font-weight:700}.h-neg{color:#f44336;font-weight:700}.h-zero{color:#546e7a}.h-tot-pos{color:#00e676;font-weight:800}.h-tot-neg{color:#f44336;font-weight:800}.h-sum-row td{border-top:2px solid #1e2a3a;font-size:.84rem;font-weight:800;background:#0d1520!important}.footer-bar{text-align:center;border-top:1px solid #1e2a3a;margin-top:2rem;padding-top:1rem}.footer-bar span{color:#00e676;text-shadow:0 0 8px #00e676,0 0 20px #00e676;letter-spacing:.08em;font-size:.95rem;font-weight:800}