@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-center-button{position:relative;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-center-button:hover{background:#ffffff1a;transform:scale(1.05)}.notification-center-button:active{transform:scale(.95)}.notification-center-button .notification-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1)}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:380px;max-height:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000004d;z-index:100;overflow:hidden;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.34,1.56,.64,1)}.notification-panel .panel-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#0000000d}.notification-panel .panel-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.notification-panel .panel-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;flex:1}.notification-panel .panel-list{flex:1;overflow-y:auto;max-height:400px}.notification-panel .panel-list::-webkit-scrollbar{width:6px}.notification-panel .panel-list::-webkit-scrollbar-track{background:transparent}.notification-panel .panel-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notification-panel .panel-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.notification-panel .notification-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;gap:12px;align-items:flex-start}.notification-panel .notification-item.unread{background:#d4af370f}.notification-panel .notification-item.unread:hover{background:#d4af371a;transform:translate(2px)}.notification-panel .notification-item.read{opacity:.6}.notification-panel .notification-item.read:hover{opacity:.8;background:#ffffff0d}.notification-panel .notification-item .notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background-size:100%;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1)}.notification-panel .notification-item .notification-content{flex:1;min-width:0}.notification-panel .notification-item .notification-content .notification-title{font-weight:600;font-size:13px;color:var(--text-primary);margin-bottom:4px;word-break:break-word}.notification-panel .notification-item .notification-content .notification-message{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px;word-break:break-word;opacity:.85}.notification-panel .notification-item .notification-content .notification-time{font-size:11px;color:var(--text-muted)}.notification-panel .notification-item .notification-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0;transition:all .2s ease;opacity:0}.notification-panel .notification-item .notification-delete:hover{background:#e74c3c33;color:#e74c3c}.notification-panel .notification-item:hover .notification-delete{opacity:1}@media (max-width: 768px){.notification-panel{width:90vw;max-width:380px;right:-50vw;transform:translate(50%)}.notification-panel.open{right:12px;transform:translate(0)}}.community-message-bubble{display:block}.community-message-bubble .message-reply-citation{padding:8px 12px;margin-bottom:4px;border-left:3px solid var(--accent);background:#d4af3714;border-radius:4px;font-size:12px;color:var(--text-muted);animation:fadeIn .3s ease-out forwards;transition:all .2s cubic-bezier(.4,0,.2,1)}.community-message-bubble .message-reply-citation:hover{background:#d4af371f;transform:translate(2px)}.community-message-bubble .message-reply-citation .citation-title{font-weight:600;color:var(--accent);margin-bottom:4px;transition:color .2s ease}.community-message-bubble .message-reply-citation .citation-content{color:var(--text-secondary);max-height:40px;overflow:hidden;text-overflow:ellipsis;word-break:break-word;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.community-message-bubble .message-reply-citation .citation-content:hover{opacity:.8;color:var(--text-primary)}.community-message-bubble .message-bubble-container{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.community-message-bubble .message-bubble-container:hover:not(:has(.message-context-menu[data-menu-hover])) .message-bubble{background:var(--bg-tertiary, var(--bg-secondary))}.community-message-bubble .message-bubble-container:hover:not(:has(.message-context-menu[data-menu-hover])) .message-timestamp{opacity:1}.community-message-bubble .message-bubble-container .message-bubble{flex:1;max-width:90%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:10px 14px;word-break:break-word;white-space:pre-wrap;line-height:1.5;color:var(--text-secondary);font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.community-message-bubble .message-bubble-container .message-bubble a.mention{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease}.community-message-bubble .message-bubble-container .message-bubble a.mention:hover{text-decoration:underline;opacity:.8}@media (prefers-color-scheme: dark){.community-message-bubble .message-bubble-container .message-bubble{background:#ffffff0d;border-color:#ffffff1a}}@media (prefers-color-scheme: light){.community-message-bubble .message-bubble-container .message-bubble{background:#0000000a;border-color:#0000001a}}.community-message-bubble .message-bubble-container .message-timestamp{font-size:11px;color:var(--text-muted);white-space:nowrap;padding:0 4px;opacity:.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.community-message-bubble .message-bubble-container .message-timestamp:hover{opacity:1}.community-message-bubble .message-actions{display:flex;gap:12px;font-size:12px;color:var(--text-muted);padding:4px 0;margin-top:4px;animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(8px);animation-delay:.05s}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.community-message-bubble .message-actions button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:12px;opacity:.8}.community-message-bubble .message-actions button:hover{background:#d4af3726;color:var(--accent);transform:translateY(-2px);opacity:1}.community-message-bubble .message-actions button:active{transform:translateY(0) scale(.98)}.community-message-bubble .message-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-message-bubble .message-likes{font-size:11px;color:gold;margin-top:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);animation:fadeIn .3s ease-out forwards}.community-message-bubble .message-likes:hover{opacity:.8;transform:translateY(-1px)}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;animation:fadeIn .3s ease-out forwards}.message-header .author-link{background:none;border:none;color:var(--accent);font-weight:600;font-size:13px;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-header .author-link:hover{opacity:.7;text-decoration:underline}.message-header .author-link:active{transform:scale(.98)}.message-header .author-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.message-header .header-timestamp{font-size:11px;color:var(--text-muted);transition:color .2s ease}.mention-dropdown{position:absolute;bottom:100%;left:12px;right:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:200px;z-index:100;box-shadow:0 -4px 16px #0003;animation:slideInDown .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mention-dropdown .mention-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);font-size:13px}.mention-dropdown .mention-item:hover,.mention-dropdown .mention-item.active{background:#d4af3726;transform:translate(4px)}.mention-dropdown .mention-item:hover .mention-avatar,.mention-dropdown .mention-item.active .mention-avatar{transform:scale(1.08);box-shadow:0 2px 8px #d4af374d}.mention-dropdown .mention-item:hover .mention-username,.mention-dropdown .mention-item.active .mention-username{color:var(--accent)}.mention-dropdown .mention-item .mention-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--accent);background-size:cover;background-position:center;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.mention-dropdown .mention-item .mention-username{font-weight:600;color:var(--text-primary);transition:color .2s ease}.mention-dropdown .mention-item .mention-name{font-size:11px;color:var(--text-muted);margin-left:4px;transition:color .2s ease}.message-group{display:block;margin-bottom:16px;transition:background .2s cubic-bezier(.4,0,.2,1)}.message-group:hover{background:#ffffff05}.message-group.group-first{margin-bottom:-1px}.message-group.group-first .community-message-bubble .message-bubble-container{margin-bottom:0}.message-group.group-first .community-message-bubble .message-bubble{border-radius:12px 12px 0 0;border-bottom:none;margin-bottom:-1px}.message-group.group-middle{margin-bottom:0}.message-group.group-middle .community-message-bubble{margin-bottom:0;padding-bottom:0;padding-top:0}.message-group.group-middle .community-message-bubble .message-bubble-container{margin-bottom:0}.message-group.group-middle .community-message-bubble .message-bubble{border-radius:0;border-top:none;border-bottom:none;margin-top:-1px;margin-bottom:-1px}.message-group.group-last{margin-bottom:16px}.message-group.group-last .community-message-bubble{margin-bottom:0;padding-bottom:0;padding-top:0}.message-group.group-last .community-message-bubble .message-bubble-container{margin-bottom:0}.message-group.group-last .community-message-bubble .message-bubble{border-radius:0 0 12px 12px;border-top:none;margin-top:-1px}@media (max-width: 768px){.community-message-bubble .message-bubble-container .message-bubble{max-width:80%;padding:8px 12px;font-size:13px}.mention-dropdown{left:8px;right:8px}}.sidebar-toggle-button{display:none!important}@media (max-width: 768px){.sidebar-toggle-button{display:flex!important}}.sidebar-hidden{display:none!important}@media (min-width: 769px){.sidebar-hidden{display:flex!important}}.community-grid{display:grid;grid-template-columns:220px 1fr;gap:0;height:calc(100vh - 200px)}@media (max-width: 768px){.community-grid{grid-template-columns:1fr}.community-grid .community-sidebar{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;display:none}.community-grid .community-sidebar.open{display:flex}.community-grid .community-main{position:relative;width:100%}}@media (min-width: 769px){.community-grid .community-sidebar{display:flex!important;position:static;z-index:auto}}@media (max-width: 480px){.community-search-bar{width:200px;font-size:12px;padding:6px 8px}}@media (max-width: 768px){.community-search-bar{width:240px}}@media (max-width: 480px){.community-input-group{flex-wrap:wrap;gap:8px}.community-input-group input{flex:1 1 100%;min-width:100%}.community-input-group button{flex:0 1 auto;padding:8px 12px;font-size:11px}}@media (max-width: 1024px){.community-grid{grid-template-columns:200px 1fr;height:calc(100vh - 170px)}.community-main>div:first-child{padding:12px 14px!important}.community-main>div:nth-child(2)>div:first-child{padding:12px 14px!important}.community-main>div:nth-child(2)>div:last-child{padding:10px 14px 12px!important}}@media (max-width: 768px){.community-grid{height:calc(100vh - 140px)}.community-main>div:first-child{padding:10px 12px!important}.community-main>div:first-child input{width:132px!important;font-size:11px!important}.community-main>div:nth-child(2)>div:first-child{padding:10px 12px!important}.community-main>div:nth-child(2)>div:last-child{padding:8px 12px 10px!important;gap:6px!important;flex-wrap:wrap}.community-main>div:nth-child(2)>div:last-child textarea{flex:1 1 100%;width:100%;min-height:38px!important;max-height:140px!important;font-size:12px!important}.community-main>div:nth-child(2)>div:last-child button{flex:0 0 auto}.community-message-bubble .message-bubble-container{gap:6px}.community-message-bubble .message-bubble-container .message-bubble{max-width:100%}.message-group{margin-bottom:12px}}@media (max-width: 640px){.community-main>div:first-child{align-items:flex-start!important;gap:8px!important;min-height:auto!important}.community-main>div:first-child>div{width:100%}.community-main>div:first-child input{width:100%!important;margin-top:2px}.community-main>div:nth-child(2)>div:first-child{padding:8px 10px!important}.community-main>div:nth-child(2)>div:last-child{padding:8px 10px 10px!important}.community-main>div:nth-child(2)>div:last-child>div[style*="margin-bottom: 10px"]{width:100%}.community-main>div:nth-child(2)>div:last-child>div[style*="margin: 0 0 8px 0"]{width:100%}.community-main>div:nth-child(2)>div:last-child button{padding:7px 10px!important;font-size:11px!important}.message-header{flex-wrap:wrap;gap:4px 8px}.community-message-bubble .message-bubble-container{align-items:flex-start;flex-direction:column}.community-message-bubble .message-bubble-container>div:last-child{align-self:flex-end}}@media (max-width: 480px){.community-grid{height:calc(100vh - 124px)}.community-main>div:first-child{padding:8px!important}.community-main>div:first-child h2{font-size:14px!important}.community-main>div:first-child p{font-size:11px!important}.community-main>div:nth-child(2)>div:first-child{padding:8px!important}.community-main>div:nth-child(2)>div:last-child{padding:8px!important}.community-message-bubble .message-reply-citation{padding:6px 8px;font-size:11px}.community-message-bubble .message-bubble-container .message-bubble{font-size:12px;padding:8px 10px}.community-main>div:nth-child(2)>div:last-child button[title="Attach file"]{min-width:42px}}.heatmap-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;width:100%;padding:0}@media (max-width: 1920px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width: 1680px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}}@media (max-width: 1440px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}}@media (max-width: 1200px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}}@media (max-width: 768px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:5px}}@media (max-width: 480px){.heatmap-container{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}}.heatmap-block{aspect-ratio:1;padding:10px 8px;border-radius:3px;cursor:pointer;transition:all .15s ease-out;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.heatmap-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040;border-color:#ffffff26;z-index:10}.heatmap-block.active{box-shadow:0 2px 8px #00000059,inset 0 0 0 1px #ffffff1f}.heatmap-block.positive{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#22c55e80}.heatmap-block.positive.intensity-1{background:linear-gradient(135deg,#22c55e,#16a34a)}.heatmap-block.positive.intensity-2{background:linear-gradient(135deg,#10b981,#059669)}.heatmap-block.positive.intensity-3{background:linear-gradient(135deg,#0891b2,#0e7490)}.heatmap-block.positive.intensity-4{background:linear-gradient(135deg,#06b6d4,#0891b2)}.heatmap-block.positive.intensity-5{background:linear-gradient(135deg,#14b8a6,#0d9488)}.heatmap-block.positive:hover{box-shadow:0 6px 16px #16a34a59}.heatmap-block.negative{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef444480}.heatmap-block.negative.intensity-1{background:linear-gradient(135deg,#ef4444,#dc2626)}.heatmap-block.negative.intensity-2{background:linear-gradient(135deg,#f97316,#ea580c)}.heatmap-block.negative.intensity-3{background:linear-gradient(135deg,#f87171,#dc2626)}.heatmap-block.negative.intensity-4{background:linear-gradient(135deg,#e11d48,#be123c)}.heatmap-block.negative.intensity-5{background:linear-gradient(135deg,#991b1b,#7f1d1d)}.heatmap-block.negative:hover{box-shadow:0 6px 16px #dc262659}.heatmap-block.neutral{background:#6b728066;border-color:#6b72804d}.heatmap-block.neutral:hover{background:#6b728080;border-color:#6b728080}.heatmap-block.market-closed{opacity:.6;filter:brightness(.85)}.heatmap-block.market-closed:hover{opacity:.75}.heatmap-block__symbol{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;line-height:1.2;white-space:nowrap}.heatmap-block__name{font-size:9px;color:#fffc;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2;opacity:.9}.heatmap-block__change{font-size:14px;font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;gap:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:-.5px}.heatmap-block__change .arrow{font-size:14px;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.heatmap-block__change .arrow svg{width:100%;height:100%}.heatmap-block__change .value{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.heatmap-block__price{font-size:11px;font-weight:600;color:#fffffff2;display:flex;align-items:baseline;justify-content:center;gap:1px;margin-bottom:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.heatmap-block__price .currency{font-size:8px;opacity:.9}.heatmap-block__price .value{letter-spacing:-.3px}.heatmap-block__footer{font-size:8px;color:#ffffffb3;padding-top:3px;border-top:1px solid rgba(255,255,255,.1);margin-top:3px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:2px}.heatmap-block__footer .market-status{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.heatmap-block__footer .market-status .status-dot{width:3px;height:3px;border-radius:50%;flex-shrink:0}.heatmap-block__footer .market-status .status-dot.open{background:#22c55e;box-shadow:0 0 3px #22c55eb3;animation:pulse-live 1.5s infinite}.heatmap-block__footer .market-status .status-dot.closed,.heatmap-block__footer .market-status .status-dot.weekend-closed{background:#ef4444b3}.heatmap-block__footer .market-status .status-dot.pre-market{background:#eab308cc}.heatmap-block__footer .market-status .status-text{font-weight:600;text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heatmap-block__footer .type-icon{display:flex;align-items:center;justify-content:center;width:10px;height:10px;flex-shrink:0}.heatmap-block__footer .type-icon svg{width:100%;height:100%}.heatmap-controls{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;border:1px solid var(--border)}.heatmap-controls .label{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.heatmap-controls button{padding:6px 12px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s ease;text-transform:uppercase;letter-spacing:.4px}.heatmap-controls button.active{background:#16a34a;color:#fff;border-color:#16a34a;font-weight:700;box-shadow:0 2px 6px #16a34a4d}.heatmap-controls button:hover:not(.active){border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.heatmap-filters{display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid var(--border);padding-bottom:10px;flex-wrap:wrap;overflow-x:auto}.heatmap-filters button{padding:8px 14px;background:transparent;color:var(--text-muted);border:none;border-bottom:2px solid transparent;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.heatmap-filters button.active{color:#16a34a;border-bottom-color:#16a34a;font-weight:700}.heatmap-filters button:hover:not(.active){color:var(--text-primary);border-bottom-color:#16a34a4d}.heatmap-status{font-size:12px;color:var(--text-muted);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.heatmap-status .live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#16a34a1a;border-radius:var(--radius-sm);color:#22c55e;font-weight:600;font-size:11px}.heatmap-status .live-indicator .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.heatmap-loading,.heatmap-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}@media (max-width: 768px){.heatmap-block{padding:8px 6px}.heatmap-block:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.heatmap-block__symbol{font-size:11px}.heatmap-block__name{font-size:8px}.heatmap-block__change{font-size:12px}.heatmap-controls{gap:6px;padding:10px}.heatmap-controls button{padding:4px 8px;font-size:10px}.heatmap-filters{gap:1px}.heatmap-filters button{padding:6px 10px;font-size:11px}}@media (max-width: 480px){.heatmap-block{padding:6px 4px}.heatmap-block:hover{transform:translateY(0);box-shadow:0 2px 6px #00000026}.heatmap-block__symbol{font-size:10px;margin-bottom:1px}.heatmap-block__name{font-size:7px;margin-bottom:2px}.heatmap-block__change{font-size:11px;gap:2px}.heatmap-block__price{font-size:10px}.heatmap-status{font-size:11px}.heatmap-controls{gap:4px;padding:8px}}.dm-message-row{width:100%}.dm-message-row .dm-message-bubble{border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px #00000014;transition:border-color .18s ease,transform .18s ease}.dm-message-row .dm-message-bubble.other{background:linear-gradient(135deg,#d4af3714,#d4af3705),repeating-linear-gradient(-45deg,#ffffff03,#ffffff03 6px,#00000008 6px,#00000008 12px),var(--bg-tertiary)!important;color:var(--text-primary)!important;border-left:3px solid rgba(212,175,55,.65);border-top-color:#d4af3740}.dm-message-row .dm-message-bubble.own{background:var(--accent)!important;color:#111!important;border:1px solid rgba(212,175,55,.65)}.dm-message-row:hover .dm-message-bubble{border-color:#d4af3780;transform:translateY(-1px)}.dm-message-row:hover .dm-message-action{opacity:1!important}.dm-message-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.45}.dm-reply-citation{border-left-width:4px!important;border-left-color:#d4af37d9!important;background:#d4af371c!important}.dm-context-menu{z-index:20}.dm-context-menu .dm-context-trigger{width:24px;height:24px;border-radius:6px;border:1px solid rgba(212,175,55,.2);background:#0f1418bf;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .18s ease;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding-bottom:2px}.dm-context-menu .dm-context-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:#101418ed;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 24px #00000052;overflow:hidden}.dm-context-menu .dm-context-dropdown button{width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary);cursor:pointer;padding:9px 12px;font-size:12px;transition:background .18s ease,color .18s ease}.dm-context-menu .dm-context-dropdown button:hover{background:#d4af371f;color:var(--accent)}.dm-context-menu .dm-context-dropdown button.danger{color:#f87171}.dm-context-menu .dm-context-dropdown button.danger:hover{background:#e53e3e29;color:#ffb4b4}.dm-reaction-chip{display:inline-flex;align-items:center;margin-top:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(212,175,55,.45);color:var(--accent);background:#d4af371f}.dm-message-action{min-width:20px;height:22px!important;border-radius:7px!important;padding:0 8px;font-size:10px!important;font-weight:700;letter-spacing:.02em;border:1px solid var(--border)!important}.dm-message-action.left{left:-76px!important}.dm-message-action.right{right:-76px!important}.dm-message-action-reply{background:var(--bg-card)!important;color:var(--text-secondary)!important}.dm-message-action-reply:hover{color:var(--accent)!important;border-color:#d4af378c!important}.dm-message-action-delete{background:#e53e3e1c!important;color:#f97373;border-color:#e53e3e73!important}.dm-message-action-delete:hover{background:#e53e3e33!important;color:#ffb4b4}.dm-reply-composer{border-left:4px solid var(--accent)!important;background:#d4af3714!important}.dm-selected-attachment{border:1px solid rgba(212,175,55,.35)}.dm-attach-button{min-width:88px;font-size:12px!important;font-weight:600;letter-spacing:.01em}.dm-send-button{min-width:40px;height:36px}.dm-send-button svg{transform:translate(1px) rotate(-8deg);transition:transform .18s ease}.dm-send-button:hover:not(:disabled) svg{transform:translate(2px) rotate(-10deg) scale(1.04)}.dm-empty-state .dm-empty-state-badge{display:inline-block;border:1px solid rgba(212,175,55,.4);color:var(--accent);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dm-empty-state p{margin:0}@media (max-width: 1024px){.dm-message-action.left{left:-66px!important}.dm-message-action.right{right:-66px!important}}@media (max-width: 640px){.dm-message-action{position:static!important;transform:none!important;margin-top:8px;opacity:1!important}.dm-message-row .dm-message-bubble{max-width:84%!important}.dm-attach-button{min-width:74px}.dm-context-menu .dm-context-trigger{opacity:1}.dm-context-menu .dm-context-dropdown{right:-4px;min-width:156px}}.dm-message-row:hover .dm-context-menu .dm-context-trigger{opacity:1}@media (max-width: 1024px){.messages-layout{grid-template-columns:280px 1fr!important;gap:12px!important;height:calc(100vh - 230px)!important}.messages-chat-header,.messages-thread{padding:12px!important}}@media (max-width: 768px){.messages-layout{grid-template-columns:1fr!important;gap:10px!important;height:auto!important;min-height:calc(100vh - 160px)}.messages-conversations-panel{border-right:none!important;padding-right:0!important;max-height:260px;overflow:hidden;border-bottom:1px solid var(--border);padding-bottom:10px}.messages-conversations-list{overflow-y:auto;max-height:180px;padding-right:2px}.messages-chat-panel{min-height:58vh;border-radius:12px}.messages-chat-header{padding:10px!important}.messages-chat-header h3,.messages-chat-header button{font-size:14px!important}.messages-chat-user{gap:8px!important}.messages-thread{padding:10px!important;gap:10px!important}.messages-composer{padding:10px!important}.messages-composer-row{gap:6px!important}.messages-search input{font-size:12px!important}.dm-message-row .dm-message-bubble{max-width:86%!important;font-size:12px!important;padding:8px 10px!important}.dm-context-menu{top:4px!important;right:4px!important}.dm-context-menu .dm-context-dropdown{min-width:148px}}@media (max-width: 640px){.messages-conversations-panel{max-height:230px}.messages-conversations-list{max-height:152px}.messages-chat-panel{min-height:60vh}.messages-chat-header{flex-direction:column;align-items:flex-start!important;gap:8px!important}.messages-chat-header>button{align-self:flex-end}.messages-composer-row{display:grid!important;grid-template-columns:1fr auto auto;align-items:center}.messages-composer-row input[type=text]{min-width:0;width:100%}.dm-attach-button{min-width:64px!important;padding:8px!important;font-size:11px!important}.dm-send-button{min-width:36px!important;height:34px!important;padding:6px!important}}@media (max-width: 480px){.messages-layout{gap:8px!important}.messages-conversations-panel{max-height:205px;padding-bottom:8px}.messages-conversations-list{max-height:126px;gap:6px!important}.messages-thread,.messages-composer{padding:8px!important}.dm-message-row .dm-message-bubble{max-width:92%!important}.dm-context-menu .dm-context-dropdown{right:-2px;min-width:138px}}.channels-container{display:grid;grid-template-columns:300px 1fr;gap:16px;height:calc(100vh - 280px)}.channels-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:16px;overflow-y:auto}.channels-chat-area{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius);overflow:hidden}.channels-header{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.channels-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.channels-input-area{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px;flex-direction:column}.channels-create-form{margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}@media (max-width: 1024px){.channels-container{grid-template-columns:250px 1fr;gap:12px;height:calc(100vh - 260px)}.channels-sidebar{padding-right:12px}.channels-header h3{font-size:14px!important}.channels-messages{padding:12px;gap:10px}.channels-input-area{padding:10px;gap:6px}}@media (max-width: 768px){.channels-container{grid-template-columns:1fr;gap:8px;height:calc(100vh - 200px)}.channels-sidebar{display:none;padding-right:12px;max-height:300px;border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px}.channels-sidebar.mobile-open{display:flex;position:absolute;top:0;left:0;right:0;background:var(--bg-primary);z-index:1000;max-height:100vh;border-radius:0}.channels-header{padding:12px;gap:8px;flex-wrap:wrap}.channels-header h3{font-size:13px!important;margin:0!important}.channels-header p{font-size:11px!important}.channels-messages{padding:10px;gap:8px}.channels-input-area{padding:8px;gap:4px}.channels-input-area input,.channels-input-area button{font-size:12px!important;padding:6px 10px!important}.channels-create-form input,.channels-create-form textarea,.channels-create-form select{font-size:11px!important;padding:4px!important;margin-bottom:6px!important}.channels-create-form button{font-size:11px!important;padding:4px!important}.channel-message-item{padding:8px!important}.channel-message-avatar{width:28px!important;height:28px!important;font-size:12px!important}.channel-message-username{font-size:12px!important}.channel-message-time{font-size:10px!important}.channel-message-content{font-size:12px!important}}@media (max-width: 480px){.channels-container{gap:4px;height:calc(100vh - 180px)}.channels-header{padding:8px;flex-direction:column;align-items:flex-start;gap:6px}.channels-header h3{font-size:12px!important}.channels-header p{font-size:10px!important}.channels-messages{padding:8px;gap:6px}.channels-input-area{padding:6px;gap:3px}.channels-input-area input{font-size:11px!important;padding:4px 8px!important}.channels-input-area button{font-size:10px!important;padding:4px 6px!important}.channels-create-btn{width:100%!important;padding:8px!important;font-size:12px!important}.channels-create-form{margin-bottom:12px;padding:8px}.channels-create-form input,.channels-create-form textarea,.channels-create-form select{font-size:10px!important;padding:3px!important;margin-bottom:4px!important}.channel-message-item{padding:6px!important;gap:6px!important}.channel-message-avatar{width:24px!important;height:24px!important;font-size:10px!important;flex-shrink:0}.channel-message-username{font-size:11px!important}.channel-message-time{font-size:9px!important}.channel-message-content{font-size:11px!important}.channel-list-item{padding:6px 8px!important;font-size:12px!important}.channels-section-title{font-size:10px!important;margin-top:8px!important;margin-bottom:6px!important}}@media (max-height: 600px) and (orientation: landscape){.channels-container{height:calc(100vh - 100px)}.channels-messages{padding:8px;gap:4px}.channels-header{padding:8px}.channels-input-area{padding:6px;gap:4px}}@media print{.channels-input-area,.channels-create-form,.channels-create-btn,.channels-sidebar button:not(.channel-list-item){display:none}}.channels-sidebar::-webkit-scrollbar,.channels-messages::-webkit-scrollbar{width:6px}.channels-sidebar::-webkit-scrollbar-track,.channels-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.channels-sidebar::-webkit-scrollbar-thumb,.channels-messages::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.channels-sidebar::-webkit-scrollbar-thumb:hover,.channels-messages::-webkit-scrollbar-thumb:hover{background:var(--border)}@media (prefers-color-scheme: dark){.channels-sidebar::-webkit-scrollbar-thumb{background:var(--bg-tertiary)}}@media (hover: none) and (pointer: coarse){.channel-message-item button{opacity:1!important;padding:6px!important}.channels-input-area button{min-height:44px;min-width:44px}.channels-create-btn{min-height:44px}.channel-list-item{padding:10px 12px!important;min-height:44px;display:flex;align-items:center}}@media (prefers-reduced-motion: reduce){.channels-input-area button,.channel-list-item,.channels-create-form{transition:none!important}}.trading-bots-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 1024px){.trading-bots-grid-3col{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.trading-bots-grid-3col{grid-template-columns:1fr}}.trading-bots-input-wrapper{display:flex;flex-direction:column;gap:4px}.trading-bots-input-wrapper label{display:block;margin-bottom:2px;font-size:11px;color:#666}.trading-bots-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;background:#0d1117;border-radius:10px;padding:20px}@media (max-width: 1024px){.trading-bots-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.trading-bots-stats-grid{grid-template-columns:1fr;padding:16px}}.trading-bots-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.trading-bots-modal-content{background:#0a0f14;border:1px solid #1e2630;border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}@media (max-width: 640px){.trading-bots-modal-content{padding:16px;border-radius:8px}}.trading-bots-button-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}@media (max-width: 640px){.trading-bots-button-group{gap:8px}.trading-bots-button-group button{flex:1 1 48%;font-size:13px;padding:10px}}.trading-bots-table{width:100%;border-collapse:collapse}.trading-bots-table th,.trading-bots-table td{padding:12px;text-align:left;border-bottom:1px solid #1e2630;font-size:13px}@media (max-width: 768px){.trading-bots-table{font-size:12px}.trading-bots-table th,.trading-bots-table td{padding:8px}}.trading-bots-flex-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #1e2630}@media (max-width: 640px){.trading-bots-flex-row{flex-direction:column;align-items:flex-start;gap:8px}}.trading-bots-card{background:#0d1117;border:1px solid #1e2630;border-radius:8px;padding:16px;margin-bottom:12px}@media (max-width: 640px){.trading-bots-card{padding:12px}}.risk-management{padding:2rem 1rem;max-width:1400px;margin:0 auto}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.risk-header h1{font-size:1.875rem;font-weight:700;color:var(--text);margin:0}.risk-controls{display:flex;gap:1rem;align-items:center}.period-select{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.period-select:hover{border-color:var(--primary);box-shadow:0 0 10px #3498db33}.period-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 15px #3498db4d}.loading{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1rem}.alerts-section{margin-bottom:2rem}.alerts-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.alert{display:flex;gap:1rem;padding:1rem;border-radius:8px;border:1px solid;background:var(--bg-card);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.alert-danger{border-color:#ef44444d;background:#ef44440d}.alert-warning{border-color:#f59e0b4d;background:#f59e0b0d}.alert-success{border-color:#10b9814d;background:#10b9810d}.alert-icon{display:flex;align-items:flex-start;padding-top:.25rem;flex-shrink:0}.alert-content h3{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--text)}.alert-content p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.metrics-section{margin-bottom:2rem}.metrics-section h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:var(--text)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:8px;transition:all .2s ease;cursor:pointer}.metric-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #3498db26}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-label{font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-header svg{color:var(--text-muted);opacity:.6}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.metric-unit{font-size:.875rem;color:var(--text-muted);margin-left:.25rem;font-weight:400}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.chart-section{margin-bottom:2.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.chart-section h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.asset-table{overflow-x:auto}.asset-table table{width:100%;border-collapse:collapse}.asset-table thead tr{border-bottom:2px solid var(--border);background:var(--bg-secondary)}.asset-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.asset-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.asset-table tbody tr:hover{background:#3498db0d}.asset-table td{padding:1rem;font-size:.9rem;color:var(--text)}.asset-table td.positive{color:#10b981;font-weight:500}.asset-table td.negative{color:#ef4444;font-weight:500}.badge-direction{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.badge-direction.buy{background:#10b98133;color:#10b981}.badge-direction.sell{background:#ef444433;color:#ef4444}@media (max-width: 768px){.risk-management{padding:1rem}.risk-header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.325rem}.alerts-grid{grid-template-columns:1fr}.chart-section{padding:1.5rem}.asset-table{font-size:.75rem}.asset-table th,.asset-table td{padding:.5rem}.risk-header h1{font-size:1.5rem}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:1.125rem}.asset-table{font-size:.65rem}.risk-header h1{font-size:1.25rem}}@media (prefers-color-scheme: dark){.metric-card:hover{box-shadow:0 4px 12px #3498db40}.asset-table tbody tr:hover{background:#3498db1a}}.accounts-container{padding:24px}.accounts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.account-form{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;border-radius:8px;padding:20px;margin-bottom:24px}.form-group{margin-bottom:12px}.form-group label{display:block;color:#aaa;font-size:12px;margin-bottom:4px;font-weight:500}.form-group input,.form-group select{width:100%;padding:8px 12px;background:#0f1419;border:1px solid #0f3460;color:#fff;border-radius:4px;font-size:13px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 8px #00d4ff4d}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-group{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.btn{padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;font-size:12px;transition:all .3s ease}.btn-primary{background:#00d4ff;color:#000;border:none}.btn-primary:hover{background:#00b8d4;transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.btn-secondary{background:#0f1419;border:1px solid #0f3460;color:#aaa}.btn-secondary:hover{border-color:#00d4ff;color:#00d4ff}.btn-danger{background:#2a1a1a;border:1px solid #ff6b6b;color:#ff6b6b}.btn-danger:hover{background:#3a2a2a;transform:translateY(-1px)}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.account-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;border-radius:8px;padding:16px;transition:all .3s ease}.account-card:hover{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.account-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.account-card-title{margin:0;color:#00d4ff;font-size:16px}.account-card-subtitle{margin:4px 0 0;color:#666;font-size:12px}.account-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-active{background:#1a5c3a;color:#4ade80}.status-inactive{background:#5c1a1a;color:#ff6b6b}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:12px}.detail-item{display:flex;flex-direction:column}.detail-label{color:#666;font-size:11px}.detail-value{margin-top:2px;color:#aaa}.account-actions{display:flex;gap:8px}.account-actions button{flex:1;padding:8px 12px;border-radius:4px;cursor:"pointer";font-size:12px;font-weight:700;transition:all .2s ease}.edit-btn{background:#0f3460;border:1px solid #00d4ff;color:#00d4ff}.edit-btn:hover{background:#1a4d80}.delete-btn{background:#2a1a1a;border:1px solid #ff6b6b;color:#ff6b6b}.delete-btn:hover{background:#3a2a2a}.empty-state{text-align:center;padding:40px;color:#666}.error-message{padding:12px 16px;background:#2a1a1a;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:4px;margin-bottom:16px}:root{--bg-primary: #121212;--bg-secondary: #1A1A1A;--bg-card: #212121;--bg-card-2: #2A2A2A;--bg-hover: #333333;--bg-input: #2A2A2A;--accent: #D4AF37;--accent-dark: #B8941F;--accent-light: #F4E18C;--accent-glow: rgba(212, 175, 55, .15);--accent-border: rgba(212, 175, 55, .35);--text-primary: #FFFFFF;--text-secondary: #BDBDBD;--text-muted: #999999;--text-accent: #D4AF37;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--success: #27AE60;--danger: #E74C3C;--warning: #F39C12;--info: #3498DB;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-gold: 0 4px 24px rgba(212, 175, 55, .12);--radius-sm: 4px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: .2s ease;--sidebar-width: 240px;--topbar-height: 62px;--maintenance-banner-height: 48px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:var(--font)}input,select,textarea{font-family:var(--font);font-size:14px}img{max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.panel-layout{display:flex;min-height:100vh}.panel-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition)}.panel-content{flex:1;padding:28px 32px;margin-top:var(--topbar-height);overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (min-width: 769px){.sidebar{transform:translate(0)}.sidebar:not(.open){transform:translate(-100%);pointer-events:none}}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 18px;border-bottom:1px solid var(--border)}.sidebar-logo-mark{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#000;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text-primary);line-height:1.2}.sidebar-logo-sub{font-size:10px;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.sidebar-section{padding:16px 12px 4px}.sidebar-section-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:0 8px;margin-bottom:6px;font-weight:600}.sidebar-nav{flex:1;overflow-y:auto;padding-bottom:12px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-secondary);background:transparent;border:none;width:100%;text-align:left;font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);margin:1px 0;transition:all var(--transition);position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-item svg{width:17px;height:17px;flex-shrink:0;opacity:.8}.sidebar-item.active svg{opacity:1}.sidebar-badge{margin-left:auto;background:var(--accent);color:#000;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.sidebar-footer{padding:12px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--radius);cursor:pointer;transition:background var(--transition)}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-glow);border:1.5px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--accent);font-weight:500}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;z-index:90;gap:16px;transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1)}.maintenance-banner{position:fixed;top:0;left:0;right:0;min-height:var(--maintenance-banner-height);padding:10px 28px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#e74c3c2e,#f39c122e);border-bottom:1px solid rgba(231,76,60,.35);color:var(--text-primary);z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.maintenance-banner-label{flex-shrink:0;padding:4px 8px;border-radius:999px;background:#e74c3c29;border:1px solid rgba(231,76,60,.3);color:#ffb4a9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.maintenance-banner-message{font-size:13px;font-weight:500}.app-main.has-maintenance-banner .topbar{top:var(--maintenance-banner-height)}@media (min-width: 769px){.maintenance-banner{left:260px}.app-main.sidebar-closed .maintenance-banner{left:0}.app-main.sidebar-collapsed .maintenance-banner{left:70px}.topbar{left:260px}.app-main.sidebar-closed .topbar{left:0}}@media (max-width: 768px){.topbar{left:0;right:0}}.topbar-title{font-size:17px;font-weight:700;flex:1}.topbar-sub{font-size:12px;color:var(--text-muted);margin-left:10px;font-weight:400}.topbar-actions{display:flex;gap:10px;align-items:center}.topbar-user-search{position:relative}.topbar-user-search-form{height:36px;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-muted)}.topbar-user-search-form:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 2px #d4af3726}.topbar-user-search-input{width:100%;border:0;outline:none;background:transparent;color:var(--text-primary);font-size:13px}.topbar-user-search-input::placeholder{color:var(--text-muted)}.topbar-user-search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,85vw);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 24px #00000040;overflow:hidden;z-index:101}.topbar-user-search-empty{padding:12px;color:var(--text-muted);font-size:12px}.topbar-user-search-item{width:100%;border:0;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;cursor:pointer}.topbar-user-search-item:hover{background:var(--bg-hover)}.topbar-user-search-avatar{width:28px;height:28px;border-radius:999px;object-fit:cover;border:1px solid var(--border);background:var(--bg-secondary)}.topbar-user-search-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-icon-btn{width:36px;height:36px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition)}.topbar-icon-btn:hover{border-color:var(--accent-border);color:var(--accent)}.topbar-icon-btn svg{width:16px;height:16px}.topbar-menu-btn{display:flex;width:44px;height:44px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--transition);flex-shrink:0}.topbar-menu-btn:hover{border-color:var(--accent-border);background:var(--bg-hover);color:var(--accent)}.topbar-menu-btn svg{width:24px;height:24px}@media (max-width: 640px){.topbar{padding:0 14px;gap:10px}.topbar-title{display:block;font-size:15px;line-height:1.2}.topbar-sub{display:block;margin-left:0;margin-top:2px;font-size:11px;line-height:1.2}.topbar-actions{gap:8px;flex-shrink:0}.topbar-user-search-form{min-width:160px;max-width:42vw;height:34px}.topbar-menu-btn{width:40px;height:40px}.topbar-menu-btn svg{width:20px;height:20px}}@media (max-width: 480px){.topbar-sub{display:none}.topbar-user-search-form{min-width:132px;max-width:46vw}.topbar-user-search-input{font-size:12px}}.page-header{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{font-size:22px;font-weight:700;margin-bottom:4px}.page-header p{color:var(--text-muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.stat-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-gold)}.stat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.stat-card-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.stat-card-icon{width:34px;height:34px;border-radius:var(--radius);background:var(--accent-glow);display:flex;align-items:center;justify-content:center;color:var(--accent)}.stat-card-icon svg{width:17px;height:17px}.stat-card-value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.stat-card-delta{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.stat-card-delta.up{color:var(--success)}.stat-card-delta.down{color:var(--danger)}.stat-card-delta.neutral{color:var(--text-muted)}.stat-card-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);opacity:0;transition:opacity var(--transition)}.stat-card:hover .stat-card-accent{opacity:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.card-title svg{width:16px;height:16px;color:var(--accent)}.card-body{padding:20px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-card-2);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-success{background:#27ae6026;color:#27ae60}.badge-danger{background:#e74c3c26;color:#e74c3c}.badge-warning{background:#f39c1226;color:#f39c12}.badge-info{background:#3498db26;color:#3498db}.badge-gold{background:var(--accent-glow);color:var(--accent)}.badge-neutral{background:#ffffff12;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;border:none;transition:all var(--transition);white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--accent-border);color:var(--accent)}.btn-danger{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.btn-danger:hover{background:#e74c3c33}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{border-color:var(--border);color:var(--text-primary)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.3px}.form-control{width:100%;padding:9px 12px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;transition:border-color var(--transition);outline:none}.form-control:focus{border-color:var(--accent-border)}.form-control::placeholder{color:var(--text-muted)}.form-control option{background:var(--bg-card-2)}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.progress{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.progress-bar.success{background:var(--success)}.progress-bar.danger{background:var(--danger)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;opacity:.3;margin-bottom:12px}.empty-state p{font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px;flex-direction:column;gap:12px;color:var(--text-muted)}.ci-ring{display:flex;flex-direction:column;align-items:center;padding:20px}.ci-ring svg{transform:rotate(-90deg)}.ci-ring-label{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:8px}.ci-ring-value{font-size:32px;font-weight:800;color:var(--accent);position:absolute}.ci-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.journal-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.journal-form{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.journal-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.trade-result-win{color:var(--success);font-weight:700}.trade-result-loss{color:var(--danger);font-weight:700}.trade-result-be{color:var(--warning);font-weight:700}.direction-long{color:var(--success);font-weight:600}.direction-short{color:var(--danger);font-weight:600}.leaderboard-row{display:flex;align-items:center;gap:14px}.lb-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.lb-rank-1{background:var(--accent);color:#000}.lb-rank-2{background:silver;color:#000}.lb-rank-3{background:#cd7f32;color:#fff}.lb-rank-n{background:var(--bg-hover);color:var(--text-muted)}.lb-score{font-size:16px;font-weight:800;color:var(--accent)}.session-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);margin-bottom:12px;transition:border-color var(--transition)}.session-card:hover{border-color:var(--accent-border)}.session-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.session-dot.live{background:var(--success);box-shadow:0 0 0 3px #27ae6033;animation:pulse 1.5s infinite}.session-dot.upcoming{background:var(--warning)}.session-dot.ended{background:var(--bg-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-header{display:flex;align-items:flex-start;gap:20px;padding:24px}.profile-avatar-lg{width:72px;height:72px;border-radius:50%;background:var(--accent-glow);border:2px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--accent);flex-shrink:0}.profile-meta h2{font-size:20px;font-weight:700;margin-bottom:4px}.profile-meta p{font-size:13px;color:var(--text-muted)}.profile-level{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--accent-glow);border:1px solid var(--accent-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--accent);margin-top:8px}.badges-grid{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}.badge-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-card-2);border:1px solid var(--border);text-align:center;min-width:80px;transition:border-color var(--transition)}.badge-item:hover{border-color:var(--accent-border)}.badge-item-icon{font-size:22px;margin-bottom:4px}.badge-item-name{font-size:11px;color:var(--text-muted);font-weight:500}.bubble-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:20px}.bubble-cell{aspect-ratio:1;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);border:1px solid var(--border)}.bubble-cell:hover{transform:scale(1.04);box-shadow:var(--shadow-md)}.bubble-cell-symbol{font-size:14px;margin-bottom:4px}.bubble-cell-change{font-size:18px;font-weight:800}.bubble-cell-name{font-size:10px;opacity:.7;margin-top:2px}.bubble-up{background:#27ae6026;border-color:#27ae604d;color:var(--success)}.bubble-down{background:#e74c3c26;border-color:#e74c3c4d;color:var(--danger)}.bubble-flat{background:var(--bg-card);color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,#0a0a0a 100%);padding:20px;position:relative;overflow:hidden}.login-container{position:relative;z-index:10;width:100%;max-width:420px}.login-box{width:100%}.login-header-premium{text-align:center;margin-bottom:40px}.login-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.login-logo-mark{position:relative;width:64px;height:64px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#000;margin:0 auto;box-shadow:0 8px 32px #d4af3733;border:1px solid rgba(244,225,140,.3);overflow:hidden}.logo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 60%);border-radius:16px}.login-logo-text h1{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.login-logo-text p{font-size:12px;color:var(--accent);margin-top:4px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.login-card-wrapper{position:relative;margin-bottom:28px}.login-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.15)}.login-card-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.login-card-header p{font-size:13px;color:var(--text-muted);margin:6px 0 0;line-height:1.4}.login-lock-icon{width:48px;height:48px;background:#d4af371a;border:1px solid rgba(212,175,55,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.login-lock-icon svg{width:24px;height:24px}.login-error-wrapper{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e74c3c26,#e74c3c14);border:1px solid rgba(231,76,60,.3);border-radius:12px;padding:12px 16px;margin-bottom:24px;color:#ff7e79;font-size:13px;font-weight:500}.login-error-wrapper svg{width:16px;height:16px;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.login-form-group{display:flex;flex-direction:column;gap:8px}.login-form-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.login-input-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted);margin-right:10px;flex-shrink:0;transition:color .3s ease}.input-premium.focused .login-input-icon{color:var(--accent)}.input-premium.filled .login-input-icon{color:#27ae60}.login-input-check{font-size:16px;color:#27ae60;margin-left:10px;font-weight:700}.login-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:20px 0;border-top:1px solid rgba(212,175,55,.15)}.login-feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#d4af370d;border:1px solid rgba(212,175,55,.1);transition:all .3s ease;text-align:center}.login-feature-item:hover{background:#d4af371a;border-color:#d4af3733;transform:translateY(-3px)}.login-feature-item svg{width:20px;height:20px;color:var(--accent);opacity:.8;flex-shrink:0}.login-feature-item span{font-size:11px;color:var(--text-muted);line-height:1.3;font-weight:500}.login-footer{text-align:center;font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px}.login-footer .divider{opacity:.5}@media (max-width: 480px){.login-card-header{flex-direction:column;gap:12px}.login-lock-icon{width:40px;height:40px;font-size:18px}.login-logo-mark{width:56px;height:56px;font-size:28px}.login-logo-text h1{font-size:20px}.login-features{grid-template-columns:1fr;gap:8px}.login-feature-item{padding:10px}}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:15px;font-weight:700}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:absolute;top:6px;right:6px}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;width:100%;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (min-width: 769px){.app-main{margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-main.sidebar-closed{margin-left:0}.app-main.sidebar-collapsed{margin-left:70px}}@media (max-width: 768px){.app-main{margin-left:0}}.app-content{flex:1;padding:28px 32px;margin-top:var(--topbar-height);overflow-x:hidden;transition:padding .3s cubic-bezier(.4,0,.2,1)}.app-main.has-maintenance-banner .app-content{margin-top:calc(var(--topbar-height) + var(--maintenance-banner-height))}.app-content.sidebar-mobile-open{filter:brightness(.7);pointer-events:none}@media (max-width: 768px){.maintenance-banner{padding:10px 16px;align-items:flex-start;flex-direction:column;gap:6px}.app-content{padding:20px 16px}}@media (max-width: 480px){.app-content{padding:16px 12px}}@media (max-width: 900px){.panel-content{padding:20px 16px}.form-row,.form-row-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.panel-content{padding:16px 12px}.form-row,.form-row-3{grid-template-columns:1fr}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background-color:#1a1a1a;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:1001;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000004d}.sidebar.collapsed{width:70px}@media (min-width: 769px){.sidebar{transform:translate(0)}@media (max-width: 768px){.sidebar:not(.open){transform:translate(-100%)}}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;animation:fadeIn .3s ease-in-out}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #2d2d2d;flex-shrink:0;animation:slideInDown .4s ease-out}.sidebar-logo-mark{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af372e,#d4af3714);border:1px solid rgba(212,175,55,.28);color:#d4af37;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000040;transition:transform .2s ease-in-out;flex-shrink:0}.sidebar-logo-mark svg{width:20px;height:20px}.sidebar-logo-mark:hover{transform:scale(1.05) rotate(-2deg)}.sidebar-logo-text{display:flex;flex-direction:column;min-width:0}.sidebar-logo-title{font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logo-sub{font-weight:600;font-size:11px;color:#d4af37;text-transform:uppercase;letter-spacing:.5px}.sidebar-close-btn{margin-left:auto;display:none}.sidebar-stats{padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #2d2d2d;flex-shrink:0;animation:slideInDown .4s ease-out .1s both}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#2d2d2d;border-radius:8px;transition:all .2s ease-in-out;cursor:help}.stat-item:hover{background:#3a3a3a;transform:translateY(-2px)}.stat-value{font-weight:700;font-size:14px;color:#d4af37}.stat-label{font-size:10px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.3px}.sidebar-stats-error{border-color:#ff4757;background:#ff47571a}.sidebar-stats-error .error-message{grid-column:1 / -1;font-size:11px;color:#ff4757;text-align:center;padding:8px;font-weight:600}.sidebar-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.sidebar-section{animation:slideInLeft .4s ease-out}.sidebar-section-label{display:flex;align-items:center;width:100%;padding:10px 12px;background:none;border:none;color:#8a8a8a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease-in-out;border-radius:6px;-webkit-user-select:none;user-select:none}.sidebar-section-label:hover{background:#2d2d2d;color:#d4af37}.sidebar-section-label[aria-expanded=true]{color:#d4af37}.sidebar-items-container{display:flex;flex-direction:column;gap:4px;animation:slideInDown .3s ease-out;max-height:500px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:1px solid transparent;border-radius:6px;color:#bbb;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transform:translate(-100%);transition:transform .5s ease-in-out}.sidebar-item:hover:before{transform:translate(100%)}.sidebar-item:hover{background:#d4af371a;border-color:#d4af3733;color:#fff;transform:translate(4px)}.sidebar-item.active{background:#d4af3726;border-color:#d4af37;color:#d4af37;font-weight:600}.sidebar-item-label{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#ff4757;color:#fff;font-size:11px;font-weight:700;border-radius:10px;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid #2d2d2d;flex-shrink:0;display:flex;flex-direction:column;gap:8px;animation:slideInUp .4s ease-out}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#2d2d2d;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.sidebar-user:hover{background:#3a3a3a;border-color:#d4af37}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8941f);color:#121212;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease-in-out}.sidebar-user:hover .sidebar-avatar{transform:scale(1.1)}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-name{font-weight:600;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:12px 6px}.sidebar.collapsed .sidebar-logo-mark{width:32px;height:32px}.sidebar.collapsed .sidebar-collapse-btn{margin-left:auto;display:flex!important;font-size:18px;padding:4px 8px;color:#d4af37}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px;border-radius:8px;margin:4px}.sidebar.collapsed .sidebar-item.icon-only{padding:10px;height:44px;width:44px}.sidebar.collapsed .sidebar-items-container{display:flex;flex-direction:column;gap:4px;padding:8px 4px}.sidebar.collapsed .sidebar-footer{padding:8px 4px;justify-content:center}.sidebar.collapsed .sidebar-user,.sidebar.collapsed .sidebar-stats{display:none}.skeleton{background:linear-gradient(90deg,#2d2d2d 25%,#3a3a3a,#2d2d2d 75%);background-size:200% 100%;animation:pulse 1.5s infinite}.skeleton-xs{height:12px;border-radius:4px}.skeleton-sm{height:16px;border-radius:4px}.skeleton-md{height:24px;border-radius:6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{background-position:200% 0}50%{background-position:0 0}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px;transition:background .2s}.sidebar::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width: 768px){.sidebar{width:260px;max-width:100%;transform:translate(-100%);border-right:1px solid #2d2d2d;box-shadow:4px 0 16px #00000080;z-index:1001}.sidebar.open{transform:translate(0);animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1) forwards}.sidebar-overlay{z-index:1000}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}}@media (max-width: 640px){.sidebar{width:100%;max-width:85vw}.sidebar-logo{padding:12px;gap:8px}.sidebar-logo-mark{width:36px;height:36px;font-size:16px}.sidebar-logo-title{font-size:12px}.sidebar-logo-sub{font-size:10px}.sidebar-stats{padding:8px;gap:6px}.stat-item{padding:6px}.stat-value{font-size:12px}.stat-label{font-size:9px}.sidebar-nav{padding:8px;gap:6px}.sidebar-section-label{padding:8px 10px;font-size:10px}.sidebar-item{padding:8px 10px;font-size:13px;gap:8px}.sidebar-footer{padding:8px;gap:6px}.sidebar-user{padding:8px 10px}.sidebar-avatar{width:36px;height:36px;font-size:12px}}@media (max-width: 480px){.sidebar{width:100%;max-width:90vw}.sidebar-logo{padding:10px}.sidebar-logo-mark{width:32px;height:32px;font-size:14px}.sidebar-logo-text{flex:1}.sidebar-logo-title{font-size:11px}.sidebar-logo-sub{font-size:9px}.sidebar-stats{padding:6px;gap:4px;grid-template-columns:1fr 1fr 1fr}.stat-item{padding:4px;gap:2px}.stat-value{font-size:11px}.stat-label{font-size:8px}.sidebar-nav{padding:6px;gap:4px}.sidebar-section-label{padding:6px 8px;font-size:9px}.sidebar-item{padding:6px 8px;font-size:12px;gap:6px}.sidebar-item-label{font-size:12px}.sidebar-footer{padding:6px;gap:4px}.sidebar-user{padding:6px 8px}.sidebar-avatar{width:32px;height:32px;font-size:11px}.sidebar-user-name{font-size:12px}.sidebar-user-role{font-size:10px}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-logo,.sidebar-stats,.sidebar-section,.sidebar-items-container,.sidebar-footer,.sidebar-item,.sidebar-user,.sidebar-avatar,.sidebar-logo-mark,.sidebar-item:before,.sidebar-overlay{animation:none!important;transition:none!important}}@media (prefers-color-scheme: dark){.sidebar{background-color:#0d0d0d;border-color:#1a1a1a}.sidebar-logo,.sidebar-section-label,.sidebar-user{border-color:#1a1a1a}.sidebar-section-label:hover,.stat-item:hover,.sidebar-user:hover{background:#1a1a1a}}.video-player{position:relative;width:100%;height:100%;background:#000;border-radius:var(--radius-md, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-user-select:none;user-select:none}.video-element{width:100%;height:100%;display:block;object-fit:contain;background:#000}.player-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;pointer-events:none;z-index:5}.player-logo-mark{width:120px;height:120px;display:inline-flex;align-items:center;justify-content:center;border-radius:28px;color:#d4af37b8;background:radial-gradient(circle at top,rgba(212,175,55,.14),rgba(212,175,55,.04) 58%,transparent 100%);border:1px solid rgba(212,175,55,.16);opacity:.5;filter:drop-shadow(0 4px 12px rgba(212,175,55,.2))}.player-logo-mark svg{width:56px;height:56px}.player-badges{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:8px;z-index:15;pointer-events:none}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-overlay.player-loading{background:#000000b3}.player-overlay.player-error{background:#000000d9}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.spinner{width:48px;height:48px;border:3px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin-loader 1s linear infinite}@keyframes spin-loader{to{transform:rotate(360deg)}}.loading-spinner p{color:#ddd;font-size:14px;margin:0;font-weight:500}.retry-info{font-size:12px!important;color:#aaa!important;margin-top:8px!important}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:400px}.error-icon{font-size:48px;line-height:1;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:.6}50%{opacity:1}}.error-content h3{color:#ff6b6b;font-size:18px;margin:0;font-weight:600}.error-content p{color:#bbb;font-size:14px;margin:0;line-height:1.5}.continue-button-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:12;animation:slide-up .4s ease-out}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.continue-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#d4af371f;border:1px solid rgba(212,175,55,.35);border-radius:8px;color:#d4af37;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:none;letter-spacing:.5px}.continue-button:hover{background:#d4af372e;border-color:#d4af3780;color:#f4e18c;box-shadow:0 4px 12px #d4af3726;transform:translateY(-2px)}.continue-button:active{transform:translateY(0);background:#d4af371a}.continue-icon{font-size:16px;display:inline-block;opacity:.9}.continue-text{white-space:nowrap}.error-hint{color:#999!important;font-size:12px!important;margin-top:8px!important}.error-retry-btn{background:linear-gradient(135deg,#d4af37,#f4e18c);border:none;color:#000;padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d4af374d;margin-top:8px}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.error-retry-btn:active{transform:translateY(0)}.watermark{user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:default!important}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);padding:32px 16px 12px;opacity:1;transition:opacity .3s ease;z-index:20}.player-controls.hidden{opacity:0;pointer-events:none}.progress-container{width:100%;margin-bottom:12px;position:relative}.progress-bar{position:relative;width:100%;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;overflow:visible;transition:height .2s ease;display:flex;align-items:center}.progress-bar:hover{height:6px;background:#ffffff40}.progress-bar:hover .progress-handle{opacity:1;transform:scale(1)}.progress-bar:hover .progress-tooltip{opacity:1;pointer-events:auto}.progress-buffered{position:absolute;top:0;left:0;height:100%;background:#d4af374d;border-radius:2px;pointer-events:none;transition:width .1s linear}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#d4af37,#f4e18c);border-radius:2px;transition:width .1s linear;pointer-events:none;box-shadow:0 0 8px #d4af3780}.progress-handle{position:absolute;width:12px;height:12px;background:#f4e18c;border-radius:50%;border:2px solid white;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 2px 8px #00000080;z-index:21}.progress-saved-marker{position:absolute;width:2px;height:100%;background:#f4e18c99;border-left:1px dashed rgba(212,175,55,.8);transform:translate(-50%);pointer-events:none;z-index:4;cursor:help}.progress-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;transform:translate(-50%);background:#000000f2;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30;border:1px solid rgba(212,175,55,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0009}.progress-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.95)}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.controls-left,.controls-right{display:flex;align-items:center;gap:8px}.keyboard-help{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#000000f2;color:#fff;padding:16px;border-radius:6px;font-size:12px;width:280px;max-height:300px;overflow-y:auto;z-index:30;border:1px solid rgba(212,175,55,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0009}.keyboard-help h4{margin:0 0 12px;font-size:13px;font-weight:700;color:#f4e18c;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:8px}.keyboard-help-group{margin-bottom:12px}.keyboard-help-group:last-child{margin-bottom:0}.keyboard-help-item{display:flex;justify-content:space-between;margin-bottom:6px;align-items:flex-start}.keyboard-help-item:last-child{margin-bottom:0}.keyboard-help-key{background:#d4af3733;border:1px solid rgba(212,175,55,.4);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-weight:600;color:#f4e18c;white-space:nowrap;margin-right:8px;flex-shrink:0}.keyboard-help-desc{color:#ccc;font-size:11px}.control-btn{background:none;border:none;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease;flex-shrink:0;padding:0}.control-btn:hover{background:#d4af3733;color:#d4af37;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn svg{width:18px;height:18px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.time-display{color:#ddd;font-size:12px;font-weight:500;margin-left:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.volume-control{display:flex;align-items:center;gap:4px;transition:width .3s ease;overflow:visible;width:70px}.volume-slider{width:60px;height:4px;background:#fff3;border-radius:2px;cursor:pointer;opacity:1;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.volume-control:hover .volume-slider{width:60px;opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#d4af37;cursor:pointer;transition:all .2s ease;box-shadow:0 0 4px #d4af374d}.volume-slider::-webkit-slider-thumb:hover{background:#f4e18c;box-shadow:0 0 8px #d4af3799;transform:scale(1.3)}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#d4af37;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 0 4px #d4af374d}.volume-slider::-moz-range-thumb:hover{background:#f4e18c;box-shadow:0 0 8px #d4af3799;transform:scale(1.3)}.speed-menu{position:relative;display:flex;align-items:center}.speed-dropdown{position:absolute;bottom:100%;right:0;background:#000000f2;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:8px 0;margin-bottom:12px;min-width:100px;z-index:100;box-shadow:0 12px 32px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .2s ease-out}.speed-option{width:100%;background:none;border:none;color:#ddd;padding:10px 16px;text-align:left;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.speed-option:hover{background:#d4af3726;color:#d4af37;padding-left:20px}.speed-option.active{background:#d4af3740;color:#d4af37;font-weight:600}.speed-option.active:after{content:"✓";margin-left:8px;font-weight:700}.quality-menu{position:relative;display:flex;align-items:center}.quality-dropdown{position:absolute;bottom:100%;right:0;background:#000000f2;border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:8px 0;margin-bottom:12px;min-width:140px;z-index:100;box-shadow:0 12px 32px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quality-option{width:100%;background:none;border:none;color:#ddd;padding:10px 16px;text-align:left;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.quality-option:hover{background:#d4af3726;color:#d4af37;padding-left:20px}.quality-option.active{background:#d4af3740;color:#d4af37;font-weight:600}.quality-option.active:after{content:"✓";margin-left:8px;font-weight:700}.video-player:fullscreen{width:100vw;height:100vh;border-radius:0}@media (max-width: 768px){.player-badges{gap:6px}.badge{padding:3px 8px;font-size:10px}.control-btn{width:32px;height:32px}.control-btn svg{width:16px;height:16px}.time-display{font-size:11px}.volume-control:hover .volume-slider{width:45px}.player-controls{padding:24px 12px 8px}}@media (max-width: 480px){.player-logo img{width:80px;height:80px}.error-content{max-width:280px}.error-content h3{font-size:16px}.control-btn{width:28px;height:28px}.control-btn svg{width:14px;height:14px}.time-display{font-size:10px;margin-left:4px}.volume-control:hover .volume-slider{width:35px}.player-controls{padding:20px 8px 4px}.controls-left,.controls-right{gap:4px}.quality-dropdown{min-width:120px}}.achievements-notification{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;box-shadow:0 20px 60px #667eea66;color:#fff;max-width:380px;animation:slideUpNotification .4s cubic-bezier(.34,1.56,.64,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.achievements-content h3{margin:0 0 16px;font-size:18px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.achievements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.achievement-item{display:flex;gap:12px;padding:12px;background:#ffffff1a;border-radius:12px;align-items:flex-start}.achievement-icon{min-width:40px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.achievement-icon svg{display:block}.achievement-info{flex:1}.achievement-info h4{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.achievement-info p{margin:0;font-size:12px;opacity:.9;line-height:1.4}.achievements-btn-close{width:100%;padding:10px 16px;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s ease}.achievements-btn-close:hover{background:#ffffff4d}.achievements-btn-close:active{background:#ffffff40;transform:scale(.98)}@keyframes slideUpNotification{0%{transform:translateY(400px);opacity:0}to{transform:translateY(0);opacity:1}}.video-completed-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #4caf504d;z-index:100;animation:badgePulse .6s ease}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.spinner,.error-icon,.player-controls,.progress-fill,.control-btn,.quality-dropdown{animation:none!important;transition:none!important}}@media (prefers-contrast: more){.badge{border-width:2px}.control-btn:hover{background:#d4af3766}}.leaderboard-page{max-width:1200px;margin:0 auto;padding:24px 16px}.leaderboard-header{margin-bottom:32px}.leaderboard-title-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.leaderboard-title-section h1{font-size:32px;font-weight:700;color:#fff;margin:0}.leaderboard-title-section .subtitle{font-size:14px;color:#999;margin:0}.user-position-card{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #D4AF37;border-radius:12px;padding:24px;margin-bottom:32px;display:flex;align-items:center;gap:32px}.position-label{font-size:12px;color:#d4af37;text-transform:uppercase;font-weight:600;letter-spacing:1px}.position-content{flex:1}.position-rank{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.position-name{font-size:18px;color:#fff;margin-bottom:8px}.position-metric{font-size:14px;color:#bbb;display:flex;gap:12px;flex-wrap:wrap}.metric-separator{color:#666}.leaderboard-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid #333;flex-wrap:wrap}.tab-btn{padding:12px 20px;background:none;border:none;color:#999;font-size:14px;font-weight:500;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-btn:hover,.tab-btn.active{color:#d4af37}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d4af37}.tab-icon{font-size:16px}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loader{width:48px;height:48px;border:3px solid #333;border-top:3px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite}.leaderboard-loading p{color:#999;font-size:14px}.leaderboard-error{background:#2a1a1a;border:1px solid #cc5555;border-radius:8px;padding:20px;text-align:center;margin-bottom:32px}.leaderboard-error p{color:#f66;margin:0 0 12px;font-size:14px}.btn-retry{padding:8px 16px;background:#d4af37;color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:12px;transition:all .2s ease}.btn-retry:hover{background:#f4e18c;transform:translateY(-2px)}.leaderboard-table-container{overflow-x:auto;margin-bottom:32px}.leaderboard-table{width:100%;border-collapse:collapse;background:transparent}.leaderboard-table thead{border-bottom:2px solid #D4AF37}.leaderboard-table th{padding:16px;text-align:left;font-weight:600;color:#d4af37;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.leaderboard-table tbody tr{border-bottom:1px solid #333;transition:all .2s ease}.leaderboard-table tbody tr:hover{background:#d4af3714}.leaderboard-row.top-rank{background:#d4af371f}.leaderboard-row.user-row{background:#d4af3733;border-left:3px solid #D4AF37}.leaderboard-table td{padding:16px;color:#fff;font-size:14px}.rank-cell{display:flex;align-items:center;gap:8px;font-weight:600;color:#d4af37}.rank-number{min-width:32px}.name-cell{font-weight:500}.trader-name{display:block;color:#fff}.metric-cell{text-align:right;color:#bbb}.metric-value{font-weight:500;color:#fff}.leaderboard-empty{text-align:center;padding:80px 20px;color:#666;font-size:16px}@media (max-width: 768px){.leaderboard-page{padding:16px 12px}.leaderboard-title-section h1{font-size:24px}.user-position-card{flex-direction:column;gap:16px;padding:16px}.position-rank{font-size:24px}.position-name{font-size:16px}.leaderboard-table th,.leaderboard-table td{padding:12px 8px;font-size:12px}.tab-btn{padding:10px 14px;font-size:12px}}@media (max-width: 480px){.leaderboard-page{padding:12px 8px}.leaderboard-title-section{gap:12px}.leaderboard-title-section h1{font-size:20px}.leaderboard-title-section svg{width:24px;height:24px}.user-position-card{padding:12px;margin-bottom:20px}.position-rank{font-size:20px}.position-name{font-size:14px}.position-metric{font-size:12px;gap:8px}.leaderboard-tabs{gap:4px}.tab-btn{padding:8px 10px;font-size:11px}.tab-icon{font-size:14px}.leaderboard-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table th,.leaderboard-table td{padding:10px 6px;font-size:11px}.rank-cell{gap:4px}.rank-number{min-width:24px}}@media (max-width: 1024px){.cursos-main-content{flex-direction:column!important;height:auto!important}.cursos-player-section{width:100%!important}.cursos-videos-sidebar{width:100%!important;border-left:none!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-left:0!important;padding-top:20px!important;max-height:300px!important}.cursos-videos-list{flex-direction:row!important;gap:15px!important;overflow-x:auto!important;overflow-y:hidden!important}.cursos-video-item{flex-direction:column!important;width:150px!important;min-width:150px!important}.cursos-video-thumbnail{width:100%!important;height:84px!important}.cursos-video-info{width:100%!important}}@media (max-width: 768px){.cursos-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.cursos-header h1{font-size:20px!important}.cursos-header button{width:100%!important}.cursos-main-content{padding:16px!important;height:auto!important;min-height:auto!important}.cursos-videos-sidebar{max-height:250px!important}.cursos-video-item .cursos-video-thumbnail{width:100px!important;height:56px!important}}@media (max-width: 480px){.cursos-header{padding:16px!important}.cursos-header h1{font-size:18px!important}.cursos-header p{font-size:12px!important}.cursos-main-content{padding:12px!important;gap:12px!important}.cursos-videos-list{gap:10px!important}.cursos-video-item{gap:8px!important;padding:8px!important}.cursos-video-thumbnail{width:80px!important;height:45px!important}.cursos-video-info p{font-size:11px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow{0%{box-shadow:0 0 10px #d4af374d}50%{box-shadow:0 0 30px #d4af3799}to{box-shadow:0 0 10px #d4af374d}}@keyframes glowSubtle{0%,to{box-shadow:0 0 15px #d4af3726}50%{box-shadow:0 0 25px #d4af3740}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes statsCardEnter{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-slide-in-down{animation:slideInDown .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-float{animation:floatAnim 4s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-spin{animation:spin 1s linear infinite}.card-premium{position:relative;background:linear-gradient(135deg,#212121e6,#1a1a1ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.2);border-radius:20px;box-shadow:0 20px 60px #000c,inset 0 0 30px #d4af370d}.card-premium:hover{border-color:#d4af374d;box-shadow:0 24px 72px #000000e6,inset 0 0 30px #d4af3714}.card-premium{padding:32px}.input-premium{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:12px 14px;transition:all .3s ease}.input-premium:hover{border-color:#d4af374d;background:#0006}.input-premium:focus-within{border-color:#d4af37;background:#d4af370d;box-shadow:0 0 0 3px #d4af371a,inset 0 0 8px #d4af370d}.input-premium input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none;padding:0;font-weight:500}.input-premium input::placeholder{color:#999;font-weight:400}.btn-premium{position:relative;padding:14px 20px;background:linear-gradient(135deg,#d4af37,#b8941f);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#000;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af374d,inset 0 0 20px #fff3;border-color:#d4af3780}.btn-premium:active:not(:disabled){transform:translateY(0)}.btn-premium:disabled{opacity:.6;cursor:not-allowed}.btn-premium-secondary{position:relative;padding:14px 20px;background:linear-gradient(135deg,#d4af37,#b8941f);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#000;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.btn-premium-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af374d,inset 0 0 20px #fff3;border-color:#d4af3780}.btn-premium-secondary:active:not(:disabled){transform:translateY(0)}.btn-premium-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-premium-secondary{background:transparent;border:1.5px solid #D4AF37;color:#d4af37;box-shadow:0 4px 12px #d4af371a}.btn-premium-secondary:hover:not(:disabled){background:#d4af371a}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#d4af371a;border:1px solid rgba(212,175,55,.25);border-radius:8px;color:#d4af37;font-size:12px;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.badge-premium:hover{background:#d4af3726;border-color:#d4af3766;transform:translateY(-2px)}.glass{background:#21212180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.gradient-subtle{background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%)}.state-filled .input-premium{border-color:#27ae60}.state-error .input-premium{border-color:#ff7e79;background:#ff7e790d}.state-loading{pointer-events:none;opacity:.7}.state-loading svg{animation:spin 1s linear infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@media (max-width: 768px){.card-premium{padding:24px}.orb{transform:scale(.7)!important}}@media (max-width: 480px){.card-premium{padding:16px}.input-premium{padding:10px 12px}.btn-premium{padding:12px 16px;font-size:14px}}body{background:linear-gradient(135deg,#121212,#0a0a0a);min-height:100vh}.app-content{background:linear-gradient(135deg,#121212,#0a0a0a)}.orb{position:absolute;border-radius:50%;opacity:.05;animation:floatAnim 6s ease-in-out infinite;pointer-events:none}.orb.orb-lg{width:400px;height:400px}.orb.orb-md{width:300px;height:300px}.orb.orb-sm{width:250px;height:250px}.orb.accent{background:radial-gradient(circle,#D4AF37 0%,transparent 70%)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}@media (max-width: 768px){.orb{transform:scale(.7)!important}}.public-dashboard{min-height:100vh;background:linear-gradient(135deg,#121212,#1a1a1a);color:#fff;position:relative;overflow:hidden}.public-dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,175,55,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.dashboard-orbs{position:absolute;width:100%;height:100%;pointer-events:none;top:0;right:0;bottom:0;left:0}.dashboard-orbs .orb-1{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%);border-radius:50%;top:-200px;left:-100px;animation:floatAnim 8s ease-in-out infinite}.dashboard-orbs .orb-2{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(52,152,219,.1) 0%,transparent 70%);border-radius:50%;bottom:-150px;right:-100px;animation:floatAnim 7s ease-in-out infinite}.navbar{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212b3;border-bottom:1px solid rgba(212,175,55,.1)}@media (max-width: 1024px){.navbar{padding:18px 28px}}@media (max-width: 768px){.navbar{padding:16px 24px}}@media (max-width: 640px){.navbar{flex-direction:column;align-items:stretch;gap:14px;padding:14px 18px}}.navbar-brand{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 auto;cursor:pointer;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.02)}@media (max-width: 640px){.navbar-brand{justify-content:center}}.navbar-brand .navbar-brand-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#f4e18c;background:linear-gradient(135deg,#d4af3733,#d4af3714);border:1px solid rgba(212,175,55,.25);box-shadow:0 12px 28px #0000003d}.navbar-brand .navbar-brand-icon svg{width:22px;height:22px}@media (max-width: 768px){.navbar-brand .navbar-brand-icon{width:40px;height:40px;border-radius:12px}}.navbar-brand .brand-text{min-width:0}.navbar-brand .brand-text .brand-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.2}@media (max-width: 640px){.navbar-brand .brand-text .brand-title{font-size:15px}}.navbar-brand .brand-text .brand-version{font-size:11px;color:#999;margin-top:2px}.navbar-cta{position:relative;padding:14px 20px;background:linear-gradient(135deg,#d4af37,#b8941f);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#000;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.navbar-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af374d,inset 0 0 20px #fff3;border-color:#d4af3780}.navbar-cta:active:not(:disabled){transform:translateY(0)}.navbar-cta:disabled{opacity:.6;cursor:not-allowed}.navbar-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-size:14px;flex-shrink:0}@media (max-width: 768px){.navbar-cta{padding:8px 16px;font-size:12px}}@media (max-width: 640px){.navbar-cta{width:100%}}.hero-section{position:relative;z-index:10;padding:100px 40px;text-align:center;max-width:1000px;margin:0 auto;animation:fadeInUp 1s ease-out}@media (max-width: 1024px){.hero-section{padding:80px 28px}}@media (max-width: 768px){.hero-section{padding:60px 24px}}@media (max-width: 480px){.hero-section{padding:48px 18px}}.hero-section h1{font-size:56px;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#d4af37,#b8941f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;line-height:1.2}@media (max-width: 768px){.hero-section h1{font-size:36px}}@media (max-width: 480px){.hero-section h1{font-size:30px;margin-bottom:18px}}.hero-section p{font-size:18px;color:#bdbdbd;margin-bottom:40px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero-section p{font-size:16px;margin-bottom:32px}}@media (max-width: 480px){.hero-section p{font-size:15px;margin-bottom:28px}}.hero-cta{position:relative;padding:14px 20px;background:linear-gradient(135deg,#d4af37,#b8941f);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#000;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.hero-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af374d,inset 0 0 20px #fff3;border-color:#d4af3780}.hero-cta:active:not(:disabled){transform:translateY(0)}.hero-cta:disabled{opacity:.6;cursor:not-allowed}.hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;font-size:16px;margin:0 auto;animation:slideInUp 1s ease-out .2s backwards}@media (max-width: 768px){.hero-cta{padding:12px 32px;font-size:14px}}@media (max-width: 480px){.hero-cta{width:min(100%,320px)}}.stats-section{position:relative;z-index:10;padding:100px 40px;background:#ffffff05;border-top:1px solid rgba(212,175,55,.1);border-bottom:1px solid rgba(212,175,55,.1)}@media (max-width: 1024px){.stats-section{padding:80px 28px}}@media (max-width: 768px){.stats-section{padding:60px 24px}}@media (max-width: 480px){.stats-section{padding:48px 18px}}.stats-container{max-width:1400px;margin:0 auto}.section-title{font-size:36px;font-weight:800;margin-bottom:60px;text-align:center;animation:fadeInUp 1s ease-out}@media (max-width: 768px){.section-title{font-size:28px;margin-bottom:40px}}@media (max-width: 480px){.section-title{font-size:24px;margin-bottom:28px}}.stats-caption{max-width:760px;margin:-28px auto 40px;text-align:center;color:#bdbdbd;font-size:15px;line-height:1.6}@media (max-width: 768px){.stats-caption{margin:-18px auto 28px;font-size:14px}}@media (max-width: 480px){.stats-caption{margin:-10px auto 22px;font-size:13px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:16px}}.stat-card{position:relative;padding:36px 28px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f0fbf,#191919a6);border:1px solid rgba(212,175,55,.4);border-radius:24px;box-shadow:0 0 60px #d4af371a,0 20px 60px #000000b3,inset 0 -1px 3px #ffffff14,inset 0 1px 3px #d4af371a;transition:all .5s cubic-bezier(.23,1,.32,1);animation:statsCardEnter .7s cubic-bezier(.34,1.56,.64,1) var(--animation-delay, 0s) backwards;transform:translateZ(0);will-change:transform,box-shadow,opacity}@media (max-width: 1024px){.stat-card{padding:30px 22px}}@media (max-width: 480px){.stat-card{padding:24px 18px;border-radius:20px}}.stat-card:hover{transform:translateY(-12px) translateZ(0);background:linear-gradient(135deg,#141414cc,#1e1e1eb3);border-color:#d4af3799;box-shadow:0 0 80px #d4af3726,0 30px 80px #000c,inset 0 -1px 3px #ffffff1f,inset 0 1px 6px #d4af3726}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(212,175,55,.3) 0%,rgba(212,175,55,.05) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.stat-card .stat-icon{font-size:56px;margin-bottom:24px;display:inline-block;animation:iconBounce 3s cubic-bezier(.68,-.55,.265,1.55) infinite;filter:drop-shadow(0 8px 12px rgba(212,175,55,.25));transition:all .4s ease;transform:scale(1)}@media (max-width: 768px){.stat-card .stat-icon{font-size:48px;margin-bottom:20px}}@media (max-width: 480px){.stat-card .stat-icon{font-size:44px;margin-bottom:16px}}.stat-card:hover .stat-icon{transform:scale(1.15) rotate(10deg);filter:drop-shadow(0 12px 20px rgba(212,175,55,.4))}.stat-card .stat-label{font-size:12px;color:#bdbdbd;margin-bottom:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.8;transition:opacity .3s ease}@media (max-width: 768px){.stat-card .stat-label{font-size:11px;margin-bottom:12px}}.stat-card .stat-value{font-size:40px;font-weight:900;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#f4e18c,#d4af37,#b8941f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(212,175,55,.2))}@media (max-width: 768px){.stat-card .stat-value{font-size:32px}}@media (max-width: 480px){.stat-card .stat-value{font-size:28px}}.stat-card .stat-value .stat-unit{font-size:20px;margin-left:8px;opacity:.85;font-weight:700;letter-spacing:-.5px}.stat-card.stat-traders:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(39,174,96,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-trades:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(52,152,219,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-winrate:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(230,126,34,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-profit:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(244,225,140,.5) 0%,rgba(212,175,55,.4) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-members:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(155,89,182,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-courses:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(26,188,156,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-sessions:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(231,76,60,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.stat-card.stat-drawdown:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(149,165,166,.4) 0%,rgba(212,175,55,.3) 50%,transparent 100%);border-radius:24px 24px 0 0}.features-section{position:relative;z-index:10;padding:100px 40px;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.features-section{padding:80px 28px}}@media (max-width: 768px){.features-section{padding:60px 24px}}@media (max-width: 480px){.features-section{padding:48px 18px}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (max-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr;gap:18px}}.feature-card{position:relative;padding:40px 32px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f0fbf,#191919a6);border:1px solid rgba(212,175,55,.35);border-radius:24px;box-shadow:0 0 60px #d4af3714,0 20px 60px #0009,inset 0 -1px 3px #ffffff0f,inset 0 1px 3px #d4af3714;transition:all .4s cubic-bezier(.23,1,.32,1);animation:fadeInUp .8s ease-out;cursor:pointer;transform:translateZ(0);will-change:transform,box-shadow}@media (max-width: 1024px){.feature-card{padding:32px 24px}}@media (max-width: 480px){.feature-card{padding:24px 20px;border-radius:20px}}.feature-card:hover{transform:translateY(-16px) translateZ(0);background:linear-gradient(135deg,#141414d9,#1e1e1ebf);border-color:#d4af378c;box-shadow:0 0 80px #d4af371f,0 30px 90px #000000bf,inset 0 -1px 3px #ffffff1a,inset 0 1px 6px #d4af371f}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(212,175,55,.25) 0%,rgba(212,175,55,.05) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5;transition:opacity .3s ease}.feature-card:hover:before{opacity:.8}.feature-card .feature-icon{font-size:52px;margin-bottom:20px;transition:all .4s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 4px 12px rgba(212,175,55,.12));display:inline-block}@media (max-width: 768px){.feature-card .feature-icon{font-size:44px}}.feature-card:hover .feature-icon{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 8px 16px rgba(212,175,55,.2))}.feature-card .feature-title{font-size:20px;font-weight:800;color:#d4af37;margin-bottom:14px;letter-spacing:.3px;background:linear-gradient(135deg,#f4e18c,#d4af37 60%,#b8941f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}@media (max-width: 768px){.feature-card .feature-title{font-size:18px;margin-bottom:12px}}.feature-card:hover .feature-title{filter:drop-shadow(0 2px 8px rgba(212,175,55,.15))}.feature-card .feature-description{font-size:14px;color:#bdbdbd;line-height:1.7;margin:0;opacity:.85;transition:opacity .3s ease;flex-grow:1}@media (max-width: 768px){.feature-card .feature-description{font-size:13px;line-height:1.6}}.feature-card:hover .feature-description{opacity:1;color:#e0e0e0}.cta-section{position:relative;z-index:10;padding:100px 40px;background:linear-gradient(135deg,#d4af3714,#d4af3705);border-top:1px solid rgba(212,175,55,.2);text-align:center}@media (max-width: 1024px){.cta-section{padding:80px 28px}}@media (max-width: 768px){.cta-section{padding:60px 24px}}@media (max-width: 480px){.cta-section{padding:48px 18px}}.cta-section h2{font-size:36px;font-weight:800;margin-bottom:20px;animation:fadeInUp 1s ease-out}@media (max-width: 768px){.cta-section h2{font-size:28px}}@media (max-width: 480px){.cta-section h2{font-size:24px;margin-bottom:16px}}.cta-section p{font-size:16px;color:#bdbdbd;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .1s backwards}@media (max-width: 768px){.cta-section p{font-size:14px;margin-bottom:32px}}.cta-button{position:relative;padding:14px 20px;background:linear-gradient(135deg,#d4af37,#b8941f);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#000;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #d4af3733}.cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #d4af374d,inset 0 0 20px #fff3;border-color:#d4af3780}.cta-button:active:not(:disabled){transform:translateY(0)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;font-size:16px;animation:fadeInUp 1s ease-out .2s backwards}@media (max-width: 768px){.cta-button{padding:12px 32px;font-size:14px}}@media (max-width: 480px){.cta-button{width:min(100%,320px)}}.footer{position:relative;z-index:10;padding:40px;border-top:1px solid rgba(212,175,55,.1);text-align:center;color:#999;font-size:14px;background:#12121280}@media (max-width: 1024px){.footer{padding:32px 28px}}@media (max-width: 768px){.footer{padding:32px 24px;font-size:12px}}@media (max-width: 480px){.footer{padding:28px 18px}}.footer p{margin:0}@media (max-width: 768px){.dashboard-orbs .orb-1{width:340px;height:340px;top:-140px;left:-120px}.dashboard-orbs .orb-2{width:280px;height:280px;bottom:-120px;right:-90px}}@media (max-width: 480px){.dashboard-orbs .orb-1{width:240px;height:240px;top:-100px;left:-80px}.dashboard-orbs .orb-2{width:220px;height:220px;bottom:-90px;right:-70px}}.stat-card:nth-child(1){animation-delay:.08s}.feature-card:nth-child(1){animation-delay:.08s}.stat-card:nth-child(2){animation-delay:.16s}.feature-card:nth-child(2){animation-delay:.16s}.stat-card:nth-child(3){animation-delay:.24s}.feature-card:nth-child(3){animation-delay:.24s}.stat-card:nth-child(4){animation-delay:.32s}.feature-card:nth-child(4){animation-delay:.32s}.stat-card:nth-child(5){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.4s}.stat-card:nth-child(6){animation-delay:.48s}.feature-card:nth-child(6){animation-delay:.48s}.stat-card:nth-child(7){animation-delay:.56s}.feature-card:nth-child(7){animation-delay:.56s}.stat-card:nth-child(8){animation-delay:.64s}.feature-card:nth-child(8){animation-delay:.64s}.stat-card:nth-child(9){animation-delay:.72s}.feature-card:nth-child(9){animation-delay:.72s}.stat-card:nth-child(10){animation-delay:.8s}.feature-card:nth-child(10){animation-delay:.8s}.stat-card:nth-child(11){animation-delay:.88s}.feature-card:nth-child(11){animation-delay:.88s}.stat-card:nth-child(12){animation-delay:.96s}.feature-card:nth-child(12){animation-delay:.96s}