:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-card-hover: #222;--bg-surface: #272727;--red: #ff0000;--red-dark: #cc0000;--white: #f1f1f1;--gray: #aaa;--gray-dark: #666;--blue: #3ea6ff;--green: #2ba640;--gold: #ffd700;--border: rgba(255, 255, 255, .1);font-family:Roboto,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--white)}.notification{position:fixed;top:1rem;right:1rem;background:var(--green);color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:100;animation:slideIn .3s ease,fadeOut .5s ease 2.5s forwards;box-shadow:0 4px 12px #0006}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{background:var(--red);color:#fff;width:32px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.logo-text{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.header-stats{display:flex;gap:.75rem}.stat-pill{display:flex;align-items:center;gap:.35rem;background:var(--bg-surface);padding:.35rem .75rem;border-radius:20px;font-size:.8rem}.stat-pill.money{background:#2ba64026;border:1px solid rgba(43,166,64,.3)}.stat-icon{font-size:.9rem}.stat-val{font-weight:700}.stat-label{color:var(--gray-dark)}.tab-bar{display:flex;gap:0;background:var(--bg-card);border-bottom:1px solid var(--border);overflow-x:auto}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;background:none;border:none;color:var(--gray);font-size:.7rem;cursor:pointer;transition:all .15s;border-bottom:3px solid transparent;min-width:60px}.tab-btn:hover{color:var(--white);background:#ffffff0d}.tab-btn.active{color:var(--white);border-bottom-color:var(--red)}.tab-icon{font-size:1.1rem}.tab-label{font-weight:600}.content{padding:1rem;max-width:900px;margin:0 auto;width:100%}.dashboard{display:flex;flex-direction:column;gap:1rem}.channel-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.25rem;border-radius:12px;border:1px solid var(--border)}.channel-avatar{font-size:2.5rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:50%}.channel-info h2{font-size:1.2rem;font-weight:700}.channel-meta{display:flex;gap:.5rem;color:var(--gray);font-size:.85rem;margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat-card{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border)}.stat-card-label{font-size:.75rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.stat-card-value{font-size:1.3rem;font-weight:700}.stat-card-sub{font-size:.75rem;color:var(--gray-dark);margin-top:.25rem}.trending-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(90deg,#ff000026,#ff64001a);border:1px solid rgba(255,0,0,.3);padding:.75rem 1rem;border-radius:10px;font-size:.9rem}.trending-icon{font-size:1.3rem}.top-video-card{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border)}.top-video-card h3{font-size:.9rem;margin-bottom:.75rem;color:var(--gray)}.top-video{display:flex;align-items:center;gap:.75rem}.video-thumb{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:8px}.top-video-title{font-weight:600;font-size:.9rem}.top-video-stats{font-size:.8rem;color:var(--gray);display:flex;gap:.5rem;align-items:center;margin-top:.2rem}.trending-tag,.trending-tag-sm{background:#f003;color:#f44;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700}.next-milestone-card{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border)}.next-milestone-card h3{font-size:.9rem;margin-bottom:.75rem}.milestone-progress{display:flex;flex-direction:column;gap:.4rem}.progress-bar-bg{width:100%;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),#ff4444);border-radius:4px;transition:width .3s ease}.progress-bar-fill.cooldown{background:linear-gradient(90deg,var(--gray-dark),var(--gray))}.progress-text{font-size:.8rem;color:var(--gray)}.all-achieved{text-align:center;font-size:1.1rem;padding:.5rem}.upload-panel{display:flex;flex-direction:column;gap:1rem}.upload-panel h2{font-size:1.3rem}.upload-hint,.shop-hint,.milestones-hint{color:var(--gray);font-size:.85rem}.cooldown-bar{background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border)}.cooldown-text{font-size:.9rem;margin-bottom:.5rem}.upload-ready{background:#2ba6401a;border:1px solid rgba(43,166,64,.3);padding:.6rem 1rem;border-radius:8px;font-size:.9rem;color:var(--green);font-weight:600}.upload-flash{animation:flash .6s ease}@keyframes flash{0%,to{background:#2ba6401a}50%{background:#2ba6404d}}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.topic-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;color:var(--white);font-family:inherit}.topic-card:hover:not(.disabled){background:var(--bg-card-hover);border-color:var(--red);transform:translateY(-2px)}.topic-card.disabled{opacity:.5;cursor:not-allowed}.topic-card.trending{border-color:#ff444480;background:linear-gradient(135deg,rgba(255,0,0,.08),var(--bg-card))}.topic-icon{font-size:2rem}.topic-name{font-weight:600;font-size:.9rem}.trending-badge{font-size:.7rem;color:#f44;font-weight:700}.topic-pop{font-size:.7rem;color:var(--gray-dark)}.shop-panel{display:flex;flex-direction:column;gap:1rem}.shop-panel h2{font-size:1.3rem}.shop-grid{display:flex;flex-direction:column;gap:.75rem}.shop-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border);transition:all .15s}.shop-card:hover{background:var(--bg-card-hover)}.shop-card.maxed{opacity:.7}.shop-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:10px}.shop-info{flex:1}.shop-name{font-weight:700;font-size:1rem}.shop-effect{font-size:.8rem;color:var(--gray)}.shop-level{font-size:.75rem;color:var(--gray-dark);margin-top:.3rem}.level-bar{display:flex;gap:3px;margin-top:.3rem}.level-pip{width:16px;height:4px;background:var(--bg-surface);border-radius:2px}.level-pip.filled{background:var(--blue)}.upgrade-btn{padding:.5rem 1rem;background:var(--red);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s;min-width:80px;font-family:inherit}.upgrade-btn:hover:not(.disabled){background:var(--red-dark)}.upgrade-btn.disabled{background:var(--bg-surface);color:var(--gray-dark);cursor:not-allowed}.videos-panel{display:flex;flex-direction:column;gap:1rem}.videos-panel h2{font-size:1.3rem}.videos-list{display:flex;flex-direction:column;gap:.5rem}.video-row{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);padding:.75rem;border-radius:10px;border:1px solid var(--border);transition:all .15s}.video-row:hover{background:var(--bg-card-hover)}.video-row.video-trending{border-color:#ff44444d}.video-thumb-sm{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:8px;flex-shrink:0}.video-details{flex:1;min-width:0}.video-title{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;gap:.4rem;font-size:.75rem;color:var(--gray-dark);align-items:center;margin-top:.2rem;flex-wrap:wrap}.video-stats-col{text-align:right;flex-shrink:0}.video-views{font-weight:600;font-size:.85rem}.video-likes{font-size:.75rem;color:var(--gray)}.milestones-panel{display:flex;flex-direction:column;gap:1rem}.milestones-panel h2{font-size:1.3rem}.milestones-list{display:flex;flex-direction:column;gap:.75rem}.milestone-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:10px;border:1px solid var(--border);transition:all .15s}.milestone-card.achieved{border-color:#ffd7004d;background:linear-gradient(135deg,rgba(255,215,0,.05),var(--bg-card))}.milestone-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:10px}.milestone-info{flex:1}.milestone-name{font-weight:700;font-size:1rem}.milestone-req{font-size:.8rem;color:var(--gray)}.milestone-reward{font-size:.75rem;color:var(--green);margin-top:.2rem}.milestone-status{font-size:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray);gap:.75rem}.empty-icon{font-size:3rem}@media(max-width:600px){.header{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.header-stats{width:100%;justify-content:center}.stats-grid,.topics-grid{grid-template-columns:repeat(2,1fr)}.content{padding:.75rem}.video-row{flex-wrap:wrap}.video-stats-col{width:100%;text-align:left;padding-left:calc(40px + .75rem)}}