.top-month-page{min-height:100vh;padding:20px 20px 100px}.top-month-container{max-width:600px;margin:0 auto}.top-text{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px;font-size:.95rem;color:var(--text-primary);line-height:1.5;text-align:center}.top-header{text-align:center;margin-bottom:24px}.top-header h1{font-size:1.8rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.month-label{font-size:1rem;color:var(--text-secondary);text-transform:capitalize}.empty-state,.loading-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.top-list{flex-direction:column}.top-item,.top-list{display:flex;gap:12px}.top-item{align-items:center;padding:12px 16px;background:var(--card-background);border-radius:16px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.top-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.top-item.gold{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.05));border-color:rgba(255,215,0,.3)}.top-item.silver{background:linear-gradient(135deg,rgba(192,192,192,.15),rgba(192,192,192,.05));border-color:rgba(192,192,192,.3)}.top-item.bronze{background:linear-gradient(135deg,rgba(205,127,50,.15),rgba(205,127,50,.05));border-color:rgba(205,127,50,.3)}.top-item.current-user{border:2px solid var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb,255,69,0),.2)}.top-item.current-user .user-name{color:var(--primary-color)}.rank-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;font-size:.8rem;color:var(--text-muted);font-weight:600;flex-shrink:0}.top-item.gold .rank-badge{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border-color:rgba(255,215,0,.5);color:#d4a000}.top-item.silver .rank-badge{background:linear-gradient(135deg,rgba(192,192,192,.2),rgba(192,192,192,.1));border-color:rgba(192,192,192,.5);color:#808080}.top-item.bronze .rank-badge{background:linear-gradient(135deg,rgba(205,127,50,.2),rgba(205,127,50,.1));border-color:rgba(205,127,50,.5);color:#cd7f32}.user-avatar-wrapper{position:relative;flex-shrink:0}.status-icon{position:absolute;bottom:-2px;right:-2px;font-size:.9rem}.user-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-month-page .user-name{font-weight:600;font-size:1rem;color:var(--text-primary);white-space:normal;word-break:break-word;overflow:visible;text-overflow:unset;max-width:none}.user-bookings{font-size:.85rem;color:var(--text-secondary)}.rank-change{flex-shrink:0;min-width:40px;text-align:right}.up-down{font-size:.85rem;font-weight:600;padding:2px 6px;border-radius:4px}.up-down.up{color:#22c55e;background:rgba(34,197,94,.1)}.up-down.down{color:#ef4444;background:rgba(239,68,68,.1)}.up-down.same{color:var(--text-secondary);background:var(--background-secondary)}.current-user-rank{margin-top:24px;padding:16px;background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.rank-label{color:var(--text-secondary)}.rank-value{font-weight:700;font-size:1.2rem;color:var(--primary-color)}.rank-bookings{color:var(--text-secondary);font-size:.9rem}@media (max-width:480px){.top-month-page{padding:16px 16px 80px}.top-header h1{font-size:1.5rem}.top-item{padding:10px 12px;gap:10px}.rank-badge{width:24px;height:24px;font-size:.75rem}.top-month-page .user-name{font-size:.95rem}.user-bookings{font-size:.8rem}}