body{background-color:#1a1a1d;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0 0 70px}header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#1f1f23;border-bottom:1px solid #333}.branding{display:flex;align-items:center}#logo{height:80px;margin-right:15px}header h1{font-size:1.5em;margin:0;color:#61dafb}#authControls{display:flex;align-items:center;gap:20px}#usernameDisplay{font-weight:700}.tab-navigation{display:flex;margin-left:2rem;height:100%}.nav-tab{padding:10px 20px;cursor:pointer;color:#aaa;text-decoration:none;border-bottom:3px solid transparent;transition:all .2s ease-in-out;margin-bottom:-1px}.nav-tab:hover{background-color:#2a2a2a;color:#fff}.nav-tab.active{color:#fff;font-weight:700;border-bottom:3px solid #61dafb}main{padding:30px}.page{display:none}#page-mirror{display:flex;align-items:flex-start;gap:30px}#leaderSection{flex:2;display:flex;flex-direction:column;gap:20px}#userSection{flex:1}.data-box{background-color:#25252a;padding:20px;border-radius:8px;margin-bottom:20px}.button-primary,#authControls button{background-color:#61dafb;color:#1a1a1d;border:none;padding:10px 20px;border-radius:5px;font-size:1em;font-weight:700;cursor:pointer;transition:background-color .2s}.button-primary:hover,#authControls button:hover{background-color:#88eaff}.controls-bar{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:15px;border-radius:8px;background-color:#25252a}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border-bottom:1px solid #444;padding:12px;text-align:left}th{background-color:#333}tbody tr:nth-child(2n){background-color:#2f2f35}#leaderStatsContainer h3,#page-leader-profile h3{text-align:center;margin-top:0;margin-bottom:25px;font-size:1.4em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center}.stat-item{background-color:#1f1f23;padding:15px;border-radius:6px;display:flex;flex-direction:column}.stat-item span{color:#c3c3c3;font-size:.9em;margin-bottom:8px}.stat-item strong{font-size:1.5em;font-weight:700}.pnl-positive{color:#4caf50;font-weight:700}.pnl-negative{color:#f44336;font-weight:700}.error-message{color:#f44336;font-style:italic}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{height:12px;width:12px;background-color:#6c757d;border-radius:50%;transition:background-color .3s ease}.status-dot.online{background-color:#28a745}.status-dot.offline{background-color:#dc3545}#active-settings-box h2{text-align:center;margin-top:0;margin-bottom:25px}#platform-connection-statuses .status-line,.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #333}.setting-item:last-child{border-bottom:none}.setting-item span{color:#ccc}.setting-item strong,.setting-item .status-indicator{text-align:right}#setting-target-accounts{list-style:none;padding:0;margin:0;text-align:right}#setting-target-accounts li{font-weight:700}#settings-panel{display:flex;flex-direction:column;gap:20px}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group label{font-weight:700;color:#ccc}#leader-selector-input,#save-settings-btn{padding:10px;border-radius:5px;border:1px solid #444;background-color:#333;color:#f5f5f5;font-size:1em}#save-settings-btn{background-color:#61dafb;color:#1a1a1d;font-weight:700;cursor:pointer;border:none}#save-status-message{text-align:center;font-weight:700;min-height:1.2em}.accounts-container{display:flex;flex-direction:column;gap:10px;max-height:150px;overflow-y:auto;background-color:#1f1f23;padding:15px;border-radius:6px;border:1px solid #444}.account-checkbox-item{display:flex;align-items:center;gap:10px}.toggle-group{flex-direction:row;justify-content:space-between;align-items:center}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#61dafb}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.status-text-active{color:#28a745;font-weight:700}.status-text-inactive{color:#dc3545;font-weight:700}.pricing-table{display:flex;justify-content:center;gap:30px;margin-top:2rem}.plan{background-color:#25252a;border:1px solid #444;border-radius:8px;padding:20px;width:300px;display:flex;flex-direction:column;text-align:center;transition:transform .2s,box-shadow .2s}.plan:hover{transform:translateY(-5px)}.plan.plan-active{border-color:#61dafb;box-shadow:0 0 15px #61dafb4d}.plan h4{font-size:1.4em;color:#61dafb;margin-top:0}.plan .price{font-size:2em;font-weight:700;margin:10px 0 20px}.plan ul{list-style:none;padding:0;margin:0 0 20px;text-align:left;flex-grow:1}.plan ul li{padding:8px 0;border-bottom:1px solid #333}.plan ul li:last-child{border-bottom:none}.plan-footer .subscribe-btn{width:100%;padding:12px;font-size:1.1em}.plan-footer .current-plan-text{font-weight:700;color:#28a745;font-size:1.2em}#cancel-subscription-btn{background-color:#dc3545;color:#fff;padding:10px 20px}#cancel-feedback.feedback-success{color:#28a745}#cancel-feedback.feedback-error{color:#dc3545}#cancel-subscription-btn.confirm-state{background-color:#ffc107;color:#1a1a1d}.plan.plan-canceled{border-color:#ffc107;opacity:.7}.plan-footer .canceled-plan-text{font-weight:700;color:#ffc107;font-size:1.1em}#sticky-footer-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#1f1f23;color:#ccc;padding:1rem;border-top:1px solid #333;text-align:center;font-size:.85em;z-index:1000;box-sizing:border-box}#sticky-footer-banner p{margin:0;padding:0}.accounts-container .account-checkbox-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px;border-radius:4px;transition:background-color .2s}.accounts-container .account-checkbox-item:hover{background-color:#3a3f44}.account-checkbox-item>label{flex-grow:1;text-align:left;margin-left:10px}.ratio-input-container{display:flex;align-items:center}.ratio-input-container label{margin-right:8px;font-size:.9em;color:#ccc}.ratio-input{width:75px;padding:6px 8px;background-color:#1a1c1e;border:1px solid #555;color:#fff;border-radius:4px;text-align:center}#leaderboardTable th{position:relative;cursor:pointer}#leaderboardTable th a{color:inherit;text-decoration:none}#leaderboardTable th.sorted-asc:after,#leaderboardTable th.sorted-desc:after{content:"";position:absolute;right:10px;top:50%;border:4px solid transparent}#leaderboardTable th.sorted-asc:after{border-bottom-color:#61dafb;margin-top:-2px}#leaderboardTable th.sorted-desc:after{border-top-color:#61dafb;margin-top:-6px}#page-leader-profile{max-width:900px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #444}.profile-header h2{font-size:2.5em;color:#61dafb;margin:0}#profile-socials{display:flex;gap:15px}#profile-socials a{color:#f5f5f5;font-size:1.8em;transition:color .2s}#profile-socials a:hover{color:#61dafb}.call-to-action{text-align:center;background:linear-gradient(45deg,#2d3238,#383e45);border:1px solid #61dafb}.call-to-action h3{color:#fff}.pricing-info{font-size:1.5em;margin:20px 0}.pricing-info span{color:#ccc}.pricing-info strong{color:#61dafb;margin-left:10px}#profile-follow-button{font-size:1.2em;padding:12px 25px}#leaderProfileManagementSection h3{text-align:center;margin-top:0;margin-bottom:25px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#ccc;font-weight:700}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background-color:#1f1f23;border:1px solid #444;border-radius:5px;padding:10px;color:#f5f5f5;font-size:1em}.form-group textarea{resize:vertical}.form-group:nth-child(2){grid-column:1 / -1}.platform-group-header{font-size:.8em;color:#888;text-transform:uppercase;margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #333}.platform-account-list{background-color:#1f1f23;padding:15px;border-radius:6px;border:1px solid #444}.no-accounts-message{color:#888;padding:10px 0;text-align:center;margin:0}#page-login{max-width:1200px;margin:40px auto}.hero-image{max-width:100%;height:auto;border-radius:8px;margin:20px 0}#page-login{max-width:1400px;margin:40px auto}.login-container{display:flex;align-items:stretch;gap:40px;margin:40px 0}.login-column{flex:1;text-align:left}.login-column-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 20px 20px;flex:1 1 34%}.login-logo{max-width:100%;height:100%;width:auto;object-fit:contain}.login-column h3{text-align:center;font-size:1.5em;color:#61dafb;margin-bottom:25px}.how-it-works-list{list-style:none;padding:0}.how-it-works-list li{background-color:#25252a;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #61dafb}.how-it-works-list li strong{font-size:1.2em;color:#f5f5f5;display:block;margin-bottom:8px}.how-it-works-list li p{margin:0;color:#ccc;line-height:1.6}#page-login{max-width:1400px;margin:40px auto;text-align:center}.login-container{display:flex;align-items:flex-start;gap:40px;margin:40px 0}.login-column{flex:1 1 33%;text-align:left}.login-column-center h2{font-size:2.2em;color:#f5f5f5;margin-bottom:30px;text-align:center}
