.performance-chart{background-color:white;border-radius:12px;padding:24px;margin:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef}.gauge-container{display:flex;justify-content:center;margin-bottom:32px}.gauge-svg{max-width:250px;height:auto}.percentage-label{font-size:12px;fill:#666;font-weight:500}.needle{transition:transform .8s ease-in-out;transform-origin:0 0}.chart-statistics{justify-content:space-around;gap:20px}.chart-statistics,.stat-item{display:flex;align-items:center}.stat-item{flex-direction:column;text-align:center;flex:1}.stat-icon{color:#666;margin-bottom:8px}.stat-icon svg{width:20px;height:20px}.stat-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:400;line-height:1.2}.stat-value{font-size:24px;font-weight:700;color:#333}.stat-divider{width:1px;height:60px;background-color:#e9ecef;margin:0 16px}@media (max-width:768px){.performance-chart{margin:16px;padding:20px}.gauge-svg{max-width:200px}.chart-statistics{gap:12px}.stat-divider{margin:0 8px;height:50px}.stat-value{font-size:20px}.stat-label{font-size:12px}}.performance-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.performance-header{padding:16px 20px;background-color:white;border-bottom:1px solid #e9ecef}.back-button{display:flex;align-items:center;background:none;border:none;padding:0;font-size:16px;color:#333;cursor:pointer;gap:8px}.back-arrow{font-size:20px;font-weight:700;color:#666}.back-text{font-weight:500;color:#333}.tab-navigation{display:flex;background-color:white;border-bottom:1px solid #e9ecef;padding:0 20px}.tab{flex:1;padding:16px 0;background:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;border:none;border-bottom:3px solid transparent;transition:all .3s ease}.tab.active{border-bottom-color:#ff6b35}.tab.active,.tab:hover{color:#ff6b35}.earnings-main{background-color:#f1f3f5;margin:20px;padding:32px 24px;border-radius:12px;text-align:center;border:1px solid #e9ecef}.earnings-label{font-size:16px;color:#666;margin-bottom:12px;font-weight:400}.earnings-amount{font-size:32px;font-weight:700;color:#333;letter-spacing:-.5px}.earnings-breakdown{display:flex;gap:16px;margin:0 20px 32px}.earnings-item{flex:1;background-color:white;padding:20px 16px;border-radius:8px;border:1px solid #e9ecef;text-align:center}.earnings-type{font-size:14px;color:#666;margin-bottom:8px;font-weight:400}.earnings-value{font-size:18px;font-weight:600;color:#333}.more-details-button{margin:0 20px 32px;padding:16px;background-color:white;border:2px solid #ff6b35;border-radius:8px;color:#ff6b35;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.more-details-button:hover{background-color:#ff6b35;color:white}.more-details-button:active{transform:translateY(1px)}@media (max-width:768px){.performance-container{font-size:14px}.earnings-main{margin:16px;padding:24px 20px}.earnings-amount{font-size:28px}.earnings-breakdown{margin:0 16px 24px;gap:12px}.earnings-item{padding:16px 12px}.more-details-button{margin:0 16px 24px}}