:root{--pm-teal:#18313b;--pm-teal-lt:#ebf1f4;--pm-orange:#e8640e;--pm-orange-lt:#fef3ec;--pm-border:#e2e8ec;--pm-bg:#f5f7f9;--pm-card:#fff;--pm-text:#1a2733;--pm-muted:#6b7d8a;--pm-radius:10px;--border:#e2e8ec;--radius:8px;--text:#1a2733;--text-muted:#6b7d8a}.shell{background:var(--pm-bg);color:var(--pm-text);font-family:inherit;min-height:100vh;padding:24px 28px}.settings-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.settings-page-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.settings-page-title{color:var(--pm-text);font-size:20px;font-weight:700;margin:0;white-space:nowrap}.settings-topnav{display:flex;gap:6px}.sn-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;height:32px;padding:0 14px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sn-btn-default{background:var(--pm-teal-lt);color:var(--pm-text)}.sn-btn-default:hover{background:#d8e8ed}.sn-btn-active{background:var(--pm-teal);color:#fff}.timeframe-select{background:#fff;border:1px solid var(--pm-border);border-radius:6px;color:var(--pm-text);cursor:pointer;font-size:13px;font-weight:500;height:32px;outline:none;padding:0 10px}.timeframe-select:focus{border-color:var(--pm-teal)}.settings-layout{align-items:flex-start;display:flex;gap:20px}.sidebar{flex-shrink:0;width:200px}.sidebar-inner{gap:8px}.sidebar-card,.sidebar-inner{display:flex;flex-direction:column}.sidebar-card{background:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);gap:2px;padding:12px 8px}.sidebar-section-label{color:var(--pm-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 8px 8px;text-transform:uppercase}.nav-item{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--pm-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;text-align:left;transition:background .15s,color .15s;width:100%}.nav-item svg{flex-shrink:0;height:16px;width:16px}.nav-item:hover{background:var(--pm-teal-lt);color:var(--pm-text)}.nav-item.active{background:var(--pm-teal-lt);color:var(--pm-teal);font-weight:600}.content-area{display:flex;flex:1;flex-direction:column;gap:16px;min-width:0}.card{background:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);padding:20px}.card-title{align-items:center;color:var(--pm-text);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:16px}.card-title svg{color:var(--pm-muted);flex-shrink:0;height:18px;width:18px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--pm-card);border:1px solid var(--pm-border);border-left:4px solid transparent;border-radius:var(--pm-radius);padding:18px 20px}.stat-card.orange{border-left-color:var(--pm-orange)}.stat-card.teal{border-left-color:var(--pm-teal)}.stat-title{color:var(--pm-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:var(--pm-text);font-size:28px;font-weight:700;line-height:1.1;margin-bottom:4px}.stat-trend{font-size:12px;font-weight:500}.stat-trend.neutral{color:var(--pm-muted)}.scatter-container{background:linear-gradient(135deg,#f8fafc 0,var(--pm-teal-lt) 100%);border:1px solid var(--pm-border);border-radius:8px;height:320px;overflow:visible;position:relative;width:100%}.scatter-axis-y{left:-40px;top:50%;transform:translateY(-50%) rotate(-90deg)}.scatter-axis-x,.scatter-axis-y{color:var(--pm-muted);font-size:11px;font-weight:600;letter-spacing:.5px;position:absolute;text-transform:uppercase;white-space:nowrap}.scatter-axis-x{bottom:8px;left:50%;transform:translateX(-50%)}.bubble{align-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:default;display:flex;font-size:11px;font-weight:700;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:transform .2s}.bubble:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10}.b-user{color:#fff}.bubble-tooltip{background:#1a2733;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.25);color:#fff;display:none;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:100}.bubble-tooltip,.bubble-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bubble-tooltip:after{border:5px solid transparent;border-top-color:#1a2733;content:"";top:100%}.bubble:hover .bubble-tooltip{display:block}.bt-name{font-size:13px;font-weight:700;margin-bottom:4px}.bt-stat{font-size:12px;line-height:1.5;opacity:.85}.leaderboard-list{display:flex;flex-direction:column;gap:2px}.lb-row{align-items:center;border-radius:8px;display:flex;gap:14px;padding:12px 10px;transition:background .15s}.lb-row:hover{background:var(--pm-bg)}.lb-rank{font-size:14px;font-weight:800;min-width:32px;text-align:center}.user-avatar-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-info{flex:1;min-width:0}.user-name{color:var(--pm-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--pm-muted);font-size:12px;margin-top:1px}.lb-score{flex-shrink:0;text-align:right}.lb-points{color:var(--pm-text);font-size:15px;font-weight:700}